:root{color:#e1ebe6;font-synthesis:none;--mint:#a0e4c8;--muted:#93a6ad;--line:#304047;--panel:#142329;--gold:#e7c283;--coral:#ed9d88;background:#101c21;font-family:Inter,PingFang TC,Noto Sans TC,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:7px 10px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}button:hover{background:#ffffff0c}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:2px solid #c5f6df}button svg,svg.icon{flex-shrink:0;width:18px;height:18px}a{color:var(--mint);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}h2{font-size:16px;font-weight:600}h3{font-size:14px}button[hidden],[hidden]{display:none!important}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.8}.eyebrow,.small-label{letter-spacing:1.6px;color:var(--muted);font-size:10px;font-weight:600}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:#101c21;justify-content:space-between;align-items:center;gap:22px;height:78px;padding:0 28px;display:flex}.brand{color:#eaf4ee;align-items:center;gap:12px;display:flex}.brand:hover{text-decoration:none}.brand>span:last-child{letter-spacing:-.8px;font-size:25px;font-weight:650}.brand-chinese{color:#b1c3be;letter-spacing:3px;margin-left:12px;font-size:14px;font-weight:400}.brand small{letter-spacing:2.3px;color:#78938f;margin-top:3px;font-size:8px;font-weight:500;display:block}.brand-symbol{align-items:center;gap:4px;width:34px;height:40px;display:flex;transform:rotate(-20deg)}.brand-symbol i{background:#a0e4c8;border-radius:5px;width:6px;height:25px}.brand-symbol i:nth-child(2){background:#71b7ad;height:37px}.brand-symbol i:nth-child(3){background:#b2beed;height:22px}.header-center{color:#b2c1be;align-items:center;gap:12px;font-size:12px;display:flex}.live-dot{background:var(--mint);border-radius:50%;width:5px;height:5px}.divider{color:#50656a;margin:0 4px}.header-actions,.project-actions{align-items:center;gap:12px;display:flex}.prototype{letter-spacing:1.5px;color:#a7b8ba;border:1px solid #36454a;border-radius:3px;padding:5px 8px;font-size:9px}.quiet{color:#bbcac9;font-size:12px}.icon-label svg{width:16px;height:16px}.projectbar{justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:12px 28px;display:flex}.project-title{align-items:center;gap:12px;display:flex}.project-title select{background:0 0;border:0;max-width:300px;padding-right:28px;font-size:18px;font-weight:550}.project-title .square{color:#a0b5b7;border:1px solid #35464c;width:28px;min-height:28px;padding:4px}.project-actions{gap:5px}#save-state{color:#89a69b;margin-right:14px;font-size:11px}.square{width:34px;height:34px;padding:7px}.toolbar-divider{border-left:1px solid #3a484e;height:20px;margin:0 8px}select{color:#dbe9e4;cursor:pointer;background:#1c2d33;border:1px solid #405159;border-radius:5px;width:100%;min-height:37px;padding:7px 9px}option{color:#e1ebe6;background:#18282f}.workbench{border:1px solid var(--line);border-radius:10px;grid-template-columns:222px minmax(300px,1fr) 278px;gap:0;margin:0 20px;display:grid;overflow:hidden}.panel{background:var(--panel);padding:21px 18px}.panel-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.panel-heading .eyebrow{letter-spacing:1.2px;font-size:8px}.library{border-right:1px solid var(--line);flex-direction:column;display:flex}.library>.small{font-size:11px}.section-label{color:#c0ceca;justify-content:space-between;margin:24px 0 12px;font-size:11px;font-weight:500;display:flex}.section-label>span{color:#809391;font-family:monospace;font-size:10px}.block-card{cursor:grab;background:linear-gradient(125deg,#213d3d 0%,#1b3034 70%);border:1px solid #3c5558;border-radius:7px;margin-bottom:11px;padding:13px 13px 10px;transition:border-color .15s,transform .15s;position:relative}.block-card:hover{border-color:#8bd4bc;transform:translateY(-1px)}.block-card:active{cursor:grabbing}.card-top{align-items:center;gap:8px;margin-bottom:13px;display:flex}.block-glyph{color:#9fdbbd;place-items:center;display:grid}.block-glyph svg{width:22px;height:22px}.card-type{color:#a9c8bd;font-size:9px}.drag-dots{color:#839b99;margin-left:auto}.block-card h3{overflow-wrap:anywhere;font-size:14px;font-weight:550}.block-card>p{color:#9eb2b0;overflow-wrap:anywhere;margin-top:5px;font-size:10px;line-height:1.7}.card-bottom{justify-content:space-between;align-items:center;margin-top:13px;display:flex}.card-bottom button{color:#bdebd7;border:1px solid #54726b;width:26px;min-height:26px;padding:3px}.card-bottom svg{width:15px;height:15px}.tiny-badge{color:#a0dfc2;letter-spacing:.3px;font-size:9px;line-height:1.6}.tiny-badge:before{content:"";vertical-align:middle;background:currentColor;border-radius:50%;width:4px;height:4px;margin-right:5px;display:inline-block}.amber{color:#dfbd80}.reporter-card{background:linear-gradient(130deg,#35342c,#272d2b);border-color:#554e3e}.reporter-card .block-glyph,.reporter-card .card-type{color:#e0c58e}.reporter-card .card-bottom button{color:#ead19d;border-color:#716443}.saved-card{background:linear-gradient(130deg,#2c3446,#222e37);border-color:#4d586f}.saved-label{margin-top:28px}.library-empty{color:#adbfba;text-align:center;border:1px dashed #35464b;border-radius:5px;padding:20px 12px;font-size:11px;line-height:2}.library-empty>span{color:#8a9e9f;font-size:10px}.library-foot{color:#7f9997;align-items:flex-start;gap:9px;margin-top:auto;padding-top:40px;font-size:10px;line-height:1.9;display:flex}.foot-mark{color:#65847e;font-size:24px;line-height:1}.center-column{background:#111f25;flex-direction:column;min-width:0;display:flex}.stage-wrap{isolation:isolate;flex:1;height:475px;min-height:380px;position:relative}.stage{touch-action:none;position:absolute;inset:0;outline-offset:-4px!important}.stage canvas{touch-action:none;max-width:100%;display:block}.stage-heading{z-index:2;pointer-events:none;justify-content:space-between;gap:8px;display:flex;position:absolute;top:25px;left:25px;right:22px}.stage-heading .eyebrow{color:#7d9a9b;letter-spacing:2px;font-size:9px}.stage-heading h1{letter-spacing:1px;color:#cbdcd6;margin-top:9px;font-size:20px;font-weight:450;line-height:1.5}.model-tag{color:#d8c491;background:#252923ba;border:1px solid #5a5340;border-radius:4px;height:fit-content;padding:4px 7px;font-size:10px}.stage-toolbar{z-index:3;gap:6px;display:flex;position:absolute;top:101px;left:23px}.stage-button{color:#a8beb9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14252dbb;border:1px solid #395058;min-height:30px;padding:5px 8px;font-size:10px}.stage-button svg{width:13px;height:13px}.stage-bottom{z-index:2;color:#8da5a7;pointer-events:none;justify-content:space-between;gap:12px;font-size:9px;display:flex;position:absolute;bottom:17px;left:23px;right:23px}.stage-bottom>span:first-child{color:#a2b8b0}.drop-hint{z-index:4;border:2px dashed var(--mint);pointer-events:none;color:#d4ffea;background:#6ad5af12;border-radius:10px;justify-content:center;align-items:center;gap:12px;font-size:21px;display:none;position:absolute;inset:13px}.drop-hint svg{width:28px;height:28px}.drag-ready .drop-hint{display:flex}.drag-over .drop-hint{background:#6ad5af28}.empty-stage{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:150px 20px 65px}.empty-symbol{color:#83b6a3;margin-bottom:16px;font-size:42px;font-weight:200}.empty-stage h2{letter-spacing:1px;font-size:18px;font-weight:450}.empty-stage p{color:#93ada8;margin-top:12px;font-size:12px}.composer{background:#15262c;border-top:1px solid #2c4248;min-height:154px;padding:17px 22px 13px}.composer-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px;display:flex}.composer-head h2{white-space:nowrap;font-size:12px;font-weight:500}.composer-head h2 span{color:#789092;letter-spacing:1.5px;margin-left:9px;font-size:8px}.node-list{gap:9px;padding:2px 0 6px;display:flex;overflow:auto}.system-node{text-align:left;background:#1c3037;border:1px solid #3b5056;border-radius:5px;flex:none;justify-content:flex-start;gap:10px;min-width:184px;max-width:230px;padding:10px 12px}.system-node.selected{background:#244039;border-color:#8ad4b7}.system-node>span:nth-child(2){min-width:0}.system-node strong{white-space:nowrap;text-overflow:ellipsis;max-width:145px;font-size:11px;font-weight:500;display:block;overflow:hidden}.system-node small{color:#9dafad;white-space:nowrap;text-overflow:ellipsis;max-width:130px;margin-top:5px;font-size:9px;display:block;overflow:hidden}.system-node svg{color:#88b8a6;width:18px;height:18px;margin-left:auto}.system-node.reporter svg{color:#d4bb83}.port-dot{border:1px solid #c7e2d1;border-radius:50%;flex-shrink:0;width:6px;height:6px}.connection-note,.sequence-foot{color:#94a9a8;margin-top:9px;font-size:9px;line-height:1.6}.sequence-grid{grid-template-columns:repeat(19,minmax(0,1fr));gap:3px;display:grid}.residue{color:#c8d9d4;background:#233940;border:1px solid #0000;border-radius:3px;flex-direction:column;gap:0;min-width:0;min-height:32px;padding:2px 0;font:12px monospace;display:flex}.residue small{color:#8da39e;font:7px/12px monospace}.residue.histidine{color:#f3ce85;background:#3c392e}.residue.mutated{color:#ffc0a6;background:#4b3732}.residue.selected{color:#fff;background:#4c5040;border-color:#e5d8ac}.sequence-legend{color:#b4c5bd;align-items:center;gap:5px;font-size:9px;display:flex}.sequence-legend i,.sequence-legend b{background:#edcb86;border-radius:50%;width:5px;height:5px}.sequence-legend b{background:var(--coral);margin-left:4px}.inspector{border-left:1px solid var(--line);min-width:0}.protein-title{padding:9px 0 20px}.protein-title h2{letter-spacing:.3px;overflow-wrap:anywhere;margin:13px 0 8px;font-size:20px;font-weight:500}.protein-title>p{color:#94b2ad;font-size:11px}.protein-title p span{color:#5d7d76;margin:0 4px}.part-facts{flex-direction:column;gap:12px;padding:0 0 23px;display:flex}.part-facts>div{justify-content:space-between;gap:8px;font-size:10px;display:flex}.part-facts span{color:#90a6a6}.part-facts strong{color:#c6d6cd;font-weight:400}.primary{color:#122d25;background:#a6e3c7;border-color:#b5e7d2;font-size:12px;font-weight:600}.primary:hover{background:#c1f1d9}.secondary{color:#c1dacf;background:#22382f;border:1px solid #536b66;font-size:12px}.secondary:hover{background:#2d483d}.wide{width:100%;min-height:41px}.wide svg{width:15px;height:15px}.wide svg:last-child:not(:first-child){width:14px;margin-left:auto}.behavior-panel{border-top:1px solid #30454b;margin-top:23px;padding:20px 0 21px}.behavior-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.behavior-heading h3{font-size:12px;font-weight:500}.toggle-label{cursor:pointer;align-items:center;gap:9px;font-size:11px;display:flex}.toggle-label input{width:15px;height:15px;accent-color:var(--mint);margin:0}.behavior-status{color:#a3b3ad;margin:10px 0 16px;font-size:10px;line-height:1.8}.field-label{color:#b9ccc4;margin-bottom:8px;font-size:11px;display:block}.parameter{align-items:center;gap:12px;display:flex}.parameter input{flex:1;min-width:0}.parameter output{color:#e8cd96;min-width:28px;font-family:monospace;font-size:15px}.parameter-note{color:#8ea59f;margin-top:7px;font-size:9px;line-height:1.8}.inspector-bottom{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.inspector-bottom a{color:#9cafac;font-size:10px}.danger-subtle{color:#b59f95;font-size:11px}.danger-subtle:hover{color:#f5b29e;background:#543b3433}.danger-subtle svg{width:14px;height:14px}.mutation-tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.mutation-tags span{color:#f3bd9b;background:#49382b;border-radius:3px;padding:4px 7px;font-family:monospace;font-size:10px}.residue-detail{border-top:1px solid var(--line);align-items:center;gap:14px;padding:16px 0;display:flex}.aa-monogram{color:#f0cd86;background:#343b31;border:1px solid #736b45;border-radius:6px;place-items:center;width:50px;height:56px;font-family:monospace;font-size:31px;display:grid}.residue-detail .eyebrow{letter-spacing:1px;font-size:8px}.residue-detail h3{margin:4px 0;font-size:15px;font-weight:500}.residue-detail small{color:#8da6a0;font-size:9px}.mutation-controls{gap:7px;display:flex}.mutation-controls select{flex:1;min-width:0;font-size:11px}.mutation-controls button{font-size:11px}.explanation{color:#9eb3ac;margin:12px 0 3px;font-size:10px;line-height:1.85}.inspector-hero{padding:20px 0 28px}.inspector-hero>svg{width:40px;height:40px;margin-bottom:17px}.inspector-hero h2{font-size:21px;font-weight:500}.inspector-hero p{color:#aab4a4;margin-top:10px;font-size:11px}.reporter-color{color:#e5c68d}.output-display{justify-content:space-between;align-items:center;margin:28px 0;display:flex}.output-display span{color:#a4b8af;font-size:12px}.output-display strong{color:#edcf91;font-family:monospace;font-size:30px;font-weight:400}.inspector-empty{color:#95ada8;text-align:center;padding:60px 0;line-height:1.9}.inspector-empty>span{color:#69968a;font-size:40px}.inspector-empty p{margin-top:10px;font-size:11px}.environment{background:#18292e;border-top:1px solid #34464a;grid-column:1/-1;grid-template-columns:230px minmax(180px,1.3fr) minmax(180px,1fr) 240px;align-items:center;gap:30px;padding:23px 24px 22px;display:grid}.environment-label h2{margin:8px 0;font-size:16px;font-weight:450}.environment-label .eyebrow{color:#b6bd9e;font-size:9px}.environment-label .small{font-size:10px}.ph-heading{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.ph-heading label{font-size:12px}.ph-heading label span{margin-left:7px;font-size:10px}.ph-heading output{color:#e7d196;font-family:monospace;font-size:28px;font-weight:400}.range-ends{color:#a1b7ae;justify-content:space-between;margin-top:8px;font-family:monospace;font-size:9px;display:flex}input[type=range]{appearance:none;cursor:pointer;vertical-align:middle;background:linear-gradient(90deg,#bc9b61,#85cba3 56%,#86b6d0);border-radius:3px;width:100%;height:3px;margin:6px 0}input[type=range]::-webkit-slider-thumb{appearance:none;background:#ede6c8;border:3px solid #244139;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 1px #c8ddb4}input[type=range]::-moz-range-thumb{background:#ede6c8;border:3px solid #244139;border-radius:50%;width:9px;height:9px}input[type=range]:disabled{opacity:.35;cursor:default}.observation{border-left:1px solid #3b4c4d;padding-left:25px}.observation-heading{justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;display:flex}.observation-heading small{color:#aeb99e;margin-left:5px;font-size:9px}.observation-heading strong{color:#a9dfbf;font-family:monospace;font-size:17px;font-weight:400}#curve{height:70px;margin-top:5px}#curve svg{width:100%;height:100%;display:block}.unknown-curve{color:#b6bdad;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding-top:13px;font-size:11px;display:flex}.unknown-curve span{color:#92a79f;font-size:9px}.model-note{color:#c8c6ac;gap:9px;font-size:10px;line-height:1.85;display:flex}.model-note span:not(.note-dot){color:#8fa69e;font-size:9px}.note-dot{background:#c5ac70;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:6px}.app-footer{letter-spacing:1px;color:#8aa099;justify-content:space-between;gap:12px;padding:16px 25px;font-size:8px;display:flex}.app-footer .muted{margin-left:10px}.footer-source{color:#708a84;margin-left:8px}.toast{z-index:20;color:#e5f6e8;background:#243e34;border:1px solid #87b79a;border-radius:7px;max-width:calc(100vw - 30px);padding:14px 21px;font-size:12px;line-height:1.7;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #0005}dialog{color:#e0ece5;background:#182a2e;border:1px solid #50615b;border-radius:12px;width:min(540px,100vw - 32px);max-height:90vh;padding:25px;box-shadow:0 20px 100px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#061016b8}.dialog-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dialog-top button{color:#8fa79d;font-size:24px}dialog h2{margin-bottom:17px;font-size:23px;font-weight:500}#dialog-body p{color:#b0c4b8;margin-bottom:18px;font-size:12px;line-height:1.9}#dialog-body input{color:#e2f3e7;background:#102622;border:1px solid #557467;border-radius:5px;width:100%;padding:12px 13px;font-size:15px}#dialog-body a{color:#b7e2c5}.dialog-actions{justify-content:flex-end;gap:12px;margin-top:25px;display:flex}.guide{color:#bdcdc2;padding-left:20px;font-size:12px;line-height:1.9}.guide li{padding:4px 0 9px}.guide strong{color:#e2eedf;display:block}.source-note{border-top:1px solid #3b5148;margin-top:24px;padding-top:18px}.source-note>strong{font-size:13px;font-weight:500}.source-note p{margin-top:10px;margin-bottom:10px!important;font-size:11px!important}.warning-text{color:var(--coral)!important}.storage-warning{color:#efba96;padding:14px 0;font-size:11px;line-height:1.8}.storage-warning button{border:1px solid #8c7951;margin:5px 0;font-size:10px}.webgl-fallback{text-align:center;flex-direction:column;justify-content:center;gap:15px;line-height:1.9;display:flex;position:absolute;inset:140px 30px 60px}.webgl-fallback p{color:#b7c7bd;font-size:12px}@media (width>=1550px){.workbench{grid-template-columns:250px minmax(400px,1fr) 305px}.stage-wrap{height:550px}.panel{padding:24px}.stage-heading h1{font-size:23px}.environment{grid-template-columns:260px 1.3fr 1fr 260px}.card-type{font-size:10px}.sequence-grid{gap:5px}.residue{min-height:37px}}@media (width<=1180px){.workbench{grid-template-columns:190px minmax(260px,1fr) 244px;margin:0 12px}.panel{padding:18px 13px}.environment{grid-template-columns:180px 1.2fr 1fr;gap:22px;padding:22px 18px}.model-note{border-top:1px solid #314648;grid-column:1/-1;padding-top:12px}.model-note br{display:none}.model-note span:not(.note-dot){margin-left:8px}.environment-label h2{font-size:14px}.stage-heading{left:18px}.stage-heading h1{letter-spacing:.4px;font-size:16px}.stage-bottom{flex-direction:column;gap:5px}.stage-wrap{min-height:400px}.sequence-grid{grid-template-columns:repeat(13,minmax(0,1fr))}.header-center{display:none}.stage-toolbar{left:17px}.protein-title h2{font-size:18px}.composer{padding:16px}.composer-head .small{font-size:10px}.composer-head h2 span{display:none}}@media (width<=900px){.topbar{height:70px;padding:0 20px}.projectbar{padding:12px 20px}.workbench{grid-template-columns:180px minmax(0,1fr)}.inspector{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;padding:20px;display:block}.inspector .protein-title{padding-top:0}.inspector .part-facts{max-width:420px}.inspector .behavior-panel{max-width:100%;margin-top:20px}.inspector .wide{max-width:400px}.stage-wrap{height:430px}.environment{grid-template-columns:180px 1fr}.observation{grid-area:1/2/3}.environment-label,.ph-control{grid-column:1}.model-note{grid-column:1/-1}.brand-chinese,.project-actions #save-state{display:none}.sequence-grid{grid-template-columns:repeat(19,minmax(0,1fr))}.residue{font-size:11px}.residue-detail{border:0;padding-top:0}.mutation-controls,.inspector-bottom{max-width:400px}.app-footer{font-size:7px}.footer-source{display:none}.inspector .parameter,.inspector select,.inspector .output-display{max-width:400px}}@media (width<=600px){:root{font-size:14px}.topbar{gap:8px;height:67px;padding:0 15px}.brand{gap:10px}.brand>span:last-child{font-size:23px}.brand small{letter-spacing:1.65px;font-size:6px}.brand-symbol{width:28px;transform:scale(.85)rotate(-20deg)}.header-actions .prototype{display:none}.header-actions .quiet{padding:6px;font-size:10px}.header-actions svg{display:none}.projectbar{flex-wrap:wrap;gap:7px;padding:12px 15px}.project-title{flex:1;gap:8px}.project-title .small-label{letter-spacing:1px;font-size:8px}.project-title select{max-width:180px;min-height:35px;padding-left:0;font-size:15px}.project-title .square{width:30px}.project-actions{border-top:1px solid #24373e;justify-content:flex-end;gap:5px;width:100%;padding-top:5px}.project-actions #save-state{margin-right:auto;font-size:9px;display:block}.project-actions .square{width:30px;height:30px;min-height:30px}.project-actions .toolbar-divider{margin:0 3px}.project-actions .quiet{min-height:30px;padding:3px 5px;font-size:10px}.project-actions svg{width:14px;height:14px}.workbench{border-radius:8px;flex-direction:column;margin:0 9px;display:flex}.center-column{order:0}.stage-wrap{height:370px;min-height:370px}.stage-heading{top:20px;left:17px;right:16px}.stage-heading h1{letter-spacing:.3px;font-size:16px}.stage-heading .eyebrow{font-size:8px}.model-tag{padding:4px 6px;font-size:8px}.stage-toolbar{top:90px;left:16px}.stage-bottom{gap:6px;font-size:8px;bottom:15px;left:17px}.stage-bottom>span:last-child{font-size:8px}.composer{min-height:138px;padding:15px}.composer-head{margin-bottom:10px}.system-node{min-width:165px}.system-node strong{max-width:120px;font-size:10px}.system-node small{max-width:110px;font-size:8px}.system-node svg{width:15px}.connection-note{font-size:9px}.library{border:0;border-top:1px solid var(--line);order:3;padding:22px 16px}.library-foot{padding-top:20px}.library #library{grid-template-columns:1fr 1fr;gap:10px;display:grid}.section-label,.library-empty{grid-column:1/-1}.section-label{margin:17px 0 2px}.saved-label{margin-top:12px}.block-card{margin:0;padding:12px}.block-card h3{font-size:13px}.card-top{gap:6px}.card-type{font-size:8px}.block-glyph svg{width:19px}.block-card>p{font-size:9px}.card-bottom .tiny-badge{font-size:8px}.card-bottom button{width:34px;min-height:34px}.inspector{order:2;padding:23px 18px}.inspector .wide{min-height:44px}.environment{order:1;grid-template-columns:1fr 1fr;gap:18px;padding:20px 16px;display:grid}.environment-label{grid-area:1/1/auto/-1}.environment-label h2{margin:7px 0 0;font-size:14px;display:inline-block}.environment-label>.small{display:none}.environment-label .eyebrow{font-size:8px;display:block}.ph-control{grid-area:2/1}.ph-heading output{font-size:24px}.ph-heading label{font-size:11px}.ph-heading{margin-bottom:13px}.observation{border-left:1px solid #3b4c4d;grid-area:2/2;padding-left:14px}.observation-heading{gap:4px;font-size:10px}.observation-heading small{display:none}.observation-heading strong{font-size:14px}#curve{height:58px}.range-ends{font-size:8px}.model-note{grid-column:1/-1;gap:7px;padding-top:13px;font-size:9px}.model-note span:not(.note-dot){margin-left:0;display:block}.model-note br{display:none}.sequence-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.residue{min-height:39px;font-size:13px}.residue small{font-size:8px;line-height:13px}.sequence-legend{font-size:8px}.composer-head h2{font-size:11px}.sequence-foot{font-size:9px}.app-footer{flex-direction:column;gap:5px;padding:14px 17px;line-height:1.8}.toast{width:calc(100vw - 30px);font-size:11px;bottom:15px}.empty-stage{inset:125px 15px 65px}.empty-stage h2{font-size:15px}.empty-stage p{font-size:10px}.inspector-empty{padding:20px 10px}.guide li{font-size:12px}dialog{padding:21px}.output-display{margin:20px 0}.storage-warning{grid-column:1/-1}.parameter input[type=range],.ph-control input[type=range]{margin:10px 0}input[type=range]::-webkit-slider-thumb{width:19px;height:19px}.quiet{min-height:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}