.dna-lab{--dna-border:#292724;--dna-muted:#aaa49b;padding:calc(var(--nav-h) + 26px) 24px 24px;color:#f2efe9;max-width:1920px;margin:auto}.dna-lab *,.dna-lab :before,.dna-lab :after{box-sizing:border-box}.dna-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.dna-heading h1{letter-spacing:-.055em;font-size:clamp(30px,3vw,46px);font-weight:500;line-height:1.1}.dna-heading h1 span{color:#ff5a1f}.dna-heading p{color:var(--dna-muted);margin-top:10px;font-size:14px}.dna-heading-links{flex-direction:column;align-items:flex-end;gap:8px;font-size:12px;display:flex}.dna-heading a{color:#cdc8bf;text-underline-offset:4px}.dna-heading a:hover{color:#ff8a4c;text-decoration:underline}.dna-workbench{grid-template-columns:260px minmax(0,1fr) 272px;align-items:stretch;gap:12px;height:clamp(560px,100svh - 420px,760px);display:grid}.dna-search,.dna-inspector{overscroll-behavior:contain;scrollbar-width:thin;overflow-y:auto}.dna-panel{border:1px solid var(--dna-border);background:#0b0b0a;border-radius:7px;min-width:0}.dna-panel-title{border-bottom:1px solid var(--dna-border);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:14px 16px;display:flex}.dna-panel h2{letter-spacing:-.02em;font-size:15px;font-weight:550}.dna-panel h3{font-size:12px;font-weight:550}.dna-lab button,.dna-lab input,.dna-lab textarea,.dna-lab select{font:inherit}.dna-lab button{color:#ded9d1;cursor:pointer;background:#111110;border:1px solid #35322d;border-radius:4px;min-height:34px;padding:6px 10px;font-size:11px;transition:background .15s,border-color .15s}.dna-lab button:hover:not(:disabled){background:#201c18;border-color:#918475}.dna-lab button:disabled{opacity:.4;cursor:default}.dna-lab button[aria-pressed=true]{color:#ffb795;background:#ff5a1f12;border-color:#ff5a1f}.dna-lab label{color:#cdc8bf;flex-direction:column;gap:7px;font-size:12px;display:flex}.dna-lab input:not([type=range]),.dna-lab textarea,.dna-lab select{color:#f2efe9;width:100%;min-height:34px;font-size:12px;font-family:var(--font-geist-mono), monospace;background:#0d0d0c;border:1px solid #3b3732;border-radius:4px;padding:7px 9px}.dna-lab input::placeholder{color:#77736d}.dna-lab textarea{resize:vertical;overflow-wrap:anywhere;line-height:1.65}.dna-lab input[type=range]{accent-color:#ff5a1f;cursor:pointer;width:100%;min-width:0;height:18px}.dna-lab input[type=number]{min-width:0}.dna-help{color:var(--dna-muted);font-size:11px;line-height:1.6}.dna-muted{color:var(--dna-muted);font-size:11px}.dna-error{color:#ffaf90;font-size:12px;line-height:1.5}.dna-actions{align-items:center;gap:6px;display:flex}.dna-actions>button{flex:1}.dna-lab .dna-primary{color:#160a04;background:#ff5a1f;border-color:#ff5a1f;font-weight:650}.dna-lab .dna-primary:hover:not(:disabled){background:#ff8a4c;border-color:#ff8a4c}.dna-search-form{gap:13px;padding:16px;display:grid}.dna-search-form[hidden]{display:none}.dna-lab .dna-inline-label{flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.dna-inline-label input{max-width:70px}.dna-inline-label select{width:auto;max-width:145px}.dna-field-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dna-search-form .dna-help{margin-top:-7px}.dna-result-summary{border-top:1px solid var(--dna-border);margin:0 16px;padding:13px 0 9px}.dna-count{font:13px/1.65 var(--font-geist-mono), monospace;overflow-wrap:anywhere;color:#f2efe9;padding:6px 0;display:block}.dna-result-list{margin:0;padding:0 10px;list-style:none}.dna-result-list button{text-align:left;background:0 0;border:1px solid #0000;border-bottom-color:#25221f;border-radius:0;align-items:center;gap:9px;width:100%;min-height:34px;display:flex}.dna-result-rank{color:#ada59c;text-overflow:ellipsis;max-width:64px;font-size:9px;overflow:hidden}.dna-result-sequence{text-overflow:ellipsis;min-width:0;font:10px var(--font-geist-mono), monospace;letter-spacing:1px;flex:1;overflow:hidden}.dna-pagination{padding:12px 16px}.dna-pagination>button:first-child,.dna-pagination>button:last-child{flex:0 0 32px}.dna-lab .dna-export-page{width:calc(100% - 32px);margin:0 16px 12px;display:block}.dna-method{border-top:1px solid var(--dna-border);padding:12px 16px}.dna-method summary{color:#c1bab0;cursor:pointer;font-size:11px}.dna-method p{margin-top:8px}.dna-viewport{flex-direction:column;display:flex;overflow:hidden}.dna-viewport .dna-panel-title,.dna-view-actions{flex-wrap:wrap}.dna-view-actions button{flex:initial;padding-inline:8px;font-size:10px}.dna-stage{touch-action:none;overscroll-behavior:contain;background:radial-gradient(#151310 0%,#080808 68%);flex:1;min-height:280px;position:relative}.dna-stage>div{inset:0;position:absolute!important}.dna-view-caption{pointer-events:none;font:10px var(--font-geist-mono), monospace;color:#aaa49b;flex-direction:column;gap:5px;display:flex;position:absolute;top:18px;left:18px}.dna-stage>.dna-view-caption{inset:18px auto auto 18px}.dna-stage>.dna-view-legend{inset:auto auto 18px 18px}.dna-stage>.dna-zoom{inset:auto 16px 14px auto}.dna-view-legend{pointer-events:none;gap:14px;display:flex}.dna-view-legend span{font:11px var(--font-geist-mono), monospace;align-items:center;gap:6px;display:flex}.dna-view-legend i{border-radius:50%;width:7px;height:7px}.dna-zoom{gap:4px;display:flex}.dna-zoom button{width:34px;padding:0;font-size:20px}.dna-viewport-footer{border-top:1px solid var(--dna-border);color:var(--dna-muted);justify-content:space-between;align-items:center;gap:10px;padding:11px 16px;display:flex}.dna-viewport-footer p{max-width:80%;font-size:10px;line-height:1.5}.dna-fps{font:9px var(--font-geist-mono), monospace;white-space:nowrap}.dna-view-range{border-top:1px solid var(--dna-border);align-items:center;gap:12px;padding:10px 16px;display:flex}.dna-view-range label{flex:1}.dna-view-range>span{font:10px var(--font-geist-mono), monospace;color:var(--dna-muted)}.dna-static{width:100%;height:100%;position:absolute;inset:0}.dna-inspector-body{flex-direction:column;gap:15px;padding:16px;display:flex}.dna-inspector-body form{flex-direction:column;gap:8px;display:flex}.dna-lab .dna-go{align-self:flex-end;min-width:65px}.dna-endpoints{justify-content:space-between;margin-top:-15px}.dna-endpoints>button{flex:initial;color:#aaa49b;background:0 0;border:none;min-height:26px;padding:0}.dna-pair-inspector{border-top:1px solid var(--dna-border);padding-top:15px}.dna-pair-inspector p{font:38px var(--font-geist-mono), monospace;justify-content:center;align-items:center;gap:22px;padding:15px 0;display:flex}.dna-pair-bond{color:#625c53;font-size:26px}.dna-gc{justify-content:space-between;align-items:center;font-size:12px;display:flex}.dna-gc strong{font:20px var(--font-geist-mono), monospace}.dna-composition-bar{gap:2px;height:4px;display:flex}.dna-composition{font:10px var(--font-geist-mono), monospace;color:#ada59c;justify-content:space-between;display:flex}.dna-translation h3{margin-bottom:10px}.dna-codons{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin-bottom:9px;display:grid}.dna-codons button{background:#151310;border-color:#0000;flex-direction:column;align-items:center;gap:5px;padding:6px 0;display:flex}.dna-codons span{font:9px var(--font-geist-mono), monospace;color:#ada59c}.dna-codons strong{font:11px var(--font-geist-mono), monospace}.dna-inspector-body .dna-method{padding:12px 0 0}.dna-sequence{margin-top:12px}.dna-sequence-layout{gap:16px;padding:14px 16px 0;display:flex}.dna-strand-labels{color:#b1aaa0;font:10px var(--font-geist-mono), monospace;flex-direction:column;flex:0 0 68px;display:flex}.dna-strand-labels span{align-items:center;height:31px;display:flex}.dna-sequence-track{scrollbar-width:thin;overscroll-behavior:contain;flex:1;padding-bottom:8px;display:flex;position:relative;overflow-x:auto}.dna-sequence-track button{background:0 0;border:1px solid #0000;flex-direction:column;flex:1 0 20px;align-items:center;gap:0;padding:0 3px;display:flex}.dna-sequence-track button span{height:30px;font:12px var(--font-geist-mono), monospace;align-items:center;display:flex}.dna-sequence-track .dna-position-number{color:#a19a91;font-size:8px}.dna-strip-help{padding:4px 16px 12px}.dna-population{margin-top:12px}.dna-population>summary{cursor:pointer;padding:16px;font-size:12px}.dna-population-body{flex-direction:column;gap:12px;padding:0 16px 16px;display:flex}.dna-population-body .dna-actions{align-self:flex-start}.dna-entropy{gap:3px;height:60px;display:flex}.dna-entropy button{border:none;flex:1;align-items:flex-end;min-width:0;height:100%;min-height:0;padding:0;display:flex}.dna-entropy button span{background:#ff5a1f;border-radius:2px;width:100%}.dna-break{overflow-wrap:anywhere}.dna-lab-footer{color:#aaa49b;font:10px var(--font-geist-mono), monospace;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:16px;display:flex}.dna-loading{color:#b7ada1;grid-column:span 2;place-items:center;min-height:500px;padding:32px;font-size:14px;display:grid}.dna-scale{margin-bottom:12px}.dna-scale-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:18px;display:flex}.dna-scale-main>div{min-width:0}.dna-scale-main .dna-help{margin-block:5px}.dna-scale .dna-actions{flex-wrap:wrap}.dna-scale-number strong{font:38px var(--font-geist-mono), monospace;color:#ff8a4c;margin-right:15px}.dna-scale-number>span{font:15px var(--font-geist-mono), monospace;white-space:nowrap}.dna-scale-number sup{font-size:.6em}.dna-scale-proof{border-top:1px solid var(--dna-border);padding:12px 18px}.dna-scale-proof summary{cursor:pointer;font-size:12px}.dna-scale-proof p{margin-block:10px}.dna-challenges{flex-direction:column;gap:6px;padding:12px 16px 0;display:flex}.dna-challenges button{text-align:left}.dna-proof{border-top:1px solid var(--dna-border);margin-top:12px;padding-top:5px}.dna-lab .dna-fullscreen{z-index:200;background:#070707;height:auto;position:fixed;inset:12px;box-shadow:0 0 0 30px #070707}html[data-dna-fullscreen] #site-nav{visibility:hidden;pointer-events:none}html[data-dna-fullscreen] [data-cursor-part=ring]{z-index:201}html[data-dna-fullscreen] [data-cursor-part=dot]{z-index:202}.dna-fullscreen .dna-stage{min-height:0}@media (min-width:1600px){.dna-workbench{grid-template-columns:280px minmax(0,1fr) 300px}}@media (max-width:1199px){.dna-lab{padding-inline:16px}.dna-workbench{grid-template-columns:238px minmax(0,1fr);height:auto}.dna-search,.dna-viewport{height:670px}.dna-inspector{grid-column:1/-1}.dna-inspector-body{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.dna-inspector-body form{grid-row:span 3}.dna-inspector-body .dna-method{grid-column:1/-1}.dna-inspector-body .dna-pair-inspector{border:none;grid-row:span 3;padding-top:0}.dna-inspector-body .dna-translation{grid-column:2/4}}@media (max-width:699px){.dna-lab{padding:calc(var(--nav-h) + 18px) 12px 20px}.dna-heading{align-items:flex-start;gap:12px;margin-bottom:20px}.dna-heading h1{font-size:31px}.dna-heading p{max-width:230px;font-size:12px;line-height:1.5}.dna-heading-links{white-space:nowrap;font-size:10px}.dna-workbench{flex-direction:column;display:flex}.dna-search,.dna-viewport{height:auto}.dna-search,.dna-inspector{overflow:visible}.dna-viewport{order:-1}.dna-stage{min-height:330px}.dna-view-actions{width:100%}.dna-view-actions button{flex:1;min-height:38px}.dna-search-form{grid-template-columns:1fr 1fr}.dna-search-form>label:not(.dna-inline-label),.dna-search-form>p,.dna-search-form>.dna-actions,.dna-search-form>.dna-field-pair,.dna-search-form>.dna-inline-label{grid-column:1/-1}.dna-inspector-body{display:flex}.dna-inspector-body .dna-actions,.dna-inspector-body .dna-pair-inspector,.dna-inspector-body .dna-translation{width:100%}.dna-inspector-body .dna-endpoints{margin:0}.dna-inspector-body .dna-codons button{min-height:50px}.dna-inspector-body form{width:100%}.dna-lab button{min-height:38px}.dna-sequence .dna-panel-title{flex-wrap:wrap}.dna-sequence-track button{flex-basis:28px}.dna-strand-labels{flex-basis:48px;font-size:9px}.dna-view-range{gap:8px;padding-inline:12px}.dna-lab .dna-fullscreen{border-radius:0;inset:0}}@media (prefers-reduced-motion:reduce){.dna-lab button{transition:none}}
