:root{color-scheme:dark;--bg:#081421;--panel:#0d1c2d;--border:#263749;--line:#203247;--muted:#7791a7;--text:#d5e8f5;--cyan:#54d5ed;--gold:#e8b76a;--green:#57d9b6}*{box-sizing:border-box}body{margin:0;background:#071421;color:var(--text);font:13px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer}.app{min-height:100vh}.header{height:79px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:linear-gradient(90deg,#0d1c2c,#0c1b2b 60%,#101f31);border-bottom:1px solid #2a3e50;gap:24px}.brand{display:flex;align-items:center;gap:13px;min-width:268px}.brand-icon{display:grid;place-items:center;font-size:33px;font-weight:900;letter-spacing:-4px;color:#9dedf8;width:42px;height:43px;border:1px solid #3e7188;background:#122b3b;border-radius:9px;padding-right:4px;position:relative}.brand-dot{color:var(--gold);position:absolute;right:5px;top:-7px;font-size:32px}.brandline{font-size:18px;letter-spacing:.16em;font-weight:800}.sub-brand{color:#8eb2c5;font-weight:400}.byline{font-size:9px;letter-spacing:.22em;color:#608095;margin-top:3px}.header-mid{margin-right:auto;border-left:1px solid #2a3f4f;padding-left:24px}.mini-mark,.eyebrow{font-size:10px;font-weight:750;letter-spacing:.16em;color:#6a93aa}.header-title{font-size:17px;font-weight:600;margin-top:2px}.header-title span{color:var(--cyan)}.header-right{display:flex;align-items:center;gap:18px}.live-badge{border:1px solid #225a56;border-radius:6px;padding:8px 11px;background:#113631;color:#78ebcb;font-size:10px;letter-spacing:.11em;font-weight:750}.pulse{display:inline-block;width:6px;height:6px;margin-right:6px;background:#77e6b5;border-radius:100%;box-shadow:0 0 7px #77e6b5}.header-seed{font:11px monospace;color:#7291a6}.workspace{display:grid;grid-template-columns:300px minmax(510px,1fr) 262px;max-width:1900px;min-height:calc(100vh - 79px);margin:auto}.sidebar{background:linear-gradient(#0e1f30,#0b1a2b);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.sidebar-title{padding:24px 19px 21px;display:flex;align-items:end;justify-content:space-between}.sidebar h2{font-size:17px;line-height:1;margin:7px 0 0;font-weight:650}.subtle-btn,.icon-btn{background:#142b3d;border:1px solid #294659;color:#9cc4d6;border-radius:6px;padding:7px 10px;font-size:11px}.tabs{display:flex;border-top:1px solid #1e3447;border-bottom:1px solid #2a4154}.tab{flex:1;white-space:nowrap;font-size:9px;letter-spacing:.08em;background:transparent;color:#7894a7;border:0;padding:13px 3px;min-width:0;border-bottom:2px solid transparent}.tab.active{color:#7fe5f6;border-bottom-color:#51c9e6;background:#153043}.controls{padding:11px 18px 19px}.group-header{display:flex;justify-content:space-between;align-items:center;margin:13px 0 16px;padding-bottom:9px;border-bottom:1px solid #273b50}.group-header span:first-child{font-weight:700;font-size:12px}.group-header span:last-child{color:#789aaf;font-size:10px}.control{margin-bottom:23px}.control-title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}.control label{font-size:12px;color:#b6cfdb}.control output{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#bcecf7;font-size:12px;white-space:nowrap}.control input[type=range]{width:100%;height:4px;margin:5px 0 0;accent-color:#43bbd6;cursor:pointer;background:#1a3547}.scale{display:flex;justify-content:space-between;color:#57778c;font-size:10px;margin-top:5px}.panel-footer{margin-top:auto;padding:18px;border-top:1px solid #243a4d}.preset-heading{letter-spacing:.12em;color:#7ba0b4;font-size:10px;font-weight:800;margin-bottom:12px}.preset-row{display:flex;gap:6px}.preset{border:1px solid #2a4557;border-radius:5px;background:#142a3c;color:#8aaec2;padding:8px 7px;font-size:10px;flex:1}.preset.active{color:#79d5e5;border-color:#356d81;background:#173a4e}.help{font-size:11px;color:#5c8096;margin-top:14px;line-height:1.65}.center{padding:20px 20px 20px;background:#0b1827;min-width:0}.scene-panel{background:#0a1828;border:1px solid #294052;box-shadow:0 6px 35px #04111a50;border-radius:9px;overflow:hidden}.scene-top{padding:17px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #24394b;background:#102134}.scene-title{font-size:16px;font-weight:680;margin-top:4px}.scene-suffix{color:#6f96ac;font-weight:400;font-size:12px;margin-left:7px}.scene-tools{display:flex;align-items:center;gap:14px}.render-mode{font-size:9px;letter-spacing:.12em;color:#79b0bc}.viewport{position:relative;height:clamp(360px,43vw,560px);min-height:360px;overflow:hidden;background:radial-gradient(ellipse at center,#18334b 0%,#081723 68%)}#scene{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.viewport-tint{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#06121e5b,transparent 29%,transparent 78%,#11263a52)}.beamtag{position:absolute;top:34px;font:10px ui-monospace,monospace;color:#b2c7d7;padding:7px 11px;border:1px solid #334c606b;background:#102238b5;letter-spacing:.06em;pointer-events:none}.tag1{left:7%}.tag2{left:44%}.tag3{right:6%}.little-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.little-dot.laser{background:#55e8fd;box-shadow:0 0 6px #55e8fd}.little-dot.photo{background:#78efa8}.hintbar{position:absolute;bottom:12px;left:20px;display:flex;gap:22px;color:#7993a5;font-size:9px;font-weight:700;letter-spacing:.07em;pointer-events:none}.scale-legend{position:absolute;bottom:12px;right:18px;font-size:9px;letter-spacing:.1em;color:#55758b;pointer-events:none}.scale-square{display:inline-block;width:7px;height:7px;border:1px solid #4b7d92;margin-right:5px}.measure-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #294052;background:#0d2132}.measure-item{padding:20px 13px 18px 18px;border-right:1px solid #263a4c}.measure-item:last-child{border:0}.measure-item>span{color:#79a4b7;font-size:9px;letter-spacing:.09em;font-weight:700}.measure-item>div:nth-child(2){margin:7px 0 3px;display:flex;align-items:baseline;gap:6px}.measure-item strong{font:600 clamp(21px,2.0vw,29px) ui-monospace,SFMono-Regular,Consolas,monospace;color:#eaf5fd;letter-spacing:-.05em}.measure-item:nth-child(2) strong{color:#e9b979}.measure-item small{color:#789bad;font-size:13px}.measure-sub{color:#577a91;font-size:9px;letter-spacing:.04em}.bottom{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.chart-panel{border:1px solid #294052;border-radius:8px;background:#0f2031;overflow:hidden;min-width:0}.chart-head{padding:16px 17px 0;display:flex;justify-content:space-between;gap:10px;align-items:center}.chart-head h3{font-size:13px;margin:4px 0 0;font-weight:650}.chart-sub{font-size:9px;color:#63899c;letter-spacing:.06em;white-space:nowrap}.chart{height:135px;display:block;width:100%}.chart-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:9px;color:#7397aa;padding:0px 18px 15px}.legend-dot,.dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;margin-right:2px}.legend-dot.blue,.dot.blue{background:#51cde7}.legend-dot.gray,.dot.gray{background:#8199aa}.legend-dot.gold{background:#f2bc69}.legend-dot.green{background:#69ddaf}.chart-last{margin-left:auto;font-family:monospace;color:#7ceac4}.readout{background:linear-gradient(#0e1e30,#0b1828);border-left:1px solid #26394e;padding:19px 14px}.sidecard{background:#122638;border:1px solid #294253;border-radius:8px;padding:18px 15px;margin-bottom:14px}.sidecard h3{font-size:14px;font-weight:700;margin:5px 0 19px}.modebuttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.mode{border:1px solid #31495c;border-radius:5px;background:#122335;color:#7c9db0;padding:10px 1px;font-size:10px}.mode-ic{display:block;font-size:19px;margin-bottom:4px}.mode.active{border-color:#397a86;background:#1b4453;color:#84eced}.run-btn{border:1px solid #377985;background:#235467;color:#bcf4f5;width:100%;margin-top:13px;padding:10px 6px;border-radius:5px;font-weight:600;font-size:12px;display:flex;gap:9px;justify-content:center}.mode-desc{color:#7296aa;margin-top:14px;font-size:11px;line-height:1.6;min-height:35px}.read-row{display:flex;align-items:center;justify-content:space-between;margin:12px 0 7px;font-size:12px}.read-row strong{font:12px ui-monospace,Consolas,monospace;color:#bfe8f3}.bar-bg{height:7px;border-radius:10px;background:#0a1a2b;overflow:hidden}.bar{height:100%;border-radius:10px;width:0%;transition:width .1s}.bar.a{background:linear-gradient(90deg,#1b7697,#65dafa)}.bar.b{background:linear-gradient(90deg,#52687b,#adc1cd)}.balance-label{letter-spacing:.1em;color:#7695a5;font-size:10px;margin-top:21px}.balance-number{font:32px ui-monospace,Consolas,monospace;color:#76edc2;margin:7px 0 17px}.divider{height:1px;background:#2a4051;margin:17px 0}.info-line{display:flex;justify-content:space-between;font-size:11px;color:#7393a6;margin:10px 0}.info-line strong{color:#c9e1ed;font-family:monospace}.theory{background:linear-gradient(150deg,#162f41,#0f2636)}.equation{font:17px Georgia,serif;color:#79d9e8;padding:13px;background:#0b2433;border:1px solid #28495b;border-radius:5px;text-align:center}.theory p{font-size:11px;line-height:1.65;color:#93abb9;margin:14px 0}.facts{display:grid;gap:8px;border-top:1px solid #2a4354;padding-top:12px;color:#7898a9;font-size:9px;letter-spacing:.065em}.cyan-circle,.amber-circle{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5ddaf1;margin-right:5px}.amber-circle{background:#edb462}.export{width:100%;border:1px solid #42667a;color:#c1dce8;background:#152d40;padding:13px 10px;border-radius:6px;text-align:left;display:flex;gap:10px;align-items:center}.export-arrow{margin-left:auto}.build-note{margin:20px 3px;font-size:9px;letter-spacing:.06em;color:#507184;line-height:1.9}.build-note span{float:right}@media(max-width:1400px){.workspace{grid-template-columns:280px minmax(430px,1fr) 241px}.center{padding:14px}.viewport{height:410px}.measure-item{padding-left:11px}.hintbar{gap:8px}.chart-sub{display:none}}@media(max-width:1120px){.workspace{grid-template-columns:255px minmax(420px,1fr)}.readout{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:12px 18px;border-top:1px solid #284051}.sidecard{margin:0}.export{align-self:start}.build-note{margin:0}.header-mid{display:none}.viewport{height:430px}}@media(max-width:750px){.header{padding:0 16px;height:66px}.header-right .header-seed{display:none}.workspace{display:flex;flex-direction:column}.center{order:1;padding:10px}.sidebar{order:2;border-top:1px solid #263c4e}.readout{order:3;grid-template-columns:1fr}.viewport{height:360px;min-height:340px}.scene-top{padding:13px}.scene-tools .render-mode,.scene-suffix,.beamtag,.scale-legend{display:none}.hintbar{font-size:8px;gap:8px;left:10px;right:10px;flex-wrap:wrap}.measure-strip{grid-template-columns:1fr 1fr}.measure-item{padding:11px;border-bottom:1px solid #263a4c}.measure-item strong{font-size:23px}.bottom{grid-template-columns:1fr}.control{max-width:650px}.sidebar-title{padding:20px}.readout{padding:10px}}
