:root{color-scheme:dark;--bg:#07121d;--card:#091925;--stroke:#1c3440;--cyan:#78c7cf;--muted:#7e9aa6;--bright:#e8f4f7;--gold:#f6b65d}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--bright);background:var(--bg)}button,a,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.app{display:flex;flex-direction:column;min-height:100vh}header{height:77px;display:flex;align-items:center;justify-content:space-between;padding:12px 30px;background:#06111b;border-bottom:1px solid var(--stroke);letter-spacing:.09em}.brand{display:flex;gap:12px;align-items:center}.mark{font-size:40px;color:var(--gold);line-height:1}.brand-top{font-size:10px;letter-spacing:.22em;color:var(--muted);margin-bottom:6px}.separator{color:#ecb45f;padding:0 4px}header strong{font-size:23px;font-weight:800;letter-spacing:.09em}header strong span{color:#82d5df}.header-right{display:flex;align-items:center;gap:10px;font:11px 'DejaVu Sans Mono',monospace;color:var(--muted)}.status-light,.dot{width:8px;height:8px;border-radius:50%;background:#62d4b7;box-shadow:0 0 11px #62d4b7}.chip{border:1px solid var(--stroke);color:var(--gold);padding:9px 12px;margin-left:15px;border-radius:5px}.workspace{display:grid;grid-template-columns:minmax(255px,310px) minmax(420px,1fr) minmax(256px,310px);flex:1;min-height:690px}.sidebar{padding:27px 23px 25px;background:#091720;overflow:auto;max-height:calc(100vh - 113px)}.sidebar.left{border-right:1px solid var(--stroke)}.sidebar.right{border-left:1px solid var(--stroke);background:#081722}.eyebrow,.section-label,.section-heading,.tooltip-eyebrow{color:var(--gold);font-size:10px;font-weight:750;letter-spacing:.20em}.sidebar h1{font-size:30px;line-height:1.16;letter-spacing:-.05em;margin:22px 0 15px}.sidebar h1 em{font-weight:300;font-style:normal;color:var(--cyan)}.intro{color:#a2b6bc;font-size:13px;line-height:1.75;margin-bottom:24px}.specs{display:grid;grid-template-columns:1fr 1fr;gap:14px;border:1px solid var(--stroke);padding:17px;margin-bottom:28px;background:#0a202b}.specs div{min-width:0}.specs small{display:block;font-size:9px;letter-spacing:.13em;color:#799da5;margin-bottom:7px}.specs strong{font-size:20px;font-weight:650;white-space:nowrap}.specs strong span{color:#82b6bc;font-weight:400;font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--stroke);padding-bottom:12px}.section-heading h2{font-size:10px;letter-spacing:.14em;margin:0}.section-heading>span{font-size:12px;color:var(--cyan)}.component-list{margin:9px -5px;display:grid;gap:2px}.component{background:transparent;border:none;text-align:left;padding:9px 10px;border-radius:5px;display:flex;gap:11px;align-items:center}.component:hover{background:#122c3b}.component.active{background:#14394a;border-left:2px solid var(--gold)}.component .no{font:11px 'DejaVu Sans Mono',monospace;color:#598594;min-width:22px}.component .txt{font-size:12px;line-height:1.3;color:#c5d9de}.component small{display:block;color:#698f9c;margin-top:4px;font-size:10px}.notice{margin-top:20px;padding:13px;background:#14212a;border-left:2px solid #b78b52;color:#c4b49c;font-size:11px;line-height:1.65}.stage{position:relative;min-height:690px;overflow:hidden;background:radial-gradient(ellipse at center,#092b41 0%,#061521 65%,#041018 100%)}#canvas{position:absolute;inset:0}#canvas canvas{width:100%;height:100%;display:block}.stage-overlay{position:absolute;pointer-events:none;font:11px 'DejaVu Sans Mono',monospace;letter-spacing:.11em;color:#abdae0;z-index:2}.top-left{top:26px;left:26px}.top-left .dot{display:inline-block;margin-right:9px}.subtext{color:#6591a1;font:11px 'Segoe UI',sans-serif;margin-top:8px}.top-right{top:27px;right:25px;display:flex;gap:15px;align-items:center}.label-pill{padding:8px 10px;background:#0b2432b8;border:1px solid #2d505b;color:#789eae}.model-tooltip{position:absolute;bottom:100px;left:27px;max-width:330px;padding:15px 18px;background:#071b29df;backdrop-filter:blur(8px);border:1px solid #315260;border-left:3px solid var(--gold);z-index:4}.model-tooltip.hidden{display:none}.model-tooltip strong{display:block;margin-top:7px;font-size:15px}.model-tooltip p{font-size:12px;color:#98bcc5;line-height:1.6;margin:7px 0 0}.tooltip-eyebrow{font-size:9px}.stage-actions{position:absolute;bottom:47px;left:26px;display:flex;gap:7px;z-index:3}.stage-actions button{background:#0c2634db;border:1px solid #30515f;padding:10px 13px;color:#b4dbe1;font-size:10px;letter-spacing:.11em}.stage-actions button:hover{border-color:var(--gold);color:var(--gold)}.stage-footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:15px 25px;background:#06131ed8;font:9px 'DejaVu Sans Mono',monospace;letter-spacing:.07em;color:#70949f}.stage-footer b{color:#bbd8de}.right .control-title{font-size:23px;letter-spacing:-.035em;margin:15px 0 25px}.control-block{border-bottom:1px solid var(--stroke);padding:0 0 20px;margin-bottom:22px}.control-block.last{border-bottom:0}.section-label{color:#a1c1c6;margin-bottom:13px}.segmented{display:flex;background:#06121e;padding:4px;border:1px solid var(--stroke);border-radius:5px;gap:3px}.segmented button{flex:1;border:0;background:transparent;color:#779ba6;font-size:11px;padding:10px 3px;border-radius:3px}.segmented button.active{background:#205263;color:#dff7fa}.toggleline{display:grid;gap:10px;margin-top:15px;font-size:12px;color:#9db3bc}.toggleline label{display:flex;align-items:center;gap:8px}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.presets button{border:1px solid #274453;background:#0e2432;font-size:9px;padding:10px 3px;letter-spacing:.07em}.presets button.active,.presets button:hover{border-color:#6dd4d7;color:#9ce8e9}.switch{display:flex;gap:9px;align-items:center;font-size:12px;margin:13px 0 20px;color:#b4cbd0}input[type=checkbox]{accent-color:#5eb9c6;cursor:pointer}.sliderlabel{display:flex;justify-content:space-between;color:#b2c9cf;font-size:12px;margin:17px 0 8px}.sliderlabel output{font-family:'DejaVu Sans Mono',monospace;color:var(--gold);font-size:11px}input[type=range]{width:100%;accent-color:#6cbdc8;cursor:pointer}.downloads{display:grid;gap:8px}.downloads a{display:flex;justify-content:space-between;align-items:center;padding:12px;color:#a6ced3;background:#102b39;text-decoration:none;border:1px solid #254656;font-size:11px;letter-spacing:.1em}.downloads a:hover{border-color:var(--gold)}footer{min-height:36px;background:#061018;display:flex;justify-content:space-between;align-items:center;padding:10px 30px;border-top:1px solid var(--stroke);font:9px 'DejaVu Sans Mono',monospace;color:var(--cyan);letter-spacing:.07em}.dim{color:#688692}@media(max-width:1180px){.workspace{grid-template-columns:250px minmax(350px,1fr) 250px}.sidebar{padding:23px 14px}.sidebar h1{font-size:25px}.stage-footer{font-size:8px}}@media(max-width:960px){.workspace{grid-template-columns:1fr;display:flex;flex-direction:column}.stage{height:65vh;min-height:560px;order:0}.sidebar.left{order:1}.sidebar.right{order:2}.sidebar{max-height:none;border-top:1px solid var(--stroke)}.component-list{grid-template-columns:1fr 1fr}.header-right{display:none}}@media(max-width:520px){header{padding:9px 15px}.brand-top{font-size:8px}.mark{font-size:27px}header strong{font-size:19px}.stage{height:62vh;min-height:440px}.stage-actions{bottom:65px;left:10px;gap:4px}.stage-actions button{font-size:9px;padding:8px}.stage-footer{font-size:7px;line-height:1.5}.top-right{display:none}.component-list{grid-template-columns:1fr}footer{padding:12px 15px;gap:8px;flex-direction:column}}