.dme-explorer{--dme-surface:#dfe5dc;--dme-paper:#eff2ed;--dme-ink:#303832;--dme-muted:#5d695f;--dme-accent:#785448;--dme-sage:#52745f;--dme-rule:#b8c3b5;--dme-changed:#e7cbbd;--dme-selected:#d0dccb;color:var(--dme-ink);text-align:left;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:0 0;min-width:0;max-width:100%;font:16px/1.5 Arial,Helvetica,sans-serif;container-type:inline-size}.dme-explorer *,.dme-explorer :before,.dme-explorer :after{box-sizing:border-box}.dme-explorer button,.dme-explorer input,.dme-explorer select,.dme-explorer textarea{color:inherit;font:inherit}.dme-explorer button{border:1px solid var(--dme-rule);cursor:pointer;background:0 0;border-radius:2px;min-height:44px;padding:9px 13px;line-height:1.2}.dme-explorer button:hover:not(:disabled){border-color:var(--dme-accent);color:var(--dme-accent)}.dme-explorer button:active:not(:disabled){background:var(--dme-selected)}.dme-explorer button:disabled{cursor:default;opacity:.47}.dme-explorer :focus-visible{outline:2px solid var(--dme-accent);outline-offset:3px}.dme-explorer h2,.dme-explorer h3,.dme-explorer p,.dme-explorer figure{margin:0}.dme-section-label{letter-spacing:.055em;text-transform:uppercase;font:700 12px/1.5 Courier New,Courier,monospace;display:block}.dme-start{padding:0 0 16px}.dme-start h2{letter-spacing:-.02em;margin-bottom:8px;font-size:20px;font-weight:500}.dme-start>p{max-width:80ch;font-size:14px}.dme-flow{flex-wrap:wrap;gap:12px 35px;margin:16px 0 12px;padding:0;list-style:none;display:flex}.dme-flow li{gap:3px;max-width:29ch;font-size:12px;display:grid}.dme-flow strong{font:700 14px Courier New,Courier,monospace}.dme-flow span{color:var(--dme-muted)}.dme-start .dme-start-action{color:var(--dme-accent);font-size:13px}.dme-direct{border-top:1px solid var(--dme-rule);padding:18px 0 26px}.dme-direct-heading{justify-content:space-between;align-items:flex-start;gap:16px 24px;display:flex}.dme-direct-heading h2{letter-spacing:-.025em;font:500 22px/1.2 Arial,Helvetica,sans-serif}.dme-direct-heading p{max-width:75ch;color:var(--dme-muted);margin-top:7px;font-size:13px}.dme-direct-heading>button{flex-shrink:0;font-size:12px}.dme-direct-tools{flex-wrap:wrap;gap:7px;margin-top:17px;display:flex}.dme-direct-tools button{font-size:13px}.dme-direct-tools button[aria-pressed=true],.dme-base-palette button[aria-pressed=true]{background:var(--dme-ink);border-color:var(--dme-ink);color:var(--dme-paper)}.dme-direct-tools button[aria-pressed=true]:hover,.dme-base-palette button[aria-pressed=true]:hover{color:var(--dme-paper);background:var(--dme-accent)}.dme-explorer .dme-direct-instruction{max-width:90ch;margin-top:10px;font-size:13px}.dme-base-palette{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;font:13px Courier New,Courier,monospace;display:flex}.dme-base-palette button{min-width:44px;font-weight:700}.dme-direct-dna{min-width:0;margin-top:20px}.dme-direct-caption{color:var(--dme-muted);flex-wrap:wrap;justify-content:space-between;gap:5px 20px;font:11px/1.5 Courier New,Courier,monospace;display:flex}.dme-mouse-ladder{grid-template-columns:repeat(var(--dme-base-count), minmax(0, 1fr));margin-top:10px;display:grid}.dme-mouse-rung{border-bottom:2px solid var(--dme-rule);min-width:0;height:164px;position:relative}.dme-mouse-codon-alt{border-color:var(--dme-sage)}.dme-mouse-position{text-align:center;width:100%;color:var(--dme-muted);font:10px/1.5 Courier New,Courier,monospace;position:absolute;top:0}.dme-mouse-bond{top:calc(60px + var(--dme-base-y));bottom:calc(37px + var(--dme-base-y));border-left:1px solid var(--dme-rule);position:absolute;left:50%}.dme-explorer .dme-mouse-base{top:calc(38px + var(--dme-base-y));border:1px solid var(--dme-sage);background:var(--dme-paper);border-radius:50%;place-items:center;width:44px;height:44px;min-height:44px;padding:0;font:700 20px/1 Courier New,Courier,monospace;display:grid;position:absolute;left:50%;transform:translate(-50%)}.dme-explorer .dme-mouse-base:hover:not(:disabled){background:var(--dme-selected);border-color:var(--dme-accent);transform:translate(-50%)scale(1.08)}.dme-explorer .dme-mouse-selected{outline:2px solid var(--dme-sage);outline-offset:3px}.dme-explorer .dme-mouse-affected{background:var(--dme-changed);border-color:var(--dme-accent)}.dme-mouse-complement{bottom:calc(25px + var(--dme-base-y));border:1px solid var(--dme-rule);width:25px;height:25px;color:var(--dme-muted);border-radius:50%;place-items:center;font:12px/1 Courier New,Courier,monospace;display:grid;position:absolute;left:50%;transform:translate(-50%)}.dme-direct-pagination{color:var(--dme-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;margin-top:7px;font:11px/1.5 Courier New,Courier,monospace;display:flex}.dme-direct-pagination>div{flex-wrap:wrap;gap:6px;display:flex}.dme-direct-pagination button{padding-inline:10px;font-size:11px}.dme-direct-trial{min-height:20px;color:var(--dme-accent);margin-top:10px;font-size:13px}.dme-explorer .dme-direct-limit,.dme-explorer .dme-direct-max{color:var(--dme-muted);margin-top:4px;font-size:11px}.dme-mouse-insertion{color:var(--dme-accent);font-weight:700}.dme-mouse-removed{opacity:.45;text-decoration:line-through;text-decoration-thickness:2px}.dme-direct .dme-result{margin:15px 0 0;padding:15px 0}.dme-direct .dme-result h2{font-size:21px}.dme-result .dme-direct-codon{flex-wrap:wrap;align-items:baseline;gap:5px 18px;margin-top:9px;font-size:13px;display:flex}.dme-direct-codon code{font:700 14px Courier New,Courier,monospace}.dme-live-proteins{gap:12px;padding-top:3px;display:grid}.dme-live-protein>div{flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-bottom:7px;font-size:12px;display:flex}.dme-live-protein>div>span{color:var(--dme-muted);font-size:11px}.dme-protein-chain{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dme-protein-chain li{border:1px solid var(--dme-rule);min-width:28px;height:28px;color:var(--dme-ink);border-radius:50%;place-items:center;font:700 12px/1 Courier New,Courier,monospace;display:grid}.dme-protein-chain .dme-protein-stop{border-radius:2px;padding:0 6px;font-size:10px}.dme-protein-chain .dme-protein-different{background:var(--dme-changed);border-color:var(--dme-accent)}.dme-protein-chain .dme-protein-empty{color:var(--dme-muted);border:0;border-radius:0;font-weight:400}.dme-live-proteins>p,.dme-live-protein .dme-chain-limit{color:var(--dme-muted);font-size:11px}.dme-advanced{border-top:1px solid var(--dme-rule);padding:0 0 20px}.dme-advanced>summary{cursor:pointer;align-items:center;gap:9px;min-height:48px;padding-block:9px;font-size:14px;font-weight:600;list-style:none;display:flex}.dme-advanced>summary::-webkit-details-marker{display:none}.dme-advanced>summary:before{content:"+";font:20px/1 Courier New,Courier,monospace}.dme-advanced[open]>summary:before{content:"−"}.dme-advanced .dme-advanced-note{max-width:75ch;color:var(--dme-muted);margin-bottom:14px;font-size:12px}@media (max-width:520px){.dme-direct-heading{display:block}.dme-direct-heading h2{font-size:20px}.dme-direct-heading>button{margin-top:10px}.dme-direct-tools{gap:6px;margin-top:10px}.dme-direct-tools button{flex:calc(50% - 6px);padding-inline:8px}.dme-direct .dme-result h2{font-size:20px}}@container (min-width:850px){.dme-direct{-moz-column-gap:32px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:"heading heading""tools result""palette result""instruction result""maxnote result""dna proteins""trial proteins""limit proteins";column-gap:32px;display:grid}.dme-direct-heading{grid-area:heading}.dme-direct-tools{grid-area:tools}.dme-base-palette{grid-area:palette}.dme-direct-instruction{grid-area:instruction}.dme-direct-max{grid-area:maxnote}.dme-direct-dna{grid-area:dna}.dme-direct-trial{grid-area:trial}.dme-direct-limit{grid-area:limit}.dme-direct .dme-result{grid-area:result;grid-template-columns:1fr;align-self:start}.dme-live-proteins{grid-area:proteins;align-self:start;margin-top:20px}}.dme-challenge{border-block:1px solid var(--dme-rule);margin-bottom:20px;padding:20px 0 18px}.dme-challenge-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 30px;display:flex}.dme-challenge h2{letter-spacing:-.025em;margin-top:5px;font-size:22px;font-weight:500;line-height:1.2}.dme-progress{gap:6px;min-width:135px;font:11px/1.5 Courier New,Courier,monospace;display:grid}.dme-progress progress{width:135px;height:5px;accent-color:var(--dme-sage)}.dme-challenge .dme-challenge-goal{max-width:80ch;margin-top:12px;font-size:14px}.dme-target{color:var(--dme-muted);overflow-wrap:anywhere;font-size:12px;margin-top:7px!important}.dme-target code{color:var(--dme-ink);font-family:Courier New,Courier,monospace}.dme-challenge-actions{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:15px;display:flex}.dme-challenge-actions>button{font-size:12px}.dme-explorer .dme-primary{border-color:var(--dme-ink);background:var(--dme-ink);color:var(--dme-paper)}.dme-explorer .dme-primary:hover:not(:disabled){border-color:var(--dme-accent);background:var(--dme-accent);color:var(--dme-paper)}.dme-challenge-select{gap:4px;min-width:180px;max-width:100%;font-size:11px;display:grid}.dme-challenge-select select{border:1px solid var(--dme-rule);background:var(--dme-paper);border-radius:2px;width:100%;min-width:0;max-width:100%;min-height:44px;padding:7px 9px;font-size:12px}.dme-challenge-feedback{color:var(--dme-muted);max-width:85ch;margin-top:13px;font-size:13px}.dme-challenge-feedback strong{color:var(--dme-ink)}.dme-challenge-feedback p{margin-top:6px}.dme-challenge-complete .dme-challenge-feedback{color:var(--dme-sage)}.dme-hints{max-width:80ch;margin:12px 0 0;padding-left:20px;font-size:13px}.dme-hints li+li{margin-top:6px}.dme-help{vertical-align:middle;align-items:center;display:inline-flex}.dme-explorer .dme-help-trigger{width:32px;min-width:32px;min-height:32px;color:var(--dme-muted);border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.dme-help-trigger svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:18px;height:18px;display:block}.dme-explorer .dme-help-trigger[aria-expanded=true]{color:var(--dme-accent);background:var(--dme-selected)}.dme-tooltip{z-index:20;border:1px solid var(--dme-accent);background:var(--dme-paper);color:var(--dme-ink);letter-spacing:normal;text-transform:none;text-align:left;border-radius:3px;max-width:calc(100vw - 24px);margin:0;padding:13px 15px;font:13px/1.55 Arial,Helvetica,sans-serif;position:fixed;inset:auto}.dme-term,.dme-field-title{align-items:center;gap:2px;min-width:0;display:flex}.dme-term{flex-wrap:wrap}.dme-field-title>label{flex:0 auto}.dme-field-title .dme-section-label{display:inline-block}.dme-examples{gap:12px;padding:8px 0 26px;display:grid}.dme-example-buttons{flex-wrap:wrap;gap:7px;display:flex}.dme-example-buttons button{padding-inline:15px;font-size:14px}.dme-example-buttons button[aria-pressed=true]{background:var(--dme-ink);border-color:var(--dme-ink);color:var(--dme-paper)}.dme-example-buttons button[aria-pressed=true]:hover{color:var(--dme-paper)}.dme-examples p{color:var(--dme-muted);min-height:21px;font-size:14px}.dme-comparison{border-block:1px solid var(--dme-rule);min-width:0;padding:22px 0 14px}.dme-comparison-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 25px;display:flex}.dme-comparison-heading h2{letter-spacing:-.025em;font-size:21px;font-weight:500;line-height:1.25}.dme-comparison-heading>span{color:var(--dme-muted);font:12px/1.5 Courier New,Courier,monospace}.dme-explorer .dme-comparison-cue{color:var(--dme-muted);margin-top:10px;font-size:12px}.dme-codon-explanation{border-block:1px solid var(--dme-rule);margin-bottom:6px;padding:13px 0}.dme-codon-explanation h3{align-items:center;margin-bottom:5px;font-size:13px;display:flex}.dme-codon-explanation>div{flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:5px;font-size:12px;display:flex}.dme-codon-explanation>div>span{color:var(--dme-muted);min-width:58px}.dme-codon-explanation code{font:700 13px Courier New,Courier,monospace}.dme-codon-explanation p{color:var(--dme-muted)}.dme-explorer .dme-symbol-key{color:var(--dme-muted);max-width:90ch;margin-top:15px;font-size:11px}.dme-helix{max-width:920px;padding-block:8px 15px;margin-inline:auto!important}.dme-helix svg{width:100%;height:auto;display:block;overflow:visible}.dme-backbone{fill:none;stroke:var(--dme-sage);stroke-width:2px;opacity:.7}.dme-backbone-far{stroke:var(--dme-accent);opacity:.35}.dme-helix-base line{stroke:var(--dme-rule);stroke-width:1.5px}.dme-helix-base circle{fill:var(--dme-surface);stroke:var(--dme-sage);stroke-width:1px}.dme-helix-base .dme-complement{fill:var(--dme-paper);stroke:var(--dme-rule)}.dme-helix-base text{fill:var(--dme-ink);text-anchor:middle;pointer-events:none;font:13px Courier New,Courier,monospace}.dme-helix-base .dme-complement-letter{fill:var(--dme-muted);font-size:11px}.dme-helix-selected circle{fill:var(--dme-ink);stroke:var(--dme-ink)}.dme-helix-selected text{fill:var(--dme-paper)}.dme-helix-selected .dme-complement{fill:var(--dme-changed);stroke:var(--dme-accent)}.dme-helix-selected .dme-complement-letter{fill:var(--dme-ink)}.dme-helix figcaption{color:var(--dme-muted);justify-content:space-between;gap:8px;font:11px/1.5 Courier New,Courier,monospace;display:flex}.dme-track{padding:15px 0 9px}.dme-track+.dme-track{border-top:1px solid var(--dme-rule)}.dme-track-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 20px;margin-bottom:14px;display:flex}.dme-track-heading h3{font-size:14px;font-weight:700}.dme-track-heading>span{color:var(--dme-muted);font:11px/1.5 Courier New,Courier,monospace}.dme-sequence-grid{grid-template-columns:88px repeat(var(--dme-columns), minmax(0, 1fr));-moz-column-gap:5px;gap:3px 5px;min-width:0;display:grid}.dme-row-label{align-self:center;font:12px/1.4 Courier New,Courier,monospace}.dme-row-label small{color:var(--dme-muted);font-size:10px;display:block}.dme-position{color:var(--dme-muted);text-align:center;white-space:nowrap;padding-bottom:4px;font:10px/1.5 Courier New,Courier,monospace}.dme-position-label{color:var(--dme-muted);font-size:10px}.dme-codon{border-radius:2px;justify-content:center;align-items:center;min-width:0;font:17px/1 Courier New,Courier,monospace;display:flex}.dme-codon-selected{background:var(--dme-selected)}.dme-explorer .dme-base{border:0;border-radius:0;justify-content:center;align-items:center;width:33.333%;min-height:44px;padding:0;font:700 17px/1 Courier New,Courier,monospace;display:inline-flex}.dme-explorer .dme-base:hover:not(:disabled){background:var(--dme-changed);color:var(--dme-ink)}.dme-base-removed{text-underline-offset:5px;text-decoration:underline;-webkit-text-decoration-color:var(--dme-accent);text-decoration-color:var(--dme-accent);text-decoration-thickness:2px}.dme-base-inserted{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px;background:var(--dme-changed)!important}.dme-base-empty{color:var(--dme-rule)}.dme-explorer .dme-rna{letter-spacing:.11em;border:0;min-height:38px;padding:4px 0;font:14px/1.2 Courier New,Courier,monospace}.dme-explorer .dme-amino{border:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;min-height:64px;padding:10px 1px 6px;display:flex}.dme-amino strong{font:700 20px/1 Courier New,Courier,monospace}.dme-amino small{overflow-wrap:anywhere;max-width:100%;font:9px/1.1 Arial,Helvetica,sans-serif}.dme-track-edited .dme-codon-changed{background:color-mix(in srgb, var(--dme-changed) 45%, transparent)}.dme-track-edited .dme-amino-changed{background:var(--dme-changed)}.dme-after-stop{opacity:.48}.dme-stop strong{color:var(--dme-accent)}.dme-track-note{color:var(--dme-muted);margin-top:10px;font-size:11px;display:block}.dme-window-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;font:11px/1.5 Courier New,Courier,monospace;display:flex}.dme-window-controls>div{gap:6px;display:flex}.dme-window-controls button{min-width:72px;padding:7px 10px;font-size:12px}.dme-workspace{border-bottom:1px solid var(--dme-rule);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;padding-block:4px 22px;display:grid}.dme-input-sequence{min-width:0}.dme-input-sequence textarea{resize:vertical;border:1px solid var(--dme-rule);background:var(--dme-paper);overflow-wrap:anywhere;border-radius:2px;width:100%;min-height:98px;max-height:320px;margin-top:12px;padding:12px;font:14px/1.6 Courier New,Courier,monospace;display:block}.dme-input-sequence p,.dme-field-note{color:var(--dme-muted);max-width:65ch;margin-top:9px;font-size:12px}.dme-explorer .dme-text-button{text-underline-offset:4px;color:var(--dme-accent);border:0;margin-top:3px;padding:8px 0;font-size:12px;text-decoration:underline}.dme-edit-controls{border:0;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px 16px;min-width:0;margin:0;padding:0;display:grid}.dme-edit-controls legend{float:left;width:100%;margin-bottom:12px}.dme-edit-controls label{flex-direction:column;gap:5px;min-width:0;font-size:12px;display:flex}.dme-edit-controls .dme-field{gap:5px;min-width:0;display:grid}.dme-edit-controls .dme-field-title{min-height:32px;margin-top:-7px;margin-bottom:-7px}.dme-edit-controls select,.dme-edit-controls input{background:var(--dme-paper);border:1px solid var(--dme-rule);border-radius:2px;width:100%;min-width:0;min-height:44px;padding:9px 10px;font:14px/1.4 Courier New,Courier,monospace}.dme-field-note{grid-column:1/-1;margin-top:0}.dme-error{color:var(--dme-accent);overflow-wrap:anywhere;padding:15px 0;font-size:14px}.dme-result{grid-template-columns:minmax(0,1fr) auto;gap:25px;padding-block:19px;display:grid}.dme-result h2{letter-spacing:-.035em;margin-top:7px;font-size:26px;font-weight:500;line-height:1.2}.dme-result p{max-width:65ch;margin-top:10px;font-size:14px}.dme-result dl{align-content:start;gap:8px;min-width:225px;margin:0;font-size:12px;display:grid}.dme-result dl>div{justify-content:space-between;align-items:baseline;gap:22px;display:flex}.dme-result dt{color:var(--dme-muted)}.dme-result dd{white-space:nowrap;margin:0;font-family:Courier New,Courier,monospace}.dme-notes{color:var(--dme-muted);margin:15px 0 0;padding-left:20px;font-size:12px}.dme-notes li+li{margin-top:6px}.dme-export{flex-wrap:wrap;align-items:center;gap:12px 18px;padding-top:20px;display:flex}.dme-export>div{flex-wrap:wrap;gap:7px;display:flex}.dme-export button{font-size:12px}.dme-export-status{color:var(--dme-sage);font-size:12px}.dme-explorer .dme-model-note{max-width:90ch;color:var(--dme-muted);margin-top:18px;font-size:12px}.dme-empty{min-height:240px;color:var(--dme-muted);flex-direction:column;justify-content:center;gap:8px;display:flex}.dme-codon-reference{border-bottom:1px solid var(--dme-rule);grid-template-columns:minmax(0,1fr) minmax(170px,auto);gap:14px 30px;padding:23px 0;display:grid}.dme-codon-reference h2{letter-spacing:-.025em;margin-bottom:7px;font-size:20px;font-weight:500}.dme-codon-reference p{max-width:65ch;color:var(--dme-muted);font-size:12px}.dme-codon-reference>label{align-content:start;gap:6px;font-size:12px;display:grid}.dme-codon-reference select{border:1px solid var(--dme-rule);background:var(--dme-paper);border-radius:2px;width:100%;min-height:44px;padding:8px;font-size:13px}.dme-lookup-codons{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.dme-explorer .dme-lookup-codons button{text-align:center;gap:5px;min-width:68px;padding:10px 16px;display:grid}.dme-lookup-codons strong{font:700 15px Courier New,Courier,monospace}.dme-lookup-codons span{color:var(--dme-muted);font:11px Courier New,Courier,monospace}.dme-codon-reference .dme-lookup-action{grid-column:1/-1;max-width:90ch}@container (max-width:650px){.dme-workspace{grid-template-columns:1fr;gap:22px}.dme-result{grid-template-columns:1fr;gap:18px}.dme-result dl{max-width:350px}.dme-helix{padding-top:15px}.dme-helix svg{min-height:100px}.dme-comparison-heading>span{font-size:10px}.dme-helix figcaption{font-size:9px}.dme-track-heading{margin-bottom:11px}.dme-sequence-grid{grid-template-columns:58px repeat(var(--dme-columns), minmax(0, 1fr));gap:3px}.dme-row-label{font-size:10px}.dme-examples{padding-bottom:20px}.dme-example-buttons button{padding-inline:11px;font-size:12px}.dme-flow{gap:10px 18px}.dme-flow li{max-width:22ch}.dme-challenge h2{font-size:20px}.dme-challenge-heading{flex-wrap:nowrap;gap:12px}.dme-progress{min-width:88px;font-size:10px}.dme-progress progress{width:88px}.dme-challenge-select{flex:1}.dme-codon-reference{grid-template-columns:1fr}.dme-codon-reference>label{max-width:300px}.dme-codon-explanation>div{gap:3px 9px}.dme-codon-explanation>div>p{width:100%}}@media (prefers-reduced-motion:reduce){.dme-explorer *,.dme-explorer :before,.dme-explorer :after{scroll-behavior:auto;transition:none;animation:none}}@media (forced-colors:active){.dme-explorer{--dme-ink:CanvasText;--dme-paper:Canvas;--dme-surface:Canvas;--dme-rule:CanvasText;--dme-accent:LinkText;--dme-muted:CanvasText}.dme-codon-selected{outline:1px solid highlight}.dme-base-inserted,.dme-base-removed{text-decoration-color:highlight}.dme-example-buttons button[aria-pressed=true]{outline:2px solid highlight}}.dnap-playground{--dnap-surface:#dfe5dc;--dnap-paper:#eff2ed;--dnap-ink:#303832;--dnap-accent:#785448;--dnap-sage:#6f897c;--dnap-clay:#a67769;--dnap-rule:color-mix(in oklch, var(--dnap-ink) 24%, transparent);width:100%;min-width:0;max-width:1280px;color:var(--dnap-ink);text-align:left;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:0 0;margin-inline:auto;font:16px/1.5 Arial,Helvetica,sans-serif;container:dna-playground/inline-size}.dnap-playground *,.dnap-playground :before,.dnap-playground :after{box-sizing:border-box}.dnap-playground p{margin:0}.dnap-playground button{border:1px solid var(--dnap-rule);min-height:44px;color:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:8px 12px;font:13px/1.3 Arial,Helvetica,sans-serif}.dnap-playground button:hover:not(:disabled){border-color:var(--dnap-accent);color:var(--dnap-accent)}.dnap-playground button:disabled{opacity:.4;cursor:default}.dnap-playground :focus-visible{outline:2px solid var(--dnap-accent);outline-offset:3px}.dnap-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.dnap-brushes,.dnap-view-actions{align-items:center;gap:4px;display:flex}.dnap-toolbar button{border:0;border-bottom:2px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:7px;padding-inline:10px;display:inline-flex}.dnap-toolbar button svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}.dnap-toolbar button[aria-pressed=true]{border-bottom-color:var(--dnap-accent);color:var(--dnap-accent);font-weight:600}.dnap-playground .dnap-tool-hint{min-height:19px;color:color-mix(in oklch, var(--dnap-ink) 78%, var(--dnap-surface));margin-top:7px;font-size:12px}.dnap-stage{width:100%;min-width:0;height:clamp(420px,52vw,560px);margin-top:9px;position:relative}.dnap-stage canvas{touch-action:none;cursor:grab;background:0 0;width:100%;height:100%;display:block}.dnap-stage canvas[data-dragging=true]{cursor:grabbing}.dnap-stage canvas:focus-visible{outline-offset:-5px}.dnap-key-help{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden;margin:-1px!important}.dnap-copy-actions{border-bottom:1px solid var(--dnap-rule);flex-wrap:wrap;align-items:center;gap:7px;padding-block:12px 17px;display:flex}.dnap-copy-actions button:first-child{border-color:var(--dnap-accent)}.dnap-readouts{padding-top:9px}.dnap-selected{align-items:center;gap:5px;min-height:32px;font:12px/1.5 Courier New,Courier,monospace;display:flex}.dnap-readouts dl{-moz-column-gap:34px;flex-wrap:wrap;align-items:flex-start;gap:12px 34px;margin:2px 0 0;display:flex}.dnap-readouts dt{color:color-mix(in oklch, var(--dnap-ink) 78%, var(--dnap-surface));align-items:center;min-height:30px;font-size:11px;display:flex}.dnap-readouts dd{margin:0;font:13px/1.5 Courier New,Courier,monospace}.dnap-info{vertical-align:middle;align-items:center;display:inline-flex}.dnap-playground .dnap-info>button{border:0;border-radius:3px;justify-content:center;align-items:center;width:30px;min-height:30px;padding:0;display:inline-flex}.dnap-info svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;width:16px;height:16px;display:block}.dnap-tooltip{z-index:20;border:1px solid var(--dnap-accent);background:var(--dnap-paper);color:var(--dnap-ink);text-align:left;border-radius:3px;max-width:calc(100vw - 24px);margin:0;padding:12px 14px;font:13px/1.55 Arial,Helvetica,sans-serif;position:fixed;inset:auto}.dnap-playground .dnap-message{max-width:85ch;min-height:19px;color:var(--dnap-accent);margin-top:12px;font-size:12px}.dnap-playground .dnap-model-note{color:color-mix(in oklch, var(--dnap-ink) 72%, var(--dnap-surface));margin-top:10px;font-size:11px}.dnap-error{color:var(--dnap-accent);justify-content:center;align-items:center;padding:25px;font-size:14px;display:flex;position:absolute;inset:0}@container dna-playground (max-width:600px){.dnap-toolbar{gap:5px}.dnap-toolbar button{gap:5px;padding-inline:7px;font-size:12px}.dnap-toolbar button svg{width:15px;height:15px}.dnap-brushes,.dnap-view-actions{gap:0}.dnap-stage{height:380px}.dnap-playground .dnap-tool-hint{font-size:11px}.dnap-copy-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dnap-copy-actions button{padding-inline:7px;font-size:12px}.dnap-readouts dl{-moz-column-gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;display:grid}}@container dna-playground (max-width:330px){.dnap-toolbar button{padding-inline:5px;font-size:11px}.dnap-toolbar button svg{width:13px;height:13px}.dnap-stage{height:360px}}@media (prefers-reduced-motion:reduce){.dnap-playground *,.dnap-playground :before,.dnap-playground :after{transition:none;animation:none}}@media (forced-colors:active){.dnap-playground{--dnap-surface:Canvas;--dnap-paper:Canvas;--dnap-ink:CanvasText;--dnap-accent:LinkText;--dnap-rule:CanvasText}}.dnad-lab{--dnad-surface:#dfe5dc;--dnad-paper:#eff2ed;--dnad-ink:#303832;--dnad-accent:#785448;--dnad-sage:#6f897c;--dnad-clay:#a67769;--dnad-rule:color-mix(in oklch, var(--dnad-ink) 24%, transparent);--dnad-track:color-mix(in oklch, var(--dnad-ink) 28%, var(--dnad-surface));width:100%;min-width:0;max-width:1280px;color:var(--dnad-ink);text-align:left;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:0 0;margin-inline:auto;font:16px/1.5 Arial,Helvetica,sans-serif;container:dna-damage/inline-size}.dnad-lab *,.dnad-lab :before,.dnad-lab :after{box-sizing:border-box}.dnad-lab p,.dnad-lab h2{margin:0}.dnad-lab button,.dnad-lab input,.dnad-lab select{font:inherit;color:inherit}.dnad-lab button{border:1px solid var(--dnad-rule);cursor:pointer;background:0 0;border-radius:4px;min-height:44px;padding:7px 10px}.dnad-lab button:hover:not(:disabled){color:var(--dnad-accent);border-color:var(--dnad-accent)}.dnad-lab :is(button,input,select):disabled{opacity:.4;cursor:default}.dnad-lab :focus-visible{outline:2px solid var(--dnad-accent);outline-offset:3px}.dnad-grid{grid-template-columns:minmax(0,1fr) minmax(0,2.3fr) minmax(0,1fr);grid-template-areas:"left field right""left key right""left readouts right""left atomic right";align-items:start;gap:16px 24px;display:grid}.dnad-controls-left{grid-area:left}.dnad-controls-right{grid-area:right}.dnad-controls{flex-direction:column;gap:17px;min-width:0;display:flex}.dnad-controls fieldset{border:0;min-width:0;margin:0;padding:0}.dnad-controls fieldset+fieldset{border-top:1px solid var(--dnad-rule);padding-top:12px}.dnad-controls legend{width:100%;margin-bottom:7px;padding:0;font-size:13px;font-weight:600;line-height:1.4}.dnad-range{-moz-column-gap:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;display:grid}.dnad-range+.dnad-range{margin-top:10px}.dnad-lab .dnad-factor{text-align:left;border:0;border-radius:0;min-height:32px;padding:4px 0;font-size:13px;line-height:1.35}.dnad-lab .dnad-factor[aria-pressed=true]{color:var(--dnad-accent);text-underline-offset:4px;text-decoration:underline}.dnad-range .dnad-factor{grid-area:1/1}.dnad-range input[type=range]{appearance:none;width:100%;min-width:0;height:44px;accent-color:var(--dnad-accent);cursor:pointer;background:0 0;border:0;grid-area:2/1/auto/-1;margin:0;padding:0;display:block}.dnad-range input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--dnad-accent) 0 var(--dnad-progress), var(--dnad-track) var(--dnad-progress) 100%);border-radius:999px;height:8px}.dnad-range input[type=range]::-moz-range-track{background:var(--dnad-track);border-radius:999px;height:8px}.dnad-range input[type=range]::-moz-range-progress{background:var(--dnad-accent);border-radius:999px;height:8px}.dnad-range input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--dnad-accent);border:0;border-radius:50%;width:20px;height:20px;margin-top:-6px}.dnad-range input[type=range]::-moz-range-thumb{background:var(--dnad-accent);border:0;border-radius:50%;width:20px;height:20px}.dnad-range output{text-align:right;color:color-mix(in oklch, var(--dnad-ink) 80%, transparent);font-variant-numeric:tabular-nums;grid-area:1/2;font:12px/1.5 Arial,Helvetica,sans-serif}.dnad-repair-switch{align-items:center;gap:12px;min-height:37px;display:flex}.dnad-repair-switch>button{flex:1}.dnad-repair-switch>label{align-items:center;gap:5px;font-size:11px;display:inline-flex}.dnad-repair-switch input{width:16px;height:16px;accent-color:var(--dnad-accent);margin:0}.dnad-species{gap:7px;font-size:11px;display:grid}.dnad-species select{border:1px solid var(--dnad-rule);background:var(--dnad-surface);border-radius:4px;width:100%;min-width:0;min-height:36px;padding:6px;font-size:12px}.dnad-controls .dnad-species-note{color:color-mix(in oklch, var(--dnad-ink) 78%, var(--dnad-surface));margin-top:8px;font-size:11px;line-height:1.5}.dnad-field{grid-area:field;min-width:0}.dnad-field-key{grid-area:key;min-width:0}.dnad-toolbar{justify-content:space-between;align-items:center;gap:7px;display:flex}.dnad-brushes,.dnad-view-actions{align-items:center;gap:3px;display:flex}.dnad-toolbar button{border:0;border-bottom:2px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:5px;min-height:44px;padding:7px;font-size:12px;display:inline-flex}.dnad-toolbar button svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.dnad-toolbar button[aria-pressed=true]{color:var(--dnad-accent);border-bottom-color:var(--dnad-accent);font-weight:600}.dnad-lab .dnad-tool-hint{min-height:31px;color:color-mix(in oklch, var(--dnad-ink) 80%, var(--dnad-surface));margin-top:5px;font-size:11px;line-height:1.4}.dnad-stage{width:100%;height:420px;position:relative}.dnad-stage canvas{touch-action:none;cursor:grab;background:0 0;width:100%;height:100%;display:block}.dnad-stage canvas[data-brush=grab][data-dragging=true]{cursor:grabbing}.dnad-stage canvas[data-brush=expose],.dnad-stage canvas[data-brush=repair]{cursor:crosshair}.dnad-stage canvas:focus-visible{outline-offset:-5px}.dnad-field-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;padding-top:5px;display:flex}.dnad-field-footer>button{border-color:var(--dnad-accent);min-height:36px;padding-inline:12px;font-size:12px}.dnad-field-footer>span{font:11px/1.4 Courier New,Courier,monospace}.dnad-legend{color:color-mix(in oklch, var(--dnad-ink) 80%, var(--dnad-surface));flex-wrap:wrap;gap:5px 13px;margin-top:10px;font-size:10px;display:flex}.dnad-legend>span{align-items:center;gap:4px;display:inline-flex}.dnad-legend svg{fill:none;width:23px;height:19px;stroke:var(--dnad-accent);stroke-width:1.2px;stroke-linecap:round;flex-shrink:0}.dnad-legend-dot{fill:var(--dnad-accent)}.dnad-lab .dnad-message{min-height:30px;color:var(--dnad-accent);margin-top:9px;font-size:11px;line-height:1.4}.dnad-readouts{border-top:1px solid var(--dnad-rule);grid-area:readouts;min-width:0;padding-top:12px}.dnad-readouts>h2,.dnad-atomic h2{font-size:14px;font-weight:600;line-height:1.4}.dnad-readouts dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px;margin:10px 0 0;display:grid}.dnad-readouts dt{color:color-mix(in oklch, var(--dnad-ink) 78%, var(--dnad-surface));font-size:10px;line-height:1.4}.dnad-readouts dd{margin:4px 0 0;font:13px/1.4 Courier New,Courier,monospace}.dnad-atomic{border-top:1px solid var(--dnad-rule);grid-area:atomic;min-width:0;padding-top:14px}.dnad-atomic>header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.dnad-atomic>header>span{color:var(--dnad-accent);font:11px/1.4 Courier New,Courier,monospace}.dnad-atomic-stage{width:100%;height:230px}.dnad-atomic-stage canvas{background:0 0;width:100%;height:100%;display:block}.dnad-atomic>p{max-width:70ch;font-size:12px;line-height:1.5}.dnad-atomic>.dnad-atomic-caption{color:color-mix(in oklch, var(--dnad-ink) 72%, var(--dnad-surface));margin-top:4px;font-size:10px}.dnad-atomic>.dnad-atomic-title{margin-bottom:5px;font-weight:600}.dnad-atomic-stages{color:color-mix(in oklch, var(--dnad-ink) 78%, var(--dnad-surface));flex-wrap:wrap;gap:7px 16px;margin:11px 0 0;padding:0;font-size:10px;list-style:none;display:flex}.dnad-atomic-stages li{align-items:baseline;gap:5px;display:inline-flex}.dnad-atomic-stages li>span{color:var(--dnad-accent);font-family:Courier New,Courier,monospace}.dnad-model-note{max-width:90ch;color:color-mix(in oklch, var(--dnad-ink) 75%, var(--dnad-surface));padding-top:18px;font-size:11px}.dnad-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dnad-error{color:var(--dnad-accent);justify-content:center;align-items:center;padding:20px;font-size:14px;display:flex;position:absolute;inset:0}@container dna-damage (max-width:900px){.dnad-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"field field""left right""key key""readouts readouts""atomic atomic"}.dnad-stage{height:400px}}@container dna-damage (max-width:600px){.dnad-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"field""left""right""key""readouts""atomic";gap:20px}.dnad-stage{height:360px}.dnad-toolbar button{padding-inline:6px}.dnad-toolbar button svg{width:14px;height:14px}.dnad-controls fieldset+fieldset{padding-top:14px}.dnad-range,.dnad-repair-switch,.dnad-lab .dnad-factor{min-height:44px}.dnad-species select{min-height:44px;font-size:16px}.dnad-range input[type=range],.dnad-field-footer>button{min-height:44px}.dnad-atomic-stage{height:215px}.dnad-readouts dl{gap:12px}}@media (prefers-reduced-motion:reduce){.dnad-lab *,.dnad-lab :before,.dnad-lab :after{transition:none;animation:none}}@media (pointer:coarse){.dnad-range input[type=range]{min-height:44px}}@media (forced-colors:active){.dnad-lab{--dnad-surface:Canvas;--dnad-paper:Canvas;--dnad-ink:CanvasText;--dnad-accent:LinkText;--dnad-rule:CanvasText}.dnad-range input[type=range]{appearance:auto}}