:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-synthesis:none;background:#090f1a;color:#e6eff6}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% 4%,#122238,#080f1b 68%);letter-spacing:.01em}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #59eff4;outline-offset:2px}.app-shell{max-width:1660px;margin:auto;min-height:100vh;padding:0 26px;display:flex;flex-direction:column}.site-header{min-height:91px;display:flex;align-items:center;border-bottom:1px solid #263748;gap:20px}.brand{display:flex;align-items:center;gap:13px;min-width:240px}.brand-glyph{width:41px;height:41px;border:1px solid #226374;color:#58f4f2;border-radius:11px;display:grid;place-items:center;font-size:30px;box-shadow:inset 0 0 19px #1e7b871c}.brand .eyebrow{display:block;font-size:9px;letter-spacing:.18em;margin-bottom:5px}.brand strong{font-size:22px;letter-spacing:.18em;font-weight:850}.brand em{color:#3bcfd9;font-style:normal}.eyebrow{font-size:10px;letter-spacing:.17em;color:#6d9cb0;font-weight:750}.header-middle{flex:1;text-align:center;color:#8ca4b7;font-size:10px;letter-spacing:.2em;font-weight:700}.live-dot{display:inline-block;width:7px;height:7px;background:#5bfab0;border-radius:50%;box-shadow:0 0 12px #37fca7;margin-right:8px}.separator{margin:0 12px;color:#456070}.header-right{display:flex;gap:9px}.build-tag,.seed-tag{font-size:10px;letter-spacing:.06em;padding:9px 12px;border:1px solid #2a3c4e;border-radius:4px;color:#809bad}.seed-tag{color:#53dbde;border-color:#265867}.main-layout{display:grid;grid-template-columns:minmax(260px,294px) minmax(420px,1fr) minmax(255px,274px);gap:18px;align-items:stretch;flex:1;padding:20px 0 18px}.panel,.stage-panel{border:1px solid #23374a;background:linear-gradient(155deg,#111e2d,#0b1422 72%);border-radius:8px;box-shadow:0 8px 35px #02080e54}.panel{padding:23px 20px 16px;min-height:680px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-heading h2{margin:6px 0 0;font-weight:680;font-size:21px;letter-spacing:-.04em}.panel-intro{font-size:12px;color:#90a5b5;line-height:1.75;margin:18px 0 22px}.accent-pill{padding:7px 9px;background:#08363d;border:1px solid #1e5962;color:#6df1ee;font-size:10px;font-weight:700;border-radius:4px}.section-divider{border-top:1px solid #294052;padding:16px 0 15px;display:flex;justify-content:space-between;align-items:center;color:#7f9eb0;font-size:10px;font-weight:800;letter-spacing:.11em}.section-divider span{color:#426575;font-size:9px}.extra-space{margin-top:19px}.slider-group{display:block;margin:0 0 18px}.slider-label{display:flex;justify-content:space-between;font-size:12px;color:#c5d5de;font-weight:650}.slider-label output{color:#68f6ee;font-variant-numeric:tabular-nums;font-weight:700}.slider-group input{display:block;width:100%;appearance:none;height:5px;border-radius:4px;margin:16px 0 10px;background:linear-gradient(90deg,#1c6671,#1fbfc7 45%,#33495b)}.slider-group input::-webkit-slider-thumb{appearance:none;background:#ecfbfb;width:14px;height:14px;border:3px solid #24bbc6;border-radius:50%;box-shadow:0 0 0 4px #1cb4b51e}.slider-group input::-moz-range-thumb{background:#e4fff8;width:11px;height:11px;border:3px solid #24bbc6;border-radius:50%}.range-ticks{display:flex;justify-content:space-between;color:#526a7a;font-size:10px}.toolbar{display:flex;gap:9px}.two-buttons>*{flex:1;min-width:0}.toolbar button{border-radius:5px;padding:12px 7px;font-size:11px;font-weight:700;white-space:nowrap}.secondary{background:#1a2b3d;color:#c0d4dd;border:1px solid #31495d}.secondary:hover,.secondary.selected{border-color:#34a6a9;color:#7efaf5;background:#103b42}.primary{background:#12555a;border:1px solid #328d92;color:#8df9f2}.primary:hover{background:#19696c}.danger{background:#522127;border:1px solid #944148;color:#ffaaaa}.danger:hover{background:#6d252c}.subtoolbar{display:flex;gap:10px;justify-content:space-between;margin:12px 0}.text-button{background:none;border:0;color:#7d9da9;padding:5px 0;font-size:11px}.text-button:hover{color:#d3fcfd}.command-note{font-size:11px;color:#78949e;line-height:1.5;border-left:2px solid #27838a;background:#11232f;padding:12px;margin-top:17px}.stage-panel{display:flex;flex-direction:column;overflow:hidden;min-width:0}.stage-header{padding:24px 27px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.stage-header h1{font-size:27px;font-weight:760;letter-spacing:-.045em;margin:5px 0}.stage-header p{color:#8099ad;font-size:12px;margin:8px 0 0}.status-good,.status-stop,.status-hold,.status-warning{white-space:nowrap;border:1px solid #215b4b;background:#102f30;color:#6ce5ab;border-radius:4px;padding:10px;font-size:10px;font-weight:800;letter-spacing:.06em}.status-stop{color:#ff9f9f;background:#452128;border-color:#7e3d44}.status-stop .live-dot{background:#ff7777;box-shadow:0 0 10px #f55}.status-warning{color:#f5c282;background:#48351d;border-color:#8a5e25}.status-hold{color:#b8c6d1;background:#283443;border-color:#607083}.scene-wrap{min-height:430px;height:calc(100vh - 290px);max-height:770px;position:relative;margin:0 14px;background:radial-gradient(circle at 48% 39%,#173048,#080f1a 72%);overflow:hidden;border-radius:4px;border:1px solid #244358}.scene-wrap:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 100px #02091250;pointer-events:none}.scene-wrap canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.scene-wrap canvas:active{cursor:grabbing}.scene-top-left,.scene-top-right,.scene-bottom,.viewport-label{position:absolute;z-index:1;pointer-events:none}.scene-top-left{top:19px;left:20px;display:flex;flex-direction:column;gap:5px}.readout-label{color:#558b99;letter-spacing:.13em;font-size:10px}.scene-top-left strong{font-size:11px;color:#c2d9df;letter-spacing:.08em}.scene-top-right{top:19px;right:19px;display:flex;gap:9px}.scene-top-right span{border:1px solid #28606b;background:#102c36cc;padding:6px 9px;color:#81bdc8;font-size:10px}.viewport-label{left:22px;bottom:58px;color:#56d2d7;font-size:10px;letter-spacing:.16em}.reticle{font-size:22px;vertical-align:middle;padding-right:4px}.scene-bottom{display:flex;gap:22px;left:21px;bottom:18px;color:#6c8b98;font-size:10px;letter-spacing:.09em}.scene-bottom kbd{font-family:inherit;border:1px solid #537181;border-radius:3px;padding:3px 6px;margin-right:5px;color:#b6ceda}.bottom-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #25394a;margin-top:14px}.stat{padding:20px 24px;border-right:1px solid #233b4e}.stat:last-child{border:0}.stat span{display:block;color:#6c8da1;font-size:10px;letter-spacing:.13em;white-space:nowrap}.stat strong{display:block;color:#d7f7f4;font-size:24px;letter-spacing:-.04em;margin:9px 0 3px;font-weight:650;font-variant-numeric:tabular-nums}.stat:last-child strong{color:#63e4d9}.stat small{color:#557384;font-size:10px}.tiny-led{width:7px;height:7px;border-radius:50%;background:#52ffb1;box-shadow:0 0 12px #4afdb4}.motor-list{margin-top:20px}.motor{background:#0d1a27;border:1px solid #23394c;padding:15px 12px 13px;border-radius:5px;margin-bottom:11px}.motor-top,.motor-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px}.motor-top{font-size:11px;color:#b4c5ce;font-weight:800;letter-spacing:.03em}.motor-top b{color:#ecf4ff;font-size:13px;font-variant-numeric:tabular-nums}.motor-dot{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:7px}.motor-dot.cyan,.meter-cyan{background:#53e6e5}.motor-dot.amber,.meter-amber{background:#f4a256}.motor-dot.violet,.meter-violet{background:#b88df6}.motor-meter{height:5px;background:#223449;border-radius:4px;overflow:hidden;margin:17px 0 9px}.motor-meter>div{height:100%;transition:width .12s}.motor-bottom{color:#6e8899;font-size:9px;letter-spacing:.05em}.graph-frame{height:156px;border:1px solid #213848;background:repeating-linear-gradient(0deg,#0b192900,#0b192900 29px,#16334949 30px),#0a1725;padding:12px 9px 5px}.graph-frame canvas{width:100%;height:103px;display:block}.graph-caption{font-size:9px;color:#60c8c6;display:flex;justify-content:space-between}.diag-row{display:flex;justify-content:space-between;border-bottom:1px solid #243546;padding:12px 0;color:#809caa;font-size:11px}.diag-row strong{font-size:11px;color:#d2dee5;font-weight:650;font-variant-numeric:tabular-nums}.toggle{display:flex;align-items:center;gap:10px;margin:20px 0 18px;font-size:11px;color:#bbcad3;cursor:pointer}.toggle input{accent-color:#2bcccf}.export-button{width:100%;border:1px solid #3c6773;background:#19303d;border-radius:5px;color:#b8dde0;font-weight:750;font-size:11px;padding:13px}.export-button:hover{background:#214251}.note{font-size:10px;color:#648091;line-height:1.7;margin-top:19px}.footer{padding:13px 0 19px;border-top:1px solid #1b3140;display:flex;justify-content:space-between;gap:20px;color:#536f82;font-size:9px;letter-spacing:.09em}.footer b{color:#8ab7c8}.error-fallback{padding:70px 20px;color:#ffe8aa;line-height:1.5;text-align:center}
@media(max-width:1360px){.app-shell{padding:0 15px}.main-layout{grid-template-columns:255px minmax(400px,1fr) 255px;gap:10px}.panel{padding:20px 15px}.stat{padding:18px 13px}.stat strong{font-size:20px}.scene-wrap{height:calc(100vh - 300px)}}
@media(max-width:1110px){.header-middle{display:none}.main-layout{grid-template-columns:265px minmax(350px,1fr)}.telemetry-panel{grid-column:1 / -1;min-height:0;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.telemetry-panel .panel-heading,.telemetry-panel .motor-list{grid-column:1}.telemetry-panel .section-divider,.telemetry-panel .graph-frame,.telemetry-panel .diag-row,.telemetry-panel .toggle,.telemetry-panel .export-button,.telemetry-panel .note{grid-column:2}.telemetry-panel .section-divider.extra-space{margin:0}.telemetry-panel .motor-list{grid-row:2 / 15}.telemetry-panel .graph-frame{grid-row:auto}.controls-panel{min-height:0}.stage-panel{min-height:670px}.scene-wrap{height:440px;min-height:440px}}
@media(max-width:730px){.app-shell{padding:0 10px}.site-header{min-height:72px}.brand{min-width:0}.brand strong{font-size:18px}.header-right{margin-left:auto}.build-tag{display:none}.seed-tag{font-size:9px;padding:6px}.main-layout{grid-template-columns:1fr}.stage-panel{grid-row:1;min-height:0}.stage-header{padding:18px 14px;align-items:flex-start;flex-direction:column;gap:9px}.stage-header h1{font-size:25px}.scene-wrap{height:430px;min-height:370px;margin:0 9px}.bottom-stats{grid-template-columns:repeat(2,1fr)}.stat{border-bottom:1px solid #263b4c}.controls-panel{grid-row:2}.telemetry-panel{grid-column:1;display:block}.telemetry-panel .section-divider.extra-space{margin-top:20px}.telemetry-panel .motor-list{margin-top:20px}.panel{min-height:0}.footer{flex-direction:column;gap:7px}}