:root{color-scheme:dark;--bg:#06101a;--panel:#0a1824;--panel2:#0b1b28;--border:#213342;--sub:#7893a2;--white:#e8f3f4;--teal:#64ead3;--muted:#b7cbd3;--amber:#f5bc72;--red:#f46a7e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 38% -25%,#163443 0%,var(--bg) 52%) fixed;color:var(--white);font-size:13px}button,input,select{font:inherit}button{cursor:pointer;transition:background .15s,border-color .15s,transform .15s}button:hover{border-color:#5e99a5!important}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--teal);outline-offset:2px}[hidden]{display:none!important}
.shell{max-width:1700px;margin:auto;padding:0 26px}.topbar{height:77px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;min-width:315px}.brand-mark{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;color:#05332e;background:linear-gradient(140deg,#9cffe3,#31b6c0);font-size:28px}.brand-name{font-size:17px;font-weight:850;letter-spacing:1.6px}.brand-name span{color:var(--teal);font-weight:500}.micro,.eyebrow,.small-label{font-size:9px;font-weight:750;letter-spacing:2px;color:#6e95a4}.micro{margin-top:4px;font-size:8px;letter-spacing:1.6px}.status{margin:auto;display:flex;align-items:center;gap:10px;letter-spacing:1.5px;font-size:10px;color:#adcad3}.status-dot,.blink{display:inline-block;width:7px;height:7px;border-radius:100%;background:#62e6b8;box-shadow:0 0 12px #42f4b4}.status-divider{width:1px;height:17px;background:#2a414e;margin:0 11px}.head-right{display:flex;align-items:center;gap:17px}.tag{border:1px solid #2e4a51;border-radius:5px;padding:9px 12px;color:#8dbaaf;font-size:9px;letter-spacing:1.3px}.icon-btn{border:1px solid var(--border);border-radius:8px;background:transparent;color:#adcad3;width:33px;height:33px;font-size:17px}
.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 347px;gap:17px;margin-top:19px}.stage-panel,.side-panel,.bottom-panel{min-width:0}.stage-panel{background:var(--panel);border:1px solid var(--border);border-radius:13px;overflow:hidden}.stage-head{padding:23px 26px 21px;display:flex;justify-content:space-between;align-items:center;gap:10px}.stage-head h1{font-size:25px;margin:9px 0 7px;letter-spacing:-.9px;font-weight:730}.stage-head p{color:#98b4c1;margin:0;font-size:12px}.stage-pill{white-space:nowrap;border:1px solid #2b5a52;color:#92e3cc;background:#10362f;display:flex;gap:10px;align-items:center;border-radius:40px;font-size:9px;font-weight:750;letter-spacing:1.3px;padding:9px 12px}.viewport{height:450px;position:relative;background:#081624;overflow:hidden}.viewport::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 28%,#06142388 100%)}#scene{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.hud{position:absolute;z-index:1;top:19px;display:flex;flex-direction:column;gap:7px;background:#071a28a8;border:1px solid #234251ac;backdrop-filter:blur(8px);padding:12px 14px;border-radius:7px}.top-left{left:20px}.top-right{right:20px;align-items:flex-end}.hud-title{font-size:9px;letter-spacing:1.5px;color:#87aaba}.hud strong,.hud span:last-child{color:#dbf6f2;letter-spacing:1px;font-size:12px;font-weight:750}.legend{position:absolute;z-index:1;bottom:42px;left:20px;display:flex;gap:18px;align-items:center;background:#06121fcc;padding:12px 14px;border-radius:6px;color:#bdd3d5;font-size:10px}.legend span{white-space:nowrap;display:flex;align-items:center;gap:6px}.legend-dot{height:8px;width:8px;border-radius:100%;display:inline-block}.legend-dot.teal{background:#54e9c9}.legend-dot.amber{background:#f8af55}.legend-dot.red{background:#f36a76}.legend-line{display:inline-block;width:19px;height:3px;background:linear-gradient(90deg,#275a6c,#62ffda)}.viewport-bottom{position:absolute;z-index:1;bottom:14px;left:20px;right:20px;display:flex;justify-content:space-between;color:#a0bac7;font-size:10px}.hint-key{background:#213b49;border:1px solid #396073;padding:3px 5px;border-radius:3px;color:#d4eaee;font-size:9px;margin:0 4px 0 8px}.hint-key:first-child{margin-left:0}.error-notice{position:absolute;z-index:4;inset:25% 12%;background:#172632;padding:30px;border:1px solid #e87171;border-radius:10px;line-height:1.7}
.toolbar{min-height:69px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 20px;border-bottom:1px solid var(--border)}.edit-wrap,.tool-right{display:flex;align-items:center;gap:13px}.tool-buttons{display:flex;gap:5px;flex-wrap:wrap}.tool,.mini,.tool-right select{background:#0b202e;border:1px solid #2a4151;color:#b6cbd3;border-radius:5px;padding:7px 10px;font-size:11px}.tool.active{background:#16463f;border-color:#327e6b;color:#9afde0}.tool-right select{max-width:112px}.mini{font-size:17px;font-weight:600;padding:4px 10px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:20px 10px 22px}.metric{padding:3px 14px;border-right:1px solid var(--border)}.metric:last-child{border:0}.metric-label{font-size:9px;letter-spacing:1.1px;color:#89a8b3;white-space:nowrap}.metric-value{font-size:28px;font-weight:760;letter-spacing:-1px;margin:10px 0 6px;font-variant-numeric:tabular-nums}.metric-value.smaller{font-size:21px;margin-top:14px}.unit{font-size:12px;color:#7e9ba8;font-weight:500;letter-spacing:0}.metric-sub{font-size:10px;color:#658596}
.side-panel{background:#0a1824;border:1px solid var(--border);border-radius:13px}.side-section{padding:22px 23px 19px;border-bottom:1px solid var(--border)}.side-section:last-child{border:0}.section-heading{display:flex;align-items:center;justify-content:space-between;color:#d6e7e9;font-size:10px;font-weight:800;letter-spacing:1.5px;margin-bottom:22px}.section-num{color:#588194;font-size:9px;font-weight:600;letter-spacing:1px}.control{margin:0 0 20px}.control.last{margin:0}.control-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.control-label label{font-size:12px;color:#cadfe2}.control-label output{font-size:12px;color:#90efdb;font-variant-numeric:tabular-nums}.info{font-size:11px;color:#62899a;margin-left:3px}input[type=range]{width:100%;display:block;accent-color:#58dbc5;appearance:none;height:3px;background:#345161;border-radius:6px;cursor:pointer;margin:0 0 9px}input[type=range]::-webkit-slider-thumb{appearance:none;height:12px;width:12px;border-radius:100%;background:#8cfce1;box-shadow:0 0 0 3px #165c54;border:1px solid #edfffb}.range-labels{display:flex;justify-content:space-between;color:#587d8c;font-size:8px;letter-spacing:1px}.preset-section{padding-top:22px}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preset{border:1px solid #284152;background:#0c202d;color:#a3bdc8;padding:11px 0;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;font-size:10px}.preset.active{background:#12372f;color:#a1ffe1;border-color:#3b967c}.preset-icon{font-size:19px}.description{font-size:11px;color:#789aa8;line-height:1.5;margin:14px 0 0}.actions{padding-top:20px}.run-buttons{display:flex;gap:7px}.run-buttons button{border-radius:6px;padding:12px 6px;font-size:11px;font-weight:750}.primary{flex:1.25;background:#59e4c6;color:#082922;border:1px solid #59e4c6}.secondary{flex:1;background:#122a38;color:#c7d9e0;border:1px solid #33515f}.export-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:11px}.export-buttons button,.import-label{border:1px solid #2e4b59;background:transparent;color:#a1c1cb;border-radius:5px;padding:8px 3px;text-align:center;font-size:10px;cursor:pointer}
.bottom-panel{grid-column:1/-1;display:grid;grid-template-columns:1.17fr 1fr;gap:17px}.plot-block,.science-block{background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:21px 24px 22px;min-width:0}.bottom-panel .section-heading{margin-bottom:21px}.chart-head{display:flex;justify-content:space-between;margin-bottom:8px;color:#acc9d0;font-size:12px}.chart-head span{color:#85e7d0}#chart{width:100%;height:125px;display:block}.chart-foot{display:flex;justify-content:space-between;color:#618596;letter-spacing:1px;font-size:9px;margin-top:6px}.formula{font-size:24px;font-weight:550;letter-spacing:1px;color:#90efdb;margin:12px 0 10px;font-family:Georgia,Times New Roman,serif}.science-block p{color:#95b0bf;font-size:12px;line-height:1.7;max-width:620px;margin:0 0 23px}.science-foot{display:flex;gap:7px;flex-wrap:wrap}.chip{font-size:9px;letter-spacing:.8px;color:#80b7ae;border:1px solid #2d635c;padding:7px 8px;border-radius:4px}footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 1px 27px;font-size:10px;color:#557c90;line-height:1.8}
dialog{max-width:590px;background:#0d2130;border:1px solid #38677a;color:#e2f1ef;border-radius:13px;padding:26px 31px;line-height:1.7;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font-size:21px;margin:0}dialog p{color:#aec5c9}dialog li{margin:8px 0}dialog ul{padding-left:23px}.caution{border-top:1px solid #254b55;padding-top:14px;color:#e8c48c;font-size:11px}
@media(max-width:1250px){.shell{padding:0 15px}.dashboard{grid-template-columns:minmax(0,1fr) 318px}.stage-head h1{font-size:23px}.toolbar{align-items:flex-start;flex-direction:column}.metric{padding:3px 10px}.metric-value{font-size:24px}.metric-label{font-size:8px}.tag{display:none}}
@media(max-width:900px){.dashboard{grid-template-columns:1fr}.side-panel{display:grid;grid-template-columns:1.4fr 1fr}.side-section{border-right:1px solid var(--border)}.side-section:first-child{grid-row:span 2}.side-section:last-child{border-right:0}.toolbar{flex-direction:row;align-items:center}.viewport{height:420px}.status{margin-left:auto;margin-right:0}}
@media(max-width:650px){.shell{padding:0 9px}.topbar{height:69px}.brand{min-width:0}.brand-name{font-size:13px}.micro{font-size:7px}.status,.head-right .tag{display:none}.head-right{margin-left:auto}.dashboard{margin-top:10px;gap:10px}.stage-head{padding:19px 17px}.stage-head h1{font-size:20px}.stage-head p{max-width:250px;line-height:1.4}.stage-pill{display:none}.viewport{height:380px}.hud{top:10px;padding:8px}.top-left{left:10px}.top-right{right:10px}.legend{left:8px;right:8px;bottom:40px;gap:8px;justify-content:space-between;padding:9px 6px;font-size:8px}.viewport-bottom{left:10px;right:10px;font-size:8px}.toolbar{padding:13px 10px;align-items:flex-start;flex-direction:column}.edit-wrap{align-items:flex-start;flex-direction:column;gap:7px}.tool{padding:7px;font-size:10px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}.metric:nth-child(2){border:0}.side-panel,.bottom-panel{display:block}.side-section{border-right:0}.plot-block{margin-bottom:10px}.bottom-panel .section-heading{font-size:9px}.science-block{padding:21px 18px}footer{display:block}.metric-value{font-size:27px}}