:root{color-scheme:dark;--bg:#070d14;--panel:#0c1620;--ink:#e7f1f7;--muted:#70899a;--line:#203240;--cyan:#42d9ec;--gold:#e2a66b}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:13px}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.shell{min-height:100vh;max-width:1800px;margin:auto;display:flex;flex-direction:column}.topbar{height:91px;display:flex;align-items:center;justify-content:space-between;padding:0 33px;border-bottom:1px solid #1b2d3b;background:#08121c}.brand{display:flex;align-items:center;gap:20px}.symbol{width:59px;height:59px;border:1px solid #1c7581;box-shadow:inset 0 0 20px #103f52;display:grid;place-items:center;color:#6df2ff;font:600 27px 'Space Grotesk';letter-spacing:-3px;position:relative}.symbol span{font-size:14px;letter-spacing:-1px}.eyebrow,.smallcap{font-size:10px;letter-spacing:2px;color:#79a1b5;font-weight:700}.divider{color:var(--cyan);margin:0 5px}.brand h1{font:500 30px 'Space Grotesk';letter-spacing:2px;margin:3px 0 0}.brand h1 strong{font-weight:600;color:var(--cyan)}.topmeta{display:flex;align-items:center;gap:30px;font-size:10px;letter-spacing:1px;font-weight:700}.live{color:#85d8c7}.live i,.run-dot{display:inline-block;width:7px;height:7px;background:#4ee4b7;border-radius:50%;box-shadow:0 0 8px #4ee4b7;margin-right:8px}.technical{color:#6c8796}.workspace{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 410px;min-height:660px}.viewer{position:relative;overflow:hidden;background:radial-gradient(ellipse at 46% 50%,#173545 0%,#0b1c28 45%,#070f17 90%);min-height:660px}.canvas{position:absolute;inset:0}.canvas canvas{display:block;width:100%;height:100%}.top-left-overlay{position:absolute;top:33px;left:35px;pointer-events:none;display:flex;flex-direction:column;gap:8px}.model-label{font:600 16px 'Space Grotesk';letter-spacing:.6px}.model-sub{color:#829eab;font-size:11px}.axisbadge{position:absolute;right:25px;top:28px;border:1px solid #234658;padding:11px 14px;color:var(--cyan);font:600 14px 'Space Grotesk';background:#091722bb}.axisbadge span{color:#779aa9;font:600 9px 'DM Sans';margin-left:8px}.viewport-bottom{position:absolute;bottom:25px;left:32px;right:28px;display:flex;justify-content:space-between;align-items:end;gap:10px;pointer-events:none}.viewport-bottom>*{pointer-events:auto}.viewport-bottom>div:first-child{display:flex;flex-direction:column;gap:7px}.legend{color:#b3c4cc;font-size:10px;letter-spacing:.75px}.legend b{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 5px 0 0}.heavy{background:#e0a05b}.light{background:#55d9f6;margin-left:13px!important}.viewactions{display:flex;gap:6px}.dashboard{padding:24px 25px;background:linear-gradient(120deg,#0d1923,#0b141d);border-left:1px solid #223745;overflow:auto;max-height:calc(100vh - 132px)}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2{font:500 23px 'Space Grotesk';margin:6px 0 18px}.accent-dot{height:18px;width:18px;border:1px solid #226e7d;transform:rotate(45deg)}.status-strip{border:1px solid #244357;padding:13px 14px;background:#102432aa;display:flex;align-items:center;justify-content:space-between;letter-spacing:1px;font-size:11px}.status-title{display:flex;align-items:center}.status-strip #clock{color:#9cbbc9;font-variant-numeric:tabular-nums}.controlactions{display:flex;gap:7px;margin:12px 0 22px}.primary,.secondary{border:1px solid #2a4657;color:#d8edf4;padding:9px 12px;background:#10202b;font-size:10px;letter-spacing:.55px;font-weight:700}.primary{background:#42d9ec;color:#00161d;border-color:#42d9ec;min-width:94px}.secondary:hover{border-color:#4aafbb;background:#173747}.primary:hover{background:#91f8ff}.inputs-row{display:flex;gap:12px}.select-field{display:flex;flex-direction:column;gap:9px;flex:1}.select-field.narrow{flex:0 0 104px}.select-field span,.group-label,.binrow>span{color:#95adba;font-size:10px;font-weight:700;letter-spacing:1px}.select-field select{width:100%;height:36px;background:#0a1520;border:1px solid #264152;color:#d1e4ee;padding:0 10px;outline:none;font-size:11px}.group-label{margin:25px 0 16px;padding-bottom:10px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.group-label span{font-size:9px;color:#367e8a}.sliders{display:flex;flex-direction:column;gap:18px}.slide-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:11px;color:#a6c0cc}.slide-label strong{font-weight:700;color:#e4f8fc;font-variant-numeric:tabular-nums}.slide-label em{font-size:9px;color:#7393a5;font-style:normal;margin-left:4px}input[type=range]{accent-color:var(--cyan);width:100%;margin:0;height:7px;cursor:pointer}.visual-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px 8px}.visual-controls>label{font-size:9px;letter-spacing:.4px;color:#a9bece;display:flex;align-items:center;gap:5px}.visual-controls input[type=checkbox]{accent-color:var(--cyan)}.visual-controls .stack-range{display:flex;align-items:flex-start;flex-direction:column;gap:9px}.telemetry{display:grid;grid-template-columns:1fr 1fr;gap:8px}.telemetry>div{min-height:72px;padding:11px;background:#0a1a25;border:1px solid #203947}.telemetry span{display:block;color:#7e9cac;font-size:9px;letter-spacing:.9px;font-weight:700}.telemetry strong{font:500 27px 'Space Grotesk';color:#f0fcfe;margin-top:5px;display:inline-block;font-variant-numeric:tabular-nums}.telemetry small{color:#6b97a4;font-size:10px;margin-left:5px}.throughput{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0}.throughput>div{display:flex;gap:6px;flex-direction:column}.throughput span{color:#7c9aaa;font-size:9px;letter-spacing:.7px}.throughput strong{font:500 20px 'Space Grotesk';font-variant-numeric:tabular-nums}.binrow{display:flex;align-items:center;gap:10px;margin-top:17px}.binrow>span{white-space:nowrap;font-size:9px}.bin-track{height:7px;border-radius:2px;background:#162e3a;flex:1;overflow:hidden}.bin-track>div{height:100%;width:0;background:linear-gradient(90deg,#bb8857,#eac180);transition:width .15s linear}.binrow button{background:none;border:none;color:var(--cyan);font-size:9px;font-weight:700;cursor:pointer;white-space:nowrap}.footnote{color:#7593a4;line-height:1.7;font-size:10px;margin:19px 0 4px}.footnote span{color:var(--gold);margin:0 6px}.footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #203441;padding:0 31px;min-height:39px;color:#728b9c;font-size:9px;letter-spacing:1px}.footer em{font-style:normal;color:#426675;margin-left:10px}.inspection{position:absolute;top:108px;left:35px;padding:15px 20px;background:#09151eed;border:1px solid #327383;min-width:250px;max-width:310px;box-shadow:0 14px 30px #0008}.inspection span{display:block;font-size:9px;color:#67c4d1;letter-spacing:1.4px}.inspection strong{display:block;font:500 15px 'Space Grotesk';margin-top:8px}.inspection button{position:absolute;right:9px;top:7px;border:0;background:none;color:white;font-size:22px}@media(max-width:1080px){.workspace{grid-template-columns:minmax(0,1fr) 370px}.dashboard{padding:23px 16px}}@media(max-width:760px){.topbar{padding:0 16px;height:76px}.brand h1{font-size:23px}.symbol{width:45px;height:45px}.brand{gap:12px}.technical{display:none}.workspace{display:flex;flex-direction:column}.viewer{min-height:520px;height:62vh}.dashboard{max-height:unset}.top-left-overlay{top:20px;left:16px}.viewport-bottom{bottom:15px;left:14px;right:14px}.footer{padding:0 12px;flex-wrap:wrap;gap:10px}.footer>:nth-child(3){display:none}}@media(max-width:420px){.eyebrow{font-size:8px;letter-spacing:1px}.brand h1{font-size:20px}.topmeta{font-size:8px}.viewer{min-height:450px}.model-sub{max-width:230px;line-height:1.4}.legend{font-size:8px}.viewactions{flex-direction:column}}