:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#070f1b;color:#d9e5ee;font-synthesis:none;--bg:#081321;--line:#263346;--muted:#8193a8;--aqua:#50d4f3;--amber:#e3ab69;--red:#ef877c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}.application{min-height:100vh}.topbar{height:79px;background:#0b1726;border-bottom:1px solid #243547;display:flex;align-items:center;gap:28px;padding:0 30px;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:14px;min-width:263px}.brandmark{width:42px;height:42px;border:1px solid #4a9cb1;border-radius:7px;background:#102938;color:#79e5f6;display:grid;place-items:center}.brandmark svg{width:23px}.brandname{font-weight:850;letter-spacing:.10em;font-size:17px;color:#f0f5fb}.brandname span{font-weight:450;color:#93c6cc;letter-spacing:.07em}.brandcaption{font-size:9px;letter-spacing:.24em;color:#647f96;margin-top:5px;font-weight:700}.head-center{display:flex;align-items:center;gap:25px;flex:1}.header-separator{width:1px;height:33px;background:#273647}.head-center strong{display:block;font-size:15px;letter-spacing:.005em;font-weight:650}.head-center small{display:block;color:#718aa0;font-size:11px;margin-top:5px;letter-spacing:.015em}.head-actions{display:flex;gap:10px;align-items:center}.engine{border:1px solid #2b5357;background:#0c242e;padding:10px 11px;white-space:nowrap;font-weight:700;color:#77d3c6;font-size:10px;letter-spacing:.11em;border-radius:4px;margin-right:6px}.online-dot,.live i{width:6px;height:6px;border-radius:50%;background:#70e3b9;display:inline-block;margin-right:7px;box-shadow:0 0 9px #51ffc1}.subtle-action{display:flex;align-items:center;gap:8px;color:#b2c6d6;padding:10px 12px;background:#111f2e;border:1px solid #304053;border-radius:4px;font-size:11px;font-weight:700}.subtle-action:hover,.action:hover{border-color:#61aec2;color:#eafcff}.subtle-action svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 385px;height:calc(100vh - 79px);min-height:690px}.visual{min-width:0;min-height:0;display:flex;flex-direction:column;background:#081522}.scene-area{flex:1;position:relative;min-height:335px;overflow:hidden;background:radial-gradient(ellipse at 52% 36%,#193346,#081827 65%)}#scene{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.canvas-grain{position:absolute;pointer-events:none;inset:0;background:radial-gradient(ellipse at 57% 43%,transparent 23%,#03101b83 98%),linear-gradient(90deg,#071524aa,transparent 30%,transparent 75%,#071524a1)}.view-head{position:absolute;left:26px;right:26px;top:24px;display:flex;justify-content:space-between;align-items:center}.live{background:#0b202cd9;border:1px solid #30596b;color:#a6e2ed;font-weight:800;padding:10px 12px;font-size:10px;letter-spacing:.15em;border-radius:4px}.live b{color:#5fc89e;font-weight:700;margin-left:18px;font-size:9px}.frame-info{display:flex;gap:13px;color:#69869a;font-size:9px;font-weight:750;letter-spacing:.13em}.scene-marker{pointer-events:none;position:absolute;display:flex;flex-direction:column;align-items:flex-start;color:#b5cbd8;font-size:9px;letter-spacing:.10em;line-height:1.6}.scene-marker small{font-size:9px;color:#66889b;letter-spacing:.03em}.marker-title{color:#a0bfd0;font-weight:760}.marker-line{width:1px;height:24px;background:linear-gradient(#8cbbcd,transparent);position:absolute;bottom:calc(100% + 5px);left:5px}.marker-a{top:32%;left:22%}.marker-b{top:30%;right:12%}.marker-c{top:60%;left:52%}.voltage-overlay{position:absolute;left:30px;bottom:47px;width:min(277px,43%);pointer-events:none;padding:15px 0}.eyebrow{color:#7a96a9;letter-spacing:.17em;font-size:9px;font-weight:800}.hero-voltage{display:flex;align-items:baseline;gap:12px;margin:7px 0 12px}.hero-voltage strong{font-size:59px;letter-spacing:-.055em;line-height:1.0;font-weight:400;font-variant-numeric:tabular-nums;color:#ebf8ff;text-shadow:0 0 28px #74d9f91f}.hero-voltage span{color:#70bed7;font-size:19px;font-weight:500}.potential-track{height:3px;background:#25465a;position:relative;overflow:hidden}.potential-track div{height:100%;width:0;background:linear-gradient(90deg,#3cadd7,#84e9f9);box-shadow:0 0 11px #71e4ff}.voltage-legend{display:flex;justify-content:space-between;color:#557e8e;font-size:8px;font-weight:800;letter-spacing:.12em;margin-top:10px}.orbit-note{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;white-space:nowrap;gap:8px;align-items:center;font-size:9px;font-weight:800;letter-spacing:.09em;color:#61869c}.small-cross{font-size:15px;color:#77b8cb}.dot-sep{color:#34546b}.spark-flash{position:absolute;pointer-events:none;inset:0;background:radial-gradient(circle at 52% 56%,#c8b5ff39,transparent 42%);opacity:0;transition:opacity .23s}.spark-flash.active{opacity:1;transition:none}.readout-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #273547;border-bottom:1px solid #273547;background:#0d1c2b;min-height:112px}.readout{padding:17px 24px;border-right:1px solid #233547;min-width:0}.readout:last-child{border-right:0}.readout-top{display:flex;align-items:center;justify-content:space-between;color:#718da1;letter-spacing:.14em;font-size:9px;font-weight:850}.readout-symbol{font-size:13px}.cyan-sign{color:#76dff8}.coral-sign{color:#ee8e76}.glyph{color:#8ba6b8}.readout-value{font-size:27px;letter-spacing:-.03em;font-weight:450;font-variant-numeric:tabular-nums;white-space:nowrap;margin:7px 0 1px;color:#e2f1f9}.readout-value small{font-size:14px;color:#6c9fb4}.readout-desc{font-size:10px;color:#657f94;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.readout-bar{display:inline-block;width:18px;height:2px;margin-right:7px;vertical-align:middle}.cyan-bar{background:#56c5eb}.coral-bar{background:#f39480}.trend-panel{height:145px;flex:none;position:relative;background:#0a1827;border-bottom:1px solid #21394a;padding:13px 24px 8px}.trend-heading{display:flex;align-items:center;justify-content:space-between}.trend-heading strong{display:block;font-size:12px;margin-top:4px;font-weight:600}.trend-legend{color:#7c9aac;font-size:9px;letter-spacing:.07em;font-weight:800}.signal-dot,.threshold-swatch{display:inline-block;height:3px;width:15px;background:#66d9fa;vertical-align:middle;margin:0 6px}.threshold-swatch{background:#db9d65;margin-left:14px;border-top:1px dashed #d69c6b}#trend{display:block;width:100%;height:78px;margin-top:4px}.sidebar{background:#0d1a2b;border-left:1px solid #263c51;padding:24px 27px 20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#355067 #0d1a2b}.control-header .kicker{color:#6d9cac;font-size:10px;font-weight:800;letter-spacing:.16em}.control-header h1{margin:10px 0 8px;color:#f0f6fa;font-size:24px;font-weight:650;letter-spacing:-.04em}.accent-period{color:#6bcde3}.control-header p{margin:0;color:#7d93a7;font-size:12px;line-height:1.62}.section-label{display:flex;gap:10px;align-items:center;font-size:10px;font-weight:800;letter-spacing:.13em;color:#7e9bab;margin-top:25px;margin-bottom:14px}.section-label span:first-child{color:#d2a579}.section-line{height:1px;background:#2c3e50;flex:1;margin-left:4px}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.preset{padding:11px 8px;text-align:left;min-width:0;background:#122336;border:1px solid #304257;border-radius:5px;color:#9cb7c8}.preset.active{background:#143342;border-color:#56afc1;box-shadow:inset 0 0 0 1px #356d80}.preset b{font-size:10px;display:block;color:#698ca2;font-weight:750}.preset span{display:block;font-weight:850;font-size:10px;letter-spacing:.06em;margin:7px 0 3px;color:#d4e5ee}.preset.active span{color:#a1eff3}.preset small{font-size:9px;color:#7794a8;line-height:1.4;display:block}.slider-group label{display:flex;justify-content:space-between;align-items:center;margin:15px 0 8px;color:#c6d8e3;font-size:11px;font-weight:700;gap:9px}.slider-group label:first-child{margin-top:0}.slider-group label small{color:#667f95;font-weight:500;margin-left:2px}.slider-group output{color:#9ce3f0;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}.slider-group input[type=range]{appearance:none;width:100%;height:4px;background:linear-gradient(90deg,#397c91,#244154);border-radius:2px;cursor:pointer;display:block;margin-bottom:17px;outline:0}.slider-group input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border:2px solid #071d2a;border-radius:50%;background:#9beaff;box-shadow:0 0 0 1px #6bc9dc}.slider-group input[type=range]::-moz-range-thumb{width:10px;height:10px;background:#9beaff;border:2px solid #071d2a;border-radius:50%}.advanced{border-top:1px solid #263a4b;border-bottom:1px solid #263a4b;margin-top:6px}.advanced summary{list-style:none;cursor:pointer;padding:14px 2px;color:#91b8c9;font-size:11px;font-weight:720}.advanced summary::-webkit-details-marker{display:none}.advanced summary span{float:right;font-size:16px;color:#89d8e2}.advanced-inner{padding:7px 0 4px}.toggles{margin-top:15px;border:1px solid #273a4e;border-radius:5px;padding:2px 13px}.toggle-line{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:12px}.toggle-line+.toggle-line{border-top:1px solid #27394b}.toggle-line strong{font-size:11px;display:block;font-weight:700;color:#d9eaf2}.toggle-line span:not(.switch){font-size:10px;color:#7790a3;display:block;margin-top:3px}.switch{position:relative;width:35px;height:20px;flex:none}.switch input{opacity:0;position:absolute;inset:0;cursor:pointer;z-index:2}.switch span{display:block!important;height:20px;border-radius:15px;background:#304052;transition:background .2s}.switch span:before{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#a5b8c5;transition:transform .2s}.switch input:checked+span{background:#257b8c}.switch input:checked+span:before{transform:translateX(15px);background:#d1f8ff}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.action{background:#122236;border:1px solid #355068;color:#c0dae7;border-radius:4px;min-height:37px;font-size:10px;font-weight:800;letter-spacing:.08em}.action.primary{background:#0b6277;color:#e9fbfc;border-color:#2e8ba0}.action.primary span{font-size:17px;vertical-align:middle;margin-right:10px}.telemetry{border:1px solid #2b4052;background:#111f30;border-radius:5px;padding:5px 12px}.telemetry>div{display:flex;justify-content:space-between;gap:7px;align-items:center;padding:9px 0}.telemetry>div+div{border-top:1px solid #29394b}.telemetry span{font-size:9px;font-weight:800;letter-spacing:.08em;color:#7490a2}.telemetry b{font-weight:650;font-size:11px;color:#bfd7e2;font-variant-numeric:tabular-nums}.disclaimer{border-left:2px solid #b8915e;margin-top:20px;padding:2px 0 2px 12px;background:linear-gradient(90deg,#2d281d48,transparent)}.disclaimer strong{font-size:9px;letter-spacing:.12em;color:#d5af7c}.disclaimer p{color:#8193a3;font-size:10px;line-height:1.56;margin:6px 0}.sidebar-footer{display:flex;justify-content:space-between;color:#58798f;font-size:9px;letter-spacing:.1em;font-weight:800;margin:21px 0 0}.sidebar-footer span{color:#527085}.toast{position:fixed;bottom:20px;left:50%;z-index:5;transform:translateX(-50%) translateY(20px);background:#173548;color:#d9f7ff;border:1px solid #4d91a8;padding:11px 17px;font-size:12px;border-radius:5px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:1130px){.workspace{grid-template-columns:minmax(0,1fr) 338px}.sidebar{padding:22px 19px}.head-center small{display:none}.readout{padding:16px 13px}.readout-value{font-size:24px}.marker-a{left:14%}.marker-b{right:6%}}@media(max-width:840px){.topbar{padding:12px 16px;height:auto;min-height:69px}.head-center{display:none}.head-actions{margin-left:auto}.head-actions .engine{display:none}.subtle-action span{display:none}.workspace{height:auto;display:block}.scene-area{height:480px;min-height:0}.sidebar{overflow:visible;border-left:none;border-top:1px solid #263c51;padding:24px}.visual{height:auto}.readout{padding:14px}.trend-panel{height:148px}.scene-marker{display:none}}@media(max-width:490px){.brand{min-width:0}.brandname{font-size:13px}.brandcaption{font-size:7px}.brandmark{height:35px;width:35px}.topbar{gap:5px}.subtle-action{padding:10px}.scene-area{height:425px}.view-head{left:13px;top:13px;right:13px}.frame-info{display:none}.voltage-overlay{bottom:45px;left:17px;width:70%}.hero-voltage strong{font-size:44px}.orbit-note{font-size:7px;gap:4px}.readout-row{grid-template-columns:repeat(2,minmax(0,1fr))}.readout:nth-child(2){border-right:0}.readout:nth-child(-n+2){border-bottom:1px solid #26384a}.trend-panel{padding-left:13px;padding-right:13px}.trend-heading strong{font-size:11px}.trend-legend{font-size:8px}.section-label{margin-top:20px}}