*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e4e6ed;background:#0f1117;font-family:Inter,-apple-system,sans-serif}#root{min-height:100vh}:root{--bg:#0f1117;--bg-card:#1a1d27;--bg-input:#12141c;--border:#2a2d3a;--border-focus:#4a6cf7;--text:#e4e6ed;--text-muted:#8b8fa3;--text-heading:#f0f2f8;--accent:#4a6cf7;--accent-hover:#5d7df9;--five-prime:#22c55e;--five-prime-bg:#22c55e26;--three-prime:#3b82f6;--three-prime-bg:#3b82f626;--internal:#a855f7;--internal-bg:#a855f726;--ligation:#ef4444;--gap-fill:#f59e0b;--gap-fill-bg:#f59e0b26;--success:#22c55e;--error:#ef4444;--radius:8px;--radius-lg:12px;--shadow:0 1px 3px #0000004d, 0 1px 2px #0003}.mono{letter-spacing:.02em;font-family:JetBrains Mono,Fira Code,Cascadia Code,SF Mono,Consolas,monospace}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#1a1d27 0%,#0f1117 100%);padding:1.5rem 2rem}.header-content{align-items:center;gap:2rem;max-width:1400px;margin:0 auto;display:flex}.logo{color:var(--accent);align-items:center;gap:.75rem;display:flex}.logo h1{color:var(--text-heading);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.subtitle{color:var(--text-muted);font-size:.875rem}.app-main{flex:1;grid-template-columns:420px 1fr;gap:1.5rem;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 2rem;display:grid}@media (width<=1024px){.app-main{grid-template-columns:1fr}}.app-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);padding:1rem 2rem;font-size:.8rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:1rem;padding:1.25rem}.card h2{color:var(--text-heading);border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem;font-weight:600}.card h3{color:var(--text-heading);margin:1rem 0 .5rem;font-size:.875rem;font-weight:600}.sequence-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);resize:vertical;letter-spacing:.05em;word-break:break-all;padding:.75rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.85rem;line-height:1.5}.sequence-input:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #4a6cf726}.validation{border-radius:var(--radius);margin-top:.5rem;padding:.4rem .75rem;font-size:.8rem;font-weight:500}.validation.valid{color:var(--success);background:#22c55e1a;border:1px solid #22c55e33}.validation.invalid{color:var(--error);background:#ef44441a;border:1px solid #ef444433}.control-grid{flex-direction:column;gap:.75rem;display:flex}.control-row{grid-template-columns:1fr 1fr 1fr;gap:.75rem;display:grid}.control-group{flex-direction:column;gap:.35rem;display:flex}.control-group label{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;display:flex}.value-badge{background:var(--accent);color:#fff;border-radius:4px;padding:.1rem .4rem;font-size:.7rem;font-weight:600}input[type=range]{appearance:none;background:var(--border);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:2px solid var(--bg-card);border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0000004d}.range-labels{color:var(--text-muted);justify-content:space-between;font-size:.7rem;display:flex}input[type=number],input[type=text],select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);outline:none;padding:.5rem .6rem;font-size:.8rem;transition:border-color .15s}input[type=number]:focus,input[type=text]:focus,select:focus{border-color:var(--border-focus)}input[type=number]{width:100%}.control-group input[inputmode=numeric],.snp-row input[inputmode=numeric]{text-align:center;width:6rem;padding:.4rem .5rem}.checkbox-label{cursor:pointer;flex-direction:row!important;gap:.5rem!important}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.internal-sequences{flex-direction:column;gap:.6rem;display:flex}.internal-seq-row{flex-direction:column;gap:.25rem;display:flex}.internal-seq-row label{color:var(--text-muted);font-size:.75rem;font-weight:500}.seq-input-row{gap:.5rem;display:flex}.seq-input-row input[type=text]{letter-spacing:.03em;flex:1;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.75rem}.seq-input-row select{width:110px;font-size:.75rem}.snp-section{flex-direction:column;gap:.5rem;display:flex}.snp-row{align-items:center;gap:.5rem;font-size:.8rem;display:flex}.snp-row label{color:var(--text-muted);min-width:50px;font-size:.75rem}.snp-row select{width:70px;padding:.35rem .4rem;font-size:.85rem}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:background .15s,transform .1s}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-sm{background:var(--bg-input);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:.3rem .6rem;font-size:.75rem;transition:border-color .15s}.btn-sm:hover{border-color:var(--accent)}.btn-danger{color:var(--error);border-color:#ef44444d}.btn-danger:hover{border-color:var(--error);background:#ef44441a}.design-btn{margin-bottom:1rem}.copy-btn{flex-shrink:0}.sequence-viewer .seq-map{padding:.5rem 0;overflow-x:auto}.seq-grid-row{align-items:center;gap:.4rem;display:flex}.seq-strand-label{color:var(--text-muted);white-space:nowrap;text-align:center;flex-shrink:0;width:2ch;font-family:Courier New,Courier,monospace;font-size:.8rem}.seq-ruler-grid{color:var(--text-muted);font-family:Courier New,Courier,monospace;font-size:.8rem;line-height:1.4;display:flex}.ruler-cell{text-align:center;width:1ch;display:inline-block}.seq-bases-grid{-webkit-user-select:all;user-select:all;font-family:Courier New,Courier,monospace;font-size:.8rem;line-height:1.8;display:flex}.base-cell{text-align:center;cursor:default;width:1ch;display:inline-block}.complement-strand{opacity:.7}.base-cell.five-prime{background:var(--five-prime-bg);color:var(--five-prime);border-bottom:2px solid var(--five-prime)}.base-cell.three-prime{background:var(--three-prime-bg);color:var(--three-prime);border-bottom:2px solid var(--three-prime)}.base-cell.ligation-site{border-left:2px solid var(--ligation)}.base-cell.ligation-site-right{border-right:2px solid var(--ligation)}.base-cell.snp-mutated,.snp-ligation-base{font-weight:700;color:#ef4444!important}.seq-legend{gap:1rem;margin-top:.75rem;font-size:.75rem;display:flex}.legend-item{align-items:center;gap:.35rem;display:flex}.legend-item:before{content:"";border-radius:2px;width:12px;height:3px;display:inline-block}.five-prime-legend:before{background:var(--five-prime)}.three-prime-legend:before{background:var(--three-prime)}.ligation-legend:before{background:var(--ligation);width:3px;height:12px}.internal-legend:before{background:var(--internal)}.padlock-map{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.padlock-segments{word-break:break-all;font-size:.8rem;line-height:1.8}.seg{margin:0 .3ch;padding:2px 0}.seg:first-child{margin-left:0}.seg:last-child{margin-right:0}.five-prime-seg{background:var(--five-prime-bg);color:var(--five-prime);border-bottom:2px solid var(--five-prime)}.three-prime-seg{background:var(--three-prime-bg);color:var(--three-prime);border-bottom:2px solid var(--three-prime)}.internal-seg{background:var(--internal-bg);color:var(--internal);border-bottom:2px solid var(--internal)}.results{min-height:200px}.results-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.results-header h2{margin:0}.btn-export{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.35rem .75rem;font-size:.8rem;font-weight:500}.btn-export:hover{opacity:.85}.result-grid{flex-direction:column;gap:1rem;display:flex}.saved-results{flex-direction:column;gap:.5rem;display:flex}.saved-probe{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.saved-probe-header{background:var(--bg-input);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.saved-probe-name-row{background:var(--bg-input);align-items:center;gap:.4rem;padding:.4rem .75rem 0;display:flex}.saved-probe-number{color:var(--text-muted);flex-shrink:0;font-size:.8rem;font-weight:700}.saved-probe-name{color:var(--text);box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:3px;width:100%;padding:2px 4px;font-size:.8rem;font-weight:700}.saved-probe-name:hover{border-color:var(--border)}.saved-probe-name:focus{border-color:var(--primary);background:var(--bg);outline:none}.saved-probe-sequence{cursor:pointer;flex:1;padding:.25rem 0;overflow-x:auto}.saved-probe-sequence:hover{opacity:.8}.saved-probe-sequence code{word-break:break-all;font-size:.75rem;line-height:1.6}.saved-probe-length{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.7rem}.saved-probe-details{border-top:1px solid var(--border);flex-direction:column;gap:1rem;padding:.75rem;display:flex}.result-section h3{margin-top:0}.sequence-box{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:.5rem;padding:.75rem;display:flex}.sequence-box code{word-break:break-all;color:var(--text);flex:1;font-size:.8rem;line-height:1.6}.seq-length{color:var(--text-muted);font-size:.75rem}.tm-grid{grid-template-columns:1fr 1fr 1fr;gap:.75rem;display:grid}.tm-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.tm-card.highlight{border-color:var(--accent);background:#4a6cf714}.tm-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.tm-value{color:var(--text-heading);font-size:1.5rem;font-weight:700}.tm-detail{color:var(--text-muted);font-size:.7rem}.arms-table{border-collapse:collapse;width:100%;font-size:.8rem}.arms-table th{text-align:left;border-bottom:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:.5rem;font-size:.75rem;font-weight:500}.arms-table td{border-bottom:1px solid var(--border);padding:.5rem}.arms-table td.mono{word-break:break-all;font-size:.75rem}.loading-spinner{text-align:center;color:var(--accent);padding:2rem;font-size:.9rem}.error-message{border-radius:var(--radius);color:var(--error);background:#ef44441a;border:1px solid #ef444433;padding:.75rem;font-size:.85rem}.results-panel{max-height:calc(100vh - 120px);overflow-y:auto}@media (width<=1024px){.results-panel{max-height:none}}.section-header{justify-content:space-between;align-items:center;display:flex}.section-header h2,.section-header h3{margin:0}.target-subheading{color:var(--primary);font-size:.8rem;font-weight:500}.btn-library{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.25rem .6rem;font-size:.75rem}.btn-library:hover{opacity:.85}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:90%;max-width:700px;max-height:80vh;display:flex}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-header h2{margin:0;font-size:1.1rem}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.5rem;line-height:1}.modal-close:hover{color:var(--text)}.modal-body{flex:1;padding:1rem 1.25rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem;padding:.75rem 1.25rem;display:flex}.library-list{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.library-row{align-items:center;gap:.5rem;display:flex}.library-row-number{color:var(--text-muted);flex-shrink:0;width:2ch;font-size:.75rem;font-weight:700}.library-name-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);width:10rem;color:var(--text);flex-shrink:0;padding:.4rem .5rem;font-size:.8rem}.library-seq-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);letter-spacing:.03em;flex:1;padding:.4rem .5rem;font-size:.8rem}.modal-wide{max-width:850px}.target-library-row{flex-wrap:wrap}.target-seq-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);min-width:300px;color:var(--text);letter-spacing:.03em;resize:vertical;flex:1;padding:.4rem .5rem;font-family:Courier New,Courier,monospace;font-size:.8rem}.target-library-actions{flex-shrink:0;gap:.3rem;display:flex}.btn-use{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none}.btn-use:hover{opacity:.85}.btn-use:disabled{opacity:.4;cursor:not-allowed}.fold-params{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:.75rem;display:flex}.fold-param{flex-direction:column;gap:.2rem;display:flex}.fold-param label{color:var(--text-muted);font-size:.7rem}.fold-param-input{text-align:center;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);width:5rem;color:var(--text);padding:.35rem .5rem;font-size:.8rem}.btn-analyze{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;align-self:flex-end;padding:.4rem .75rem;font-size:.8rem;font-weight:500}.btn-analyze:hover{opacity:.85}.btn-analyze:disabled{opacity:.5;cursor:not-allowed}.fold-results{margin-top:.5rem}.fold-thermo-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-bottom:.75rem;display:grid}.fold-thermo-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:.5rem .75rem}.fold-thermo-label{color:var(--text-muted);margin-bottom:.15rem;font-size:.7rem;font-weight:500;display:block}.fold-thermo-value{color:var(--text);font-size:.9rem;font-weight:700;display:block}.fold-thermo-value.highlight-value{color:var(--accent)}.fold-thermo-sub{color:var(--text-muted);font-size:.65rem;display:block}.fold-structure{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;overflow-x:auto}.fold-row{align-items:baseline;gap:.75rem;font-size:.8rem;line-height:1.6;display:flex}.fold-label{color:var(--text-muted);flex-shrink:0;min-width:5.5rem;font-size:.7rem}.fold-row code{letter-spacing:.05em;white-space:pre}.gap-fill-seg{color:var(--gap-fill)}.base-cell.gap-fill{background:var(--gap-fill-bg);color:var(--gap-fill)}.gap-fill-legend:before{content:"";background:var(--gap-fill);vertical-align:-1px;border-radius:2px;width:.7rem;height:.7rem;margin-right:.3rem;display:inline-block}.site-marker-row{height:1.1em;line-height:1.1em}.site-marker{position:relative}.site-marker-right>span{left:100%!important}.site-marker>span{color:var(--ligation);white-space:nowrap;font-size:.7rem;font-weight:700;line-height:1.1;position:absolute;top:0;left:0;transform:translate(-50%)}.site-tick-drag{pointer-events:auto;cursor:grab;touch-action:none}.site-tick-drag:active{cursor:grabbing}.site-ball{z-index:1;background:var(--accent);border:2px solid var(--bg-card);border-radius:50%;width:16px;height:16px;position:relative;box-shadow:0 1px 3px #0000004d}.site-tick-drag:hover .site-ball{background:var(--accent-hover)}.slider-stack{height:16px;margin-bottom:1.75rem;position:relative}.slider-stack input[type=range]{pointer-events:none;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.slider-stack input[type=range]::-webkit-slider-thumb{opacity:0}.slider-stack input[type=range]::-moz-range-thumb{opacity:0}.site-overlay{pointer-events:none;position:absolute;inset:0}.site-tick{pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.site-tick-bar{background:var(--ligation);width:2px;height:12px;margin-top:8px;position:absolute;top:50%;left:50%;transform:translate(-50%)}.site-tick-num{color:var(--ligation);margin-top:14px;font-size:.65rem;font-weight:700;line-height:1;position:absolute;top:100%;left:50%;transform:translate(-50%)}.gap-needs-opt td{color:var(--ligation)}.gap-opt{word-break:break-all;margin-top:.4rem;font-size:.8rem}.control-hint{color:var(--text-muted);margin-bottom:.5rem;font-size:.72rem;line-height:1.4}.gap-oligo-seq{word-break:break-all;text-align:left!important}.seq-block-pick{font-size:inherit;letter-spacing:inherit;text-transform:inherit;gap:.4rem!important}.target-map-block+.target-map-block{margin-top:1rem}.target-map-title{color:var(--text-heading);margin-bottom:.3rem;font-size:.8rem;font-weight:700}.target-pick{margin-right:.2rem;gap:0!important}.app-gate{justify-content:center;align-items:center;min-height:55vh;display:flex}.gate-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow);max-width:26rem;padding:2rem 2.5rem}.gate-card h2{color:var(--text-heading);margin-bottom:.5rem}.gate-card p{color:var(--text-muted);margin-bottom:1.2rem;font-size:.85rem}.seq-block+.seq-block{border-top:1px dashed var(--border);margin-top:.9rem;padding-top:.7rem}.seq-block-label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.25rem;font-size:.72rem;font-weight:600}.snp-separate-toggle{white-space:nowrap;font-size:.72rem;gap:.3rem!important}.pg-warning{border:1px solid #ef444459;border-left:3px solid var(--ligation);border-radius:var(--radius);background:#ef444414;margin-top:.5rem;padding:.6rem .7rem;font-size:.78rem;line-height:1.45}.pg-warning strong{color:var(--ligation);margin-bottom:.2rem;display:block}.pg-barcode-offer{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);margin-top:.5rem;padding:.6rem .7rem;font-size:.8rem;line-height:1.4}.pg-barcode-offer .modal-actions{margin-top:.6rem}.library-cat-select{flex:none;width:4.2rem;padding:.35rem .3rem;font-size:.75rem}.mod-seg{color:var(--text-muted);font-weight:600}.probegen-btn{background:var(--internal);margin-top:.6rem}.probegen-btn:hover:not(:disabled){background:#b975f8}.pg-note{margin-top:.5rem}.modal-backdrop{z-index:200;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);width:calc(100% - 2rem);max-width:460px;padding:1.25rem}.junction-modal h3{color:var(--text-heading);margin-bottom:.4rem;font-size:1rem}.junction-help{color:var(--text-muted);margin-bottom:.9rem;font-size:.78rem;line-height:1.4}.junction-option{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:flex-start;gap:.55rem;margin-bottom:.4rem;padding:.5rem .6rem;font-size:.82rem;line-height:1.4;display:flex}.junction-option:hover{border-color:var(--border-focus)}.junction-option input{accent-color:var(--accent);margin-top:.15rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.modal-actions .btn-primary{width:auto}.fold-conditions{color:var(--text-muted);margin-bottom:.5rem;font-size:.75rem}.fold-table{border-collapse:collapse;width:100%;margin-bottom:.75rem;font-size:.78rem}.fold-table th,.fold-table td{text-align:right;border-bottom:1px solid var(--border);padding:.3rem .5rem}.fold-table th:first-child,.fold-table td:first-child{text-align:left}.fold-table th{color:var(--text-muted);white-space:nowrap;font-weight:600}.fold-table tbody tr{cursor:pointer}.fold-table tbody tr:hover{background:#4a6cf714}.fold-table tr.fold-row-selected{background:#4a6cf72e}.fold-table tr.fold-row-selected td{color:var(--text-heading);font-weight:600}.fold-legend{color:var(--text-muted);gap:1rem;margin-top:.4rem;font-size:.7rem;display:flex}.fold-image{margin-top:.75rem}.fold-image h4{color:var(--text);margin:0 0 .5rem;font-size:.85rem}.structure-diagram{border:1px solid var(--border);border-radius:var(--radius);background:#fff;max-width:100%;max-height:500px;padding:.5rem}.header-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.btn-user{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;align-items:center;gap:.5rem;padding:.3rem .6rem .3rem .3rem;font-size:.8rem;display:flex}.btn-user:hover{border-color:var(--border-focus)}.user-avatar{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:grid}.user-name{font-weight:500}.user-caret{color:var(--text-muted);font-size:.7rem}.user-menu{position:relative}.user-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:1100;flex-direction:column;min-width:170px;padding:.25rem;display:flex;position:absolute;top:calc(100% + .35rem);right:0}.user-dropdown button{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem .6rem;font-size:.82rem}.user-dropdown button:hover{background:var(--bg-input)}.modal-narrow{max-width:400px}.auth-hint{color:var(--text-muted);margin-bottom:1rem;font-size:.82rem;line-height:1.5}.auth-field{margin-bottom:.85rem;display:block}.auth-field span{color:var(--text-muted);margin-bottom:.3rem;font-size:.78rem;display:block}.auth-field input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);padding:.55rem .7rem;font-size:.9rem}.auth-field input:focus{border-color:var(--border-focus);outline:none}.auth-rule{color:var(--text-muted);font-size:.75rem;line-height:1.45}.auth-error{color:#fca5a5;border-radius:var(--radius);background:#ef44441f;border:1px solid #ef444466;margin-top:.75rem;padding:.5rem .7rem;font-size:.8rem}.devchat{background:var(--bg-card);border-left:1px solid var(--border);z-index:900;flex-direction:column;width:480px;max-width:100vw;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 24px #00000059}@media (width>=1200px){.app-with-chat .header-content,.app-with-chat .app-main{max-width:920px}.app-with-chat{padding-right:480px}}.devchat-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.devchat-title{align-items:baseline;gap:.6rem;display:flex}.devchat-title h2{color:var(--text-heading);margin:0;font-size:1rem}.devchat-status{color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:.1rem .5rem;font-size:.72rem}.devchat-status-open{color:var(--success);border-color:#22c55e66}.devchat-status-busy{color:var(--accent);border-color:#4a6cf780}.devchat-status-closed,.devchat-status-connecting,.devchat-status-unauthorized{color:#fbbf24;border-color:#fbbf2466}.devchat-actions{align-items:center;gap:.4rem;display:flex}.devchat-meta{color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-input);justify-content:space-between;gap:.5rem;padding:.4rem 1rem;font-size:.72rem;display:flex}.devchat-scroll{flex-direction:column;flex:1;gap:.9rem;padding:1rem;display:flex;overflow-y:auto}.devchat-empty{color:var(--text-muted);flex-direction:column;gap:.7rem;font-size:.82rem;line-height:1.6;display:flex}.devchat-empty-note{border-left:2px solid var(--border);padding-left:.6rem;font-size:.78rem}.chat-msg{flex-direction:column;gap:.25rem;display:flex}.chat-role{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.7rem}.chat-msg-user .chat-role{color:var(--accent)}.chat-bubble{color:var(--text);overflow-wrap:anywhere;font-size:.85rem;line-height:1.6}.chat-msg-user .chat-bubble{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);white-space:pre-wrap;padding:.55rem .7rem}.chat-para{white-space:pre-wrap;margin:0 0 .5rem}.chat-para:last-child{margin-bottom:0}.chat-code{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);white-space:pre;margin:.4rem 0;padding:.6rem .7rem;font-size:.76rem;line-height:1.5;position:relative;overflow-x:auto}.chat-code-lang{color:var(--text-muted);font-size:.65rem;position:absolute;top:.25rem;right:.5rem}.chat-tool,.chat-thinking{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff05;margin:.4rem 0}.chat-tool-error{border-color:#ef444473}.chat-tool-head{width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.45rem;padding:.4rem .6rem;font-size:.76rem;display:flex}.chat-tool-head:hover{color:var(--text)}.chat-tool-caret{font-size:.65rem}.chat-tool-name{color:var(--internal);font-weight:600}.chat-tool-pending{color:var(--text-muted);font-style:italic}.chat-tool-badge{color:var(--error);font-size:.7rem}.chat-tool-body{padding:0 .6rem .5rem}.chat-tool-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:.35rem;font-size:.68rem}.chat-thinking-label{font-style:italic}.chat-thinking-body{color:var(--text-muted);white-space:pre-wrap;padding:0 .6rem .55rem;font-size:.78rem;line-height:1.55}.chat-notice,.chat-result{color:var(--text-muted);text-align:center;border-top:1px solid var(--border);padding-top:.5rem;font-size:.74rem}.chat-result-error{color:var(--error)}.chat-error{color:#fca5a5;border-radius:var(--radius);background:#ef44441f;border:1px solid #ef444466;padding:.5rem .7rem;font-size:.8rem}.chat-cursor{background:var(--accent);vertical-align:text-bottom;width:7px;height:.95em;animation:1s steps(2,start) infinite chat-blink;display:inline-block}@keyframes chat-blink{to{visibility:hidden}}.devchat-composer{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;padding:.7rem;display:flex}.devchat-composer textarea{resize:vertical;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);padding:.55rem .7rem;font-family:inherit;font-size:.85rem;line-height:1.5}.devchat-composer textarea:focus{border-color:var(--border-focus);outline:none}.devchat-composer button{align-self:flex-end}.chat-attachments{flex-wrap:wrap;gap:.4rem;display:flex}.chat-attachment{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);width:64px;height:64px;position:relative;overflow:hidden}.chat-attachment-doc{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;padding:2px;display:flex}.chat-attachment-ext{color:var(--ligation);font-size:.6rem;font-weight:700}.chat-attachment-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.5rem;overflow:hidden}.attach-btn{cursor:pointer;align-self:flex-end;margin-right:.4rem}.chat-attachment img{object-fit:cover;width:100%;height:100%;display:block}.chat-attachment-uploading img{opacity:.45}.chat-attachment-failed{border-color:var(--error)}.chat-attachment-badge{text-align:center;color:#fff;background:#000000a6;padding:1px 0;font-size:.6rem;position:absolute;bottom:0;left:0;right:0}.chat-attachment-remove{color:#fff;cursor:pointer;background:#000000a6;border:none;border-radius:50%;width:16px;height:16px;padding:0;font-size:.8rem;line-height:14px;position:absolute;top:1px;right:1px}.chat-attachment-remove:hover{background:#000000d9}.chat-attach-error{color:var(--error);border-radius:var(--radius);background:#ef44441a;border:1px solid #ef444440;padding:.35rem .5rem;font-size:.75rem;line-height:1.35}.chat-sent-image{border:1px solid var(--border);border-radius:var(--radius);max-width:100%;max-height:220px;margin-top:.4rem;display:block}@media (width<=640px){.devchat{width:100vw}.subtitle{display:none}}.landing{max-width:1200px;margin:0 auto;padding:0 1.5rem 4rem;display:block}.landing-hero{padding:5rem 0 3.5rem;position:relative;overflow:hidden}.hero-glow{pointer-events:none;filter:blur(12px);background:radial-gradient(closest-side,#4a6cf733,#0000 70%),radial-gradient(closest-side,#a855f724,#0000 75%);width:900px;height:560px;position:absolute;top:-35%;left:50%;transform:translate(-50%)}.helix-backdrop{opacity:.3;pointer-events:none;width:100%;height:190px;position:absolute;inset:auto 0 34%}.helix-strand{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;opacity:.75}.helix-strand-b{stroke:var(--internal)}.helix-rung{stroke:var(--text-muted);stroke-width:1.15px;stroke-linecap:round;opacity:.35;animation:3.4s ease-in-out infinite rung-pulse}@keyframes rung-pulse{0%,to{opacity:.16}50%{opacity:.55}}.hero-content{max-width:760px;position:relative}.hero-eyebrow{letter-spacing:.22em;color:var(--accent);text-transform:uppercase;margin-bottom:1.1rem;font-size:.72rem}.hero-title{letter-spacing:-.035em;color:var(--text-heading);margin-bottom:1.25rem;font-size:clamp(2.1rem,5.2vw,3.4rem);font-weight:700;line-height:1.08}.hero-title em{background:linear-gradient(100deg, var(--five-prime), var(--accent) 55%, var(--internal));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-lede{color:var(--text-muted);max-width:58ch;margin-bottom:2rem;font-size:1.1rem;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.btn-hero{border-radius:var(--radius-lg);padding:.85rem 1.6rem;font-size:1rem;box-shadow:0 8px 24px -8px #4a6cf7a6}.hero-link{color:var(--text-muted);font-size:.92rem;text-decoration:none;transition:color .15s}.hero-link:hover{color:var(--text)}.landing-diagram{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin:3.5rem 0 0;padding:1.75rem;position:relative}.diagram-strip{flex-wrap:wrap;align-items:stretch;gap:3px;display:flex}.seg{border:1px solid #0000;border-radius:6px;flex-direction:column;flex:auto;gap:.3rem;min-width:0;padding:.6rem .75rem;display:flex}.seg-label{letter-spacing:.1em;text-transform:uppercase;opacity:.85;font-size:.66rem}.seg-seq{overflow-wrap:anywhere;font-size:.82rem}.seg-five{background:var(--five-prime-bg);border-color:var(--five-prime);color:var(--five-prime)}.seg-internal{background:var(--internal-bg);border-color:var(--internal);color:var(--internal)}.seg-three{background:var(--three-prime-bg);border-color:var(--three-prime);color:var(--three-prime)}.diagram-target{margin-top:1.5rem;padding-top:1.25rem;position:relative}.target-line{background:linear-gradient(90deg, transparent, var(--border) 8%, var(--text-muted) 50%, var(--border) 92%, transparent);border-radius:2px;height:2px;display:block}.target-junction{flex-direction:column;align-items:center;gap:.3rem;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.junction-dot{background:var(--ligation);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #ef44442e}.junction-text{letter-spacing:.08em;text-transform:uppercase;color:var(--ligation);white-space:nowrap;font-size:.66rem}.target-caption{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);text-align:center;margin-top:.6rem;font-size:.7rem;display:block}.landing-diagram figcaption{border-top:1px solid var(--border);color:var(--text-muted);margin-top:1.4rem;padding-top:1.1rem;font-size:.88rem;line-height:1.6}.landing-capabilities{padding:4.5rem 0 1rem;scroll-margin-top:2rem}.section-heading{letter-spacing:-.02em;color:var(--text-heading);margin-bottom:2rem;font-size:1.5rem;font-weight:650}.capability-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1rem;display:grid}.capability-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color .18s,transform .18s}.capability-card:hover{border-color:var(--border-focus);transform:translateY(-2px)}.capability-icon{width:26px;height:26px;color:var(--accent);margin-bottom:.9rem}.capability-card h4{color:var(--text-heading);margin-bottom:.5rem;font-size:1rem;font-weight:600}.capability-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.landing-cta{text-align:center;background:linear-gradient(135deg, var(--bg-card) 0%, var(--bg) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:4rem;padding:3rem 2rem}.landing-cta h3{color:var(--text-heading);margin-bottom:.7rem;font-size:1.35rem;font-weight:650}.landing-cta p{color:var(--text-muted);max-width:50ch;margin:0 auto 1.75rem;line-height:1.65}@media (width<=720px){.landing-hero{padding-top:3rem}.seg{flex-basis:100%}.target-junction{left:50%}}@media (prefers-reduced-motion:reduce){.helix-rung{opacity:.3;animation:none}.capability-card:hover{transform:none}}.btn-nav-on{background:var(--accent);border-color:var(--accent);color:#fff}.muted{color:var(--text-muted)}.wrap{overflow-wrap:anywhere}.truncate{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:18ch;display:inline-block;overflow:hidden}.form-error{color:var(--error);margin-top:.5rem;font-size:.85rem}.label-hint{color:var(--text-muted);font-size:.8em;font-weight:400}.pill{background:var(--bg-input);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;margin-right:.35rem;padding:.15rem .55rem;font-size:.72rem;display:inline-block}.pill-admin{border-color:var(--accent);color:var(--accent)}.pill-warn{border-color:var(--gap-fill);color:var(--gap-fill)}.admin,.workspace{width:100%;max-width:1400px;margin:0 auto}.admin-bar,.workspace-bar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-bar h2,.workspace-bar h2{color:var(--text-heading);font-size:1.3rem;font-weight:650}.admin-tabs{flex-wrap:wrap;gap:.25rem;display:flex}.tab{color:var(--text-muted);border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #0000;padding:.4rem .8rem;font-size:.88rem}.tab:hover{color:var(--text)}.tab-on{background:var(--bg-card);border-color:var(--border);color:var(--text-heading)}.admin-controls{align-items:center;gap:.5rem;margin-left:auto;display:flex}.range-picker{border:1px solid var(--border);border-radius:var(--radius);display:flex;overflow:hidden}.range{background:var(--bg-input);color:var(--text-muted);cursor:pointer;border:none;padding:.35rem .7rem;font-size:.82rem}.range.on{background:var(--accent);color:#fff}.admin-error{border:1px solid var(--error);color:var(--error);border-radius:var(--radius);background:#ef44441f;margin-bottom:1rem;padding:.7rem 1rem;font-size:.9rem}.admin-loading{color:var(--text-muted);padding:2rem 0}.admin-body{flex-direction:column;gap:1rem;display:flex}.stat-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.stat-tile{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:.2rem;padding:1rem 1.2rem;display:flex}.stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.74rem}.stat-value{color:var(--text-heading);letter-spacing:-.02em;font-size:1.85rem;font-weight:650;line-height:1.1}.stat-sub{color:var(--text-muted);font-size:.8rem}.stat-good{border-left-color:var(--success)}.stat-warn{border-left-color:var(--gap-fill)}.stat-bad{border-left-color:var(--error)}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.4rem}.panel h3{color:var(--text-heading);margin-bottom:1rem;font-size:.95rem;font-weight:600}.panel-note{color:var(--text-muted);margin-top:.9rem;font-size:.8rem;line-height:1.5}.panel-pair{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:1rem;display:grid}.chart{position:relative}.chart-grid{stroke:var(--border);stroke-width:1px}.chart-tick{fill:var(--text-muted);font-size:10px}.chart-crosshair{stroke:var(--text-muted);stroke-width:1px;stroke-dasharray:3 3}.chart-empty{color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius);justify-content:center;align-items:center;font-size:.88rem;display:flex}.chart-empty-sm{padding:1.25rem;font-size:.85rem}.chart-tooltip{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);pointer-events:none;white-space:nowrap;box-shadow:var(--shadow);z-index:3;padding:.5rem .7rem;font-size:.8rem;position:absolute;top:0;transform:translate(-50%)}.chart-tooltip strong{color:var(--text-heading);margin-bottom:.25rem;display:block}.chart-tooltip span{align-items:center;gap:.4rem;display:flex}.chart-legend{color:var(--text-muted);gap:1rem;margin-top:.5rem;font-size:.8rem;display:flex}.chart-legend span{align-items:center;gap:.4rem;display:flex}.chart-tooltip i,.chart-legend i{border-radius:2px;width:9px;height:9px;display:inline-block}.bar-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.bar-list li{grid-template-columns:minmax(80px,30%) 1fr auto;align-items:center;gap:.75rem;font-size:.85rem;display:grid}.bar-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-track{background:var(--bg-input);border-radius:4px;height:10px;overflow:hidden}.bar-fill{border-radius:0 4px 4px 0;min-width:2px;height:100%;display:block}.bar-value{color:var(--text-muted);font-size:.8rem}.mini-table{border-collapse:collapse;width:100%;font-size:.85rem}.mini-table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);padding:.5rem .6rem;font-size:.72rem;font-weight:500}.mini-table td{border-bottom:1px solid var(--border);color:var(--text);padding:.55rem .6rem}.mini-table tr:last-child td{border-bottom:none}.mini-table+.bar-list,.bar-list+.mini-table{margin-top:1rem}.design-viewer{width:92vw;max-width:680px}.design-facts{grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:1rem 0;font-size:.85rem;display:grid}.design-facts dt{color:var(--text-muted)}.json-dump{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);max-height:320px;margin-top:.6rem;padding:.75rem;font-size:.75rem;overflow:auto}.workspace-body{grid-template-columns:260px 1fr;align-items:start;gap:1.25rem;display:grid}.workspace-tree{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.75rem;position:sticky;top:1rem}.workspace-tree ul{list-style:none}.folder{border-radius:var(--radius);align-items:center;padding-right:.3rem;display:flex}.folder:hover,.folder-on{background:var(--bg-input)}.folder-name{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:.4rem;min-width:0;padding:.45rem .5rem;font-size:.88rem;display:flex}.folder-on .folder-name{color:var(--text-heading);font-weight:550}.folder-icon{color:var(--text-muted);font-size:.7rem}.folder-count{color:var(--text-muted);margin-left:auto;padding-left:.5rem;font-size:.75rem}.folder-actions{gap:.15rem;display:none}.folder:hover .folder-actions{display:flex}.folder-actions button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .25rem;font-size:.8rem}.folder-actions button:hover{color:var(--text-heading);background:var(--bg)}.tree-divider{background:var(--border);height:1px;margin:.6rem .25rem}.new-project{gap:.35rem;margin-top:.75rem;display:flex}.new-project input{flex:1;min-width:0}.workspace-list{flex-direction:column;gap:.85rem;display:flex}.design-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.2rem}.design-card header{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.4rem;display:flex}.design-card h4{color:var(--text-heading);font-size:.98rem;font-weight:600}.design-notes{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem;line-height:1.55}.design-seq{color:var(--five-prime);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.75rem;font-size:.78rem;overflow:hidden}.design-card footer{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}@media (width<=860px){.workspace-body{grid-template-columns:1fr}.workspace-tree{position:static}.admin-controls{margin-left:0}}