:root{color-scheme:dark;--base:#07121a;--panel:#0b1b24;--line:#24353d;--gold:#d8ae71;--muted:#77909c;--teal:#69d7d3;--white:#e8eee9;--red:#de7964;--focus:#7fdfeb}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#07121a;color:var(--white);font-family:Arial,"Segoe UI",sans-serif}body{background:radial-gradient(ellipse at 36% 15%,#19303b 0%,#07121a 53%,#050f14 100%);font-size:13px}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button:active{transform:translateY(1px)}button:disabled{opacity:.3} [hidden]{display:none!important}.shell{max-width:1920px;margin:auto;padding:0 30px}.topbar{height:87px;border-bottom:1px solid #304047;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:16px}.mark{border:1px solid #c6a06c;background:#b18d53;color:#09151b;width:45px;height:45px;display:grid;place-items:center;font-family:Georgia,serif;font-size:27px;box-shadow:0 0 0 5px #7a633321}.mark span{font-size:16px;margin-left:-5px}.brand-title{letter-spacing:.24em;font-weight:750;font-size:17px}.brand-slash{color:#c2a16d}.brand-subtitle{font-size:9px;letter-spacing:.21em;color:#98a8ae;margin-top:8px}.top-actions{display:flex;align-items:center;gap:24px}.edition{color:#81929a;font-size:10px;letter-spacing:.18em}.edition strong{color:#ccb184;font-weight:600;margin-left:12px}.round-button{color:#cbd5cf;background:transparent;border:1px solid #586972;border-radius:100%;width:34px;height:34px;font-size:18px}.main-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;padding-top:28px}.stage-panel{min-width:0}.stage-top{min-height:131px;display:flex;gap:15px;justify-content:space-between;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:650;color:#d9b17b}.tiny-diamond{display:inline-block;width:6px;height:6px;transform:rotate(45deg);background:#d9b17b;margin:0 7px 1px 1px}.eyebrow-separator{color:#5d767e;margin:0 9px}.stage-top h1{font-weight:750;font-size:clamp(24px,2.25vw,36px);letter-spacing:.027em;line-height:1.15;margin:15px 0 7px}.stage-top h1 em{font-family:Georgia,serif;font-weight:400;color:#d5a66c}.lead{font-size:12px;color:#829aa4;letter-spacing:.025em;margin:0 0 20px}.live{display:flex;align-items:center;gap:9px;color:#a4c4c7;font-size:9px;letter-spacing:.1em;margin-top:18px;text-align:right;min-width:170px;justify-content:flex-end}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#78d6ac;box-shadow:0 0 12px #65dfa2}.status-dot.danger{background:#e97664;box-shadow:0 0 12px #ff5d3b}.status-dot.warn{background:#f5c574;box-shadow:0 0 12px #e8b45e}.status-dot.neutral{background:#8f9eaa;box-shadow:none}.canvas-wrap{height:min(56vw,625px);min-height:415px;max-height:670px;position:relative;overflow:hidden;border:1px solid #405159;background:radial-gradient(ellipse at 49% 40%,#173740,#0a222d 63%,#071720 100%)}#viewport{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#viewport:active{cursor:grabbing}.corner-bracket{pointer-events:none;position:absolute;width:17px;height:17px;border:1px solid #b0a07a;opacity:.85}.top-left{top:13px;left:13px;border-right:0;border-bottom:0}.top-right{top:13px;right:13px;border-left:0;border-bottom:0}.bottom-left{bottom:13px;left:13px;border-right:0;border-top:0}.bottom-right{bottom:13px;right:13px;border-left:0;border-top:0}.viewport-overlay{position:absolute;display:flex;justify-content:space-between;align-items:center;left:34px;right:34px;pointer-events:none}.viewport-overlay.top{top:26px}.viewport-overlay.bottom{bottom:29px}.tag{font-size:9px;letter-spacing:.16em;border:1px solid #42636d;color:#9acecb;padding:8px 11px;background:#04151a9b}.pulse{display:inline-block;background:#7ad4a7;width:6px;height:6px;border-radius:50%;margin-right:8px}.tag-tail{color:#608f96;margin-left:10px}.scale-marker,.compass{font-size:9px;letter-spacing:.13em;color:#81a2ac}.scale-marker span{color:#c7aa7a;margin:0 5px}.crosshair{font-size:18px;color:#c1b28b;margin-right:5px}.glyph-separator{margin:0 11px;color:#b8a171}.axis-key{display:flex;gap:5px}.axis-key span{font-size:10px;padding:4px 5px;border:1px solid #44606a}.axis-x{color:#df7974}.axis-y{color:#9bd1a4}.axis-z{color:#8ebcde}.hotspot{position:absolute;display:flex;align-items:center;gap:7px;transform:translate(-13px,-13px);border:0;background:transparent;color:#c9e9e8;white-space:nowrap;padding:2px;transition:filter .2s}.hotspot>span:first-child{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#195666;border:1px solid #77b4b9;color:#e6fefe;font-size:8px;box-shadow:0 0 0 4px #11313c6b}.hotspot .hotspot-label{font-size:9px;letter-spacing:.13em;background:#0b2732d9;padding:7px 8px;border-left:1px solid #69b6bc}.hotspot.selected>span:first-child,.hotspot:hover>span:first-child{background:#2b8e99;box-shadow:0 0 12px #52c3ca80}.loading{background:#0a1b23ef;position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#dfc69b;letter-spacing:.16em}.loading span{font-size:12px;letter-spacing:0;color:#829ba6}.loading-spinner{width:32px;height:32px;border:2px solid #475963;border-top-color:#c6a378;border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading.error{color:#ed9a78}.stage-bottom{display:flex;justify-content:space-between;align-items:center;padding:17px 0;gap:10px;border-bottom:1px solid #293b42}.micro-heading{font-size:9px;letter-spacing:.15em;color:#86a2ab;margin-bottom:8px}.camera-presets{display:flex;gap:8px}.camera-presets button,.tool-btn{background:#142630;border:1px solid #3b535d;color:#8fa7ae;padding:9px 11px;font-size:9px;letter-spacing:.06em}.camera-presets button:hover,.tool-btn:hover,.tool-btn.enabled{color:#e5d2af;border-color:#b29466}.camera-presets button b{color:#d6dfdd;margin-left:5px}.view-tools{display:flex;gap:5px}.tool-btn span{margin-left:5px}.fact-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:26px 0;border-bottom:1px solid #283b43}.fact-strip>div{border-left:2px solid #a77f4b;padding-left:16px;display:flex;flex-direction:column;gap:10px}.fact-number{color:#e8e4d9;font-family:Georgia,serif;font-size:25px;letter-spacing:.025em}.fact-number span{font-size:14px;margin-left:3px}.fact-label{font-size:9px;color:#8ca3ab;letter-spacing:.11em}.detail-panel{position:relative;padding:23px 28px 23px 24px;margin-top:17px;border:1px solid #2b464c;background:linear-gradient(115deg,#152c34b0,#0c1c24aa)}.detail-number{font-size:9px;color:#718d95;letter-spacing:.17em}.detail-number span{color:#d0ac76}.detail-panel h2{font-size:19px;margin:10px 0;font-family:Georgia,serif;font-weight:400}.detail-panel p{font-size:12px;color:#a1b1b4;line-height:1.75;margin:0;max-width:770px}.side-panel{align-self:start;background:#0e2029;border:1px solid #344951;padding:0 23px}.panel-section{padding:22px 0 23px;border-bottom:1px solid #34454c}.eyebrow-panel{padding-top:25px}.panel-kicker{font-size:10px;letter-spacing:.16em;color:#d3ae78;display:flex;justify-content:space-between}.panel-kicker span{color:#7c969a}.eyebrow-panel h2{font-size:20px;letter-spacing:.09em;margin:15px 0 9px}.eyebrow-panel p{font-size:11px;color:#829da5;line-height:1.5;margin:0}.section-num{font-family:Georgia,serif;font-size:18px;color:#bb9562;margin-bottom:15px}.section-num span{font-family:Arial,sans-serif;font-size:10px;color:#c1d0cd;letter-spacing:.14em;margin-left:13px;font-weight:bold}.segmented{display:flex;width:100%;gap:3px;background:#0a1720;padding:3px;border:1px solid #3b525c}.segmented button{flex:1;min-width:0;border:0;color:#90a6aa;background:transparent;padding:12px 4px;font-size:10px;font-weight:700;letter-spacing:.06em}.segmented button.active{background:#c8a16c;color:#13242b}.micro-note{font-size:10px;line-height:1.65;color:#6f8994;margin:12px 0 0}.control-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.control-title label,.gauge-caption,.range-values{font-size:9px;letter-spacing:.1em;color:#91a5ac}.control-title output{font-size:15px;font-family:Georgia,serif;color:#e8d1a7}.control-title.second{margin-top:24px}input[type=range]{width:100%;appearance:none;-webkit-appearance:none;height:3px;border-radius:0;background:linear-gradient(90deg,#c6a16c,#43626b);outline:0;cursor:ew-resize}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:15px;background:#ddb887;border:2px solid #182c33}input[type=range]::-moz-range-thumb{width:12px;height:15px;background:#ddb887;border:2px solid #182c33}.range-values{display:flex;justify-content:space-between;margin-top:8px;color:#62808c}.action-row{display:grid;grid-template-columns:1.35fr 1fr;gap:7px;margin-top:15px}.action-row button{padding:13px 10px;font-size:10px;letter-spacing:.1em;font-weight:700}.primary-button{background:#caab7e;color:#0c2027;border:1px solid #caab7e}.secondary-button{background:#182d36;color:#dee5db;border:1px solid #46626c}.telemetry-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.telemetry-grid>div{background:#0b1921;border:1px solid #2c414a;padding:13px 10px;min-width:0}.telemetry-grid small{font-size:9px;letter-spacing:.09em;color:#73939c;display:block;margin-bottom:11px}.telemetry-grid b{font-family:Georgia,serif;font-size:17px;font-weight:400;color:#e1dcc9;white-space:nowrap}.gauge-caption{display:flex;justify-content:space-between;gap:8px;margin:20px 0 9px;font-size:8px}.gauge-caption span:last-child{letter-spacing:0;color:#aeaa97}.gauge{height:5px;background:#213e44;overflow:hidden}.gauge>div{height:100%;width:0;background:linear-gradient(90deg,#4dc4be,#d6ad70);transition:width .12s}.gauge>div.overload{background:linear-gradient(90deg,#e2ad7b,#d45c49)}select{width:100%;background:#112731;color:#e3ddc7;border:1px solid #405965;padding:13px;font-size:10px;letter-spacing:.1em}.export-button{display:flex;align-items:center;gap:13px;width:100%;padding:13px;background:transparent;border:1px solid #b99563;color:#e4c898;margin-top:10px;text-align:left;font-weight:bold;letter-spacing:.12em;font-size:10px}.export-button:hover{background:#293c39}.export-button.minor{border-color:#3c5960;color:#a1b9b7}.small-print{display:flex;justify-content:space-between;padding:17px 0;color:#708c94;font-size:9px;letter-spacing:.1em}.ready-dot{background:#68dba5;display:inline-block;border-radius:50%;width:5px;height:5px;margin-left:7px}.footer{padding:22px 0 31px;display:flex;gap:15px;justify-content:space-between;color:#6c8590;font-size:9px;letter-spacing:.08em}.footer em{color:#b78c56}.footer b{color:#c4ba9d;font-weight:400}dialog{width:min(620px,calc(100vw - 30px));border:1px solid #b8a077;background:#0d222c;color:#e6eeea;padding:30px;box-shadow:0 20px 100px #000a}dialog::backdrop{background:#000b}.dialog-header{display:flex;justify-content:space-between;align-items:start}.dialog-header h2{font-size:27px;font-family:Georgia,serif;font-weight:400}.dialog-header button{background:transparent;color:#e3d2b1;border:1px solid #526770;padding:7px 12px}dialog>p{color:#acc0c4;line-height:1.7}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.help-grid>div{background:#152d37;padding:14px}.help-grid b{display:block;color:#dfc292;font-size:10px;letter-spacing:.1em}.help-grid span{display:block;margin-top:7px;color:#9aaeb5;font-size:11px}.warning-note{border-top:1px solid #41606b;margin-top:24px;padding-top:16px;font-size:11px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1150px){.shell{padding:0 20px}.main-layout{grid-template-columns:minmax(0,1fr) 290px;gap:15px}.side-panel{padding:0 14px}.stage-top h1{font-size:28px}.camera-presets button,.tool-btn{padding:8px 6px}.fact-strip{gap:5px}.fact-strip>div{padding-left:9px}.fact-number{font-size:20px}.hotspot .hotspot-label{font-size:8px}}
@media(max-width:830px){.shell{padding:0 14px}.topbar{height:73px}.top-actions .edition{display:none}.brand-title{font-size:14px}.brand-subtitle{font-size:8px}.main-layout{display:block;padding-top:19px}.stage-top{min-height:110px}.live{min-width:90px;max-width:130px;font-size:8px}.canvas-wrap{height:60vw;min-height:365px}.side-panel{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding:0 22px}.side-panel .eyebrow-panel{grid-column:1/-1}.side-panel .small-print{grid-column:1/-1}.stage-bottom{flex-wrap:wrap}.hotspot .hotspot-label{display:none}.fact-strip{padding:18px 0}}
@media(max-width:560px){.shell{padding:0 10px}.brand{gap:10px}.brand-subtitle{letter-spacing:.1em}.mark{width:36px;height:36px;font-size:21px}.brand-title{letter-spacing:.12em}.stage-top{display:block;min-height:133px}.stage-top h1{font-size:25px}.live{margin:15px 0;max-width:100%;justify-content:start}.canvas-wrap{min-height:350px;height:72vw}.viewport-overlay{left:19px;right:19px}.scale-marker{display:none}.compass{font-size:8px;line-height:1.5}.axis-key{display:none}.view-tools{width:100%;justify-content:space-between}.tool-btn{flex:1}.fact-strip{grid-template-columns:1fr 1fr;row-gap:21px}.side-panel{display:block}.side-panel .eyebrow-panel{grid-column:auto}.footer{flex-wrap:wrap}.footer span:last-child{display:none}}