:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#dceaf5;background:#07111f;font-size:13px;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#07111f}button,input{font:inherit}button{cursor:pointer}.app{min-height:100vh;max-width:1920px;margin:auto;background:linear-gradient(120deg,#0a1526,#08121f 68%,#0b1827)}.topbar{height:70px;border-bottom:1px solid #21334a;display:flex;align-items:center;justify-content:space-between;padding:0 33px;background:#081321;gap:14px}.brand{display:flex;align-items:center;gap:14px}.brand-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #5781a1;transform:rotate(-6deg);font-family:Georgia,serif;font-weight:bold;font-size:26px;color:#f3fbff}.brand-icon span{font-size:13px;color:#40d6ff}.brand-title{font-size:12px;font-weight:800;letter-spacing:.11em;color:#e6f4fc}.brand-title span{color:#4c7890;margin:0 5px}.brand-title b{font-weight:600;color:#9ebad3}.brand-title small{display:block;color:#496980;font-size:9px;letter-spacing:.19em;margin-top:5px}.top-mid{font-size:10px;letter-spacing:.09em;color:#6c879f;display:flex;align-items:center;gap:9px}.status-dot,.live-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#4ae0ab;box-shadow:0 0 10px #4ae0ab88}.line{height:14px;border-left:1px solid #34506a;margin:0 8px}.top-right{display:flex;align-items:center;gap:13px}.chip{font-size:9px;letter-spacing:.11em;color:#689bb3;border:1px solid #1c4057;background:#0d2133;padding:8px 10px;border-radius:4px}.button{border:1px solid #30465c;color:#c6dbec;background:#112135;padding:11px 14px;min-height:38px;font-size:11px;font-weight:800;letter-spacing:.07em;border-radius:3px;transition:background .2s,transform .1s}.button:hover{background:#213b50}.button:active{transform:translateY(1px)}.button.ghost{background:transparent;color:#9fc6dc}.button.primary{background:#4bd0e9;border-color:#4bd0e9;color:#061424}.button.primary:hover{background:#80e8f9}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 325px;min-height:calc(100vh - 70px)}.main{padding:28px 32px 18px;min-width:0}.intro{margin-bottom:22px}.eyebrow{font-weight:800;letter-spacing:.22em;font-size:10px;color:#4fd8f0}.eyebrow span{color:#456477;padding:0 7px}.intro h1{font-weight:800;letter-spacing:.065em;margin:8px 0 3px;font-size:39px;color:#f1f8ff;line-height:1.05}.intro h1 span{color:#4e7e99;font-weight:300}.intro p{margin:6px 0 0;color:#99b3c7;font-size:14px;letter-spacing:.02em}.scene-shell{position:relative;height:clamp(350px,39vw,510px);border:1px solid #2a445c;background:radial-gradient(ellipse at 60% 40%,#10243a 0%,#061526 65%,#07131f 100%);overflow:hidden}.scene-shell::after{pointer-events:none;content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(#49839b33 1px,transparent 1px),linear-gradient(90deg,#49839b33 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent 15%,#000 90%)}#scene{position:absolute;inset:0;width:100%;height:100%;cursor:grab;display:block;touch-action:none}.scene-top{pointer-events:none;position:absolute;z-index:2;left:0;right:0;top:0;height:39px;padding:0 17px;background:#081927bd;border-bottom:1px solid #1b3953;color:#93b4c8;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.13em}.scene-icon{color:#4bdff5;font-size:17px;margin-right:6px}.scene-vline{margin:0 10px;border-left:1px solid #43657d}.camera-note{font-size:9px;letter-spacing:.1em;color:#6a91a9}.camera-note span{padding:0 6px;color:#49738a}.scene-overlay{position:absolute;z-index:2;pointer-events:none}.overlay-top-left{top:60px;left:19px}.overlay-top-right{top:60px;right:19px;text-align:right}.hud-caption{font-size:9px;letter-spacing:.17em;font-weight:800;color:#6d98ad;display:block;margin-bottom:8px}.scene-overlay strong{display:block;font-size:25px;letter-spacing:.035em;color:#def7ff;font-weight:600;font-variant-numeric:tabular-nums}.scene-overlay strong small{font-size:12px;color:#7594aa}.overlay-top-right strong{font-size:15px;color:#55e3b8;font-weight:800}.overlay-top-right #hudPressure{display:block;color:#8db0c4;margin-top:7px;font-size:10px;letter-spacing:.08em}.hud-rail{width:94px;height:3px;background:#22425a;margin-top:12px}.hud-rail i{height:100%;background:#52d7ee;display:block;width:30%;transition:width .1s}.overlay-bottom-left{bottom:18px;left:19px;font-size:9px;letter-spacing:.08em;color:#7393a9}.label-blue{color:#6ce2fb;margin-right:5px}.divider-inline{border-left:1px solid #52738a;margin:0 7px}.arrow-accent{color:#f5a66a}.overlay-bottom-right{bottom:13px;right:15px;display:flex;align-items:center;gap:15px}.mini-button{pointer-events:auto;background:#12283acb;border:1px solid #29536b;color:#89cde2;padding:7px 10px;font-size:10px;font-weight:700;letter-spacing:.08em;border-radius:3px}.mini-button:hover{background:#1b4358}.scene-view{font-size:9px;color:#6d8ca3;letter-spacing:.11em}.metric-grid{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.metric{min-height:124px;border:1px solid #1e3b54;background:linear-gradient(145deg,#102236,#09192b);padding:17px 14px}.metric-icon{color:#41d1e9;font-size:15px;float:right}.metric>span:not(.metric-icon){display:block;color:#87adc4;font-size:9px;letter-spacing:.1em;font-weight:800;margin-bottom:11px}.metric strong{display:block;font-size:25px;font-weight:650;color:#e6f7ff;white-space:nowrap;font-variant-numeric:tabular-nums}.metric strong small{font-size:11px;font-weight:600;color:#79a2bc}.metric p{font-size:10px;color:#638198;margin:9px 0 0}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.panel{border:1px solid #213c54;background:#0c1c2d;min-width:0}.graph-panel{padding:17px 17px 11px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-kicker{color:#527e98;font-size:8px;letter-spacing:.15em;font-weight:800}.panel h2{font-size:15px;margin:6px 0 3px;font-weight:650;color:#bcd7e7;letter-spacing:.01em}.panel h2 em{font-family:Georgia,serif;font-weight:400;color:#6bafca}.graph-label{font-size:9px;color:#679bb2;white-space:nowrap;letter-spacing:.04em}.graph-label .live-dot{width:5px;height:5px;margin-right:5px}.graph-panel canvas{width:100%;height:152px;display:block}.panel-foot{border-top:1px solid #1b334a;padding-top:9px;margin-top:2px;color:#627e91;font-size:10px}.footnote{color:#486d85;font-size:10px;padding:15px 0 0;line-height:1.5}.sidebar{border-left:1px solid #2b4155;background:#0b192a;display:flex;flex-direction:column;min-height:0}.sidebar-body{padding:25px 22px 8px;flex:1}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.sidebar-heading h2{color:#e1f0fb;font-size:21px;letter-spacing:-.03em;font-weight:650;margin:7px 0 0}.sidebar-heading .eyebrow{font-size:9px}.head-icon{color:#4f788e;font-size:20px;border:1px solid #264254;padding:9px}.runpanel{background:#0d2735;border:1px solid #20526a;padding:15px;margin-bottom:20px}.run-status{display:flex;align-items:center;gap:11px}.run-status .circle{width:10px;height:10px;border-radius:50%;background:#d6a65c;box-shadow:0 0 12px #d6a65c55;flex:none}.run-status .circle.on{background:#43e6b8;box-shadow:0 0 15px #43e6b8}.run-status strong{display:block;font-size:10px;letter-spacing:.06em;color:#c7e2ed}.run-status small{display:block;color:#688d9f;font-size:10px;margin-top:4px}.run-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.run-buttons .button{font-size:10px}.control-section{margin:0 0 21px}.control-head{display:flex;align-items:center;gap:10px;color:#3a768f;font-size:10px;font-weight:800;letter-spacing:.08em;padding-bottom:10px;border-bottom:1px solid #22384b;margin-bottom:15px}.control-head span{color:#91aec0}.gas-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.gas-tabs button{padding:10px 6px;color:#86a1b6;background:#102236;border:1px solid #2a3c4c;font-size:10px;font-weight:800;letter-spacing:.07em}.gas-tabs button.active{border-color:#54cce6;background:#12394c;color:#d1f6ff;box-shadow:inset 0 -2px #54cce6}.assist{font-size:10px;color:#7098ad;margin:10px 0 0}.field{margin:0 0 18px}.field label{font-size:11px;color:#9bb6c9;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.field output{font-variant-numeric:tabular-nums;color:#d8f4ff;font-weight:750}.field input[type=range]{width:100%;display:block;height:4px;accent-color:#4fd2ef;cursor:pointer}.field-range{display:flex;justify-content:space-between;margin-top:9px;color:#50718a;font-size:9px}.measure-box{margin-top:3px;border:1px solid #263d52;background:#0a1c2e;padding:12px 14px}.measure-title{font-size:9px;letter-spacing:.10em;font-weight:800;color:#82a8bd;display:flex;justify-content:space-between;margin-bottom:12px}.measure-title span{color:#47cde7}.measure-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7394a7;padding:6px 0;border-top:1px solid #173148}.measure-row b{font-variant-numeric:tabular-nums;color:#d6eaf4;font-size:11px}.sidebar-footer{position:sticky;bottom:0;background:#0a192a;padding:12px 17px;border-top:1px solid #28445a;display:grid;grid-template-columns:1fr 1fr auto;gap:7px;align-items:center}.sidebar-footer .button{min-height:36px;padding:8px;font-size:10px}.sidebar-footer .reset{background:transparent}#simClock{color:#547d96;font-size:9px;white-space:nowrap;font-variant-numeric:tabular-nums}#toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%) translateY(30px);opacity:0;pointer-events:none;padding:11px 16px;background:#12354c;border:1px solid #4faac4;color:#d0f6ff;font-size:11px;z-index:20;transition:opacity .24s,transform .24s}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:1120px){.workspace{grid-template-columns:minmax(0,1fr) 295px}.main{padding:22px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:108px}.top-mid{display:none}.scene-shell{height:385px}}@media(max-width:860px){.workspace{display:block}.sidebar{border-left:0;border-top:1px solid #2b4358}.sidebar-body{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.sidebar-heading,.runpanel,.measure-box{grid-column:1/-1}.sidebar-footer{position:relative}.main{padding:22px 15px}.scene-shell{height:370px}}@media(max-width:520px){.topbar{padding:10px 13px;height:62px}.brand-title{font-size:10px}.brand-title small{font-size:7px}.top-right .chip{display:none}.top-right .button{padding:8px}.intro h1{font-size:30px}.intro p{font-size:12px}.scene-shell{height:320px}.camera-note{display:none}.metric-grid{gap:7px}.metric{padding:11px;min-height:98px}.metric strong{font-size:21px}.analysis-grid{grid-template-columns:1fr}.sidebar-body{grid-template-columns:1fr}.control-section,.measure-box{grid-column:1/-1}.overlay-bottom-left{display:none}.overlay-top-right{right:12px}.overlay-top-left{left:12px}.panel{min-width:0}}