:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;background:#050b14;color:#dcecf6;--surface:#0c1724;--line:#203448;--muted:#7b94a9;--cyan:#59e7ef;--orange:#ffae70}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:#050b14}.shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 56% 22%,#142238 0,#07101a 53%,#050a11 100%)}.masthead{min-height:78px;padding:14px 26px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);background:#06111eeb}.brand-icon{width:43px;height:43px;border:1px solid #7ae3ec;box-shadow:0 0 25px #1cb8cd26;display:flex;align-items:center;justify-content:center;color:var(--cyan);font-size:20px;font-weight:800;letter-spacing:-2px;clip-path:polygon(14% 0,88% 0,100% 16%,100% 90%,85% 100%,0 100%,0 14%)}.brand-icon span{font-size:10px;align-self:flex-end;margin-bottom:6px;letter-spacing:0}.brand small{display:block;letter-spacing:2px;font-size:10px;font-weight:800;color:#a2bbc8}.brand small span{color:var(--cyan)}.brand small b{color:#526e81;font-weight:600}.brand strong{display:block;font-size:21px;line-height:1.3;letter-spacing:1.1px;color:#ecf7fe}.brand strong em{font-style:normal;color:#ffab72;padding:0 3px}.top-stats{display:flex;margin-left:auto;gap:36px}.top-stats div{display:flex;flex-direction:column;gap:3px}.top-stats small,.metric small,.metric-main>span,.panel-title,.section-label,.field-label{font-size:10px;letter-spacing:1.2px;color:#7190a4;font-weight:750}.top-stats b{font-size:10px;letter-spacing:.8px;color:#d4e6f0}.top-stats .status{color:#71eabc}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#63e8ba;box-shadow:0 0 8px #47f2b2;margin-right:6px}.dashboard{display:grid;grid-template-columns:minmax(245px,295px) minmax(420px,1fr) minmax(245px,300px);min-height:calc(100vh - 130px)}.sidebar{padding:22px 21px;background:#07121ecd;overflow-x:hidden}.sidebar.left{border-right:1px solid var(--line)}.sidebar.right{border-left:1px solid var(--line)}.section-label{color:var(--cyan);padding-bottom:10px;border-bottom:1px solid #244251}.sidebar h2{font-size:19px;letter-spacing:.2px;margin:18px 0 6px}.muted{color:var(--muted);font-size:12px;line-height:1.6}.tight{margin-top:0;margin-bottom:22px}.field-label{display:block;margin:18px 0 8px}select{color:#e5f4ff;background:#12263a;border:1px solid #355169;width:100%;height:39px;padding:0 10px;font-size:12px;font-weight:650;border-radius:5px;outline:none}select:focus,button:focus-visible,input:focus-visible{outline:2px solid #6bdfe9;outline-offset:2px}.scenario-note{margin:10px 0 24px;color:#88a6bb;font-size:11px;line-height:1.5;min-height:32px}.panel-title{display:flex;justify-content:space-between;margin:25px 0 18px;color:#dbeaf3;font-size:11px;letter-spacing:.5px}.panel-title span{color:#567e95;font-size:9px;letter-spacing:1px}.range-field{margin:0 0 21px}.range-head,.range-scale,.scale-row{display:flex;justify-content:space-between;align-items:center}.range-head{font-size:12px;margin-bottom:12px;color:#b8cbd8}.range-head b{color:var(--cyan);font-size:12px;font-variant-numeric:tabular-nums}.range-scale{color:#56758a;font-size:10px;margin-top:4px}.range-field input[type=range],#timescale{display:block;width:100%;accent-color:#4edee9;height:4px;margin:9px 0 10px;cursor:pointer}button{background:#122238;border:1px solid #34506a;border-radius:5px;padding:12px 13px;color:#bcdeea;font-weight:800;font-size:11px;letter-spacing:.8px;cursor:pointer;transition:background .2s,border-color .2s}button:hover{background:#20435a;border-color:#4f91a5}.time-row{display:flex;gap:9px}.time-row button{flex:1}.time-row .primary{background:#3ed9e5;color:#06212b;border-color:#3ed9e5}.scale-row{font-size:10px;color:#8399ad;margin-top:21px}.scale-row b{color:var(--cyan);font-size:12px}.time-note{font-size:10px;line-height:1.5;color:#628199;margin-top:10px}.view-area{padding:16px;display:flex;flex-direction:column;gap:13px;min-width:0;background:linear-gradient(180deg,#081522,#081321)}.viewer-header{display:flex;justify-content:space-between;align-items:center;padding:7px 6px}.eyebrow{font-size:10px;color:var(--cyan);font-weight:800;letter-spacing:1.7px}.viewer-header h1{font-size:20px;font-weight:650;margin:5px 0 0}.viewer-mark{color:#63d9dd;font-size:12px;letter-spacing:1px;white-space:nowrap}.viewer-mark span{color:#a4bbcb;font-size:10px}.scene-wrap{min-height:540px;position:relative;flex:1;border:1px solid #294259;background:#030c18;overflow:hidden;border-radius:4px;box-shadow:inset 0 0 80px #0d2434,0 14px 35px #0005}.scene-wrap canvas{width:100%;height:100%;position:absolute;inset:0;cursor:grab;display:block}.scene-wrap canvas:active{cursor:grabbing}.scene-wrap:after{content:'';position:absolute;pointer-events:none;inset:0;background:linear-gradient(180deg,#04111a77,transparent 24%,transparent 72%,#04111ab0)}.view-buttons{position:absolute;top:16px;left:15px;z-index:2;display:flex;flex-wrap:wrap;gap:5px;max-width:calc(100% - 40px)}.view-buttons button{background:#081727d9;border-color:#345065;padding:9px 10px;color:#7a99ac;font-size:10px}.view-buttons button strong{font-size:10px;color:#d1e3ee;letter-spacing:.5px;margin-left:3px}.view-buttons button.active{color:var(--cyan);border-color:#55cad6;background:#0d3441d9}.scene-caption{position:absolute;z-index:2;bottom:20px;left:22px;display:flex;gap:12px;align-items:center}.crosshair{font-size:27px;color:var(--cyan)}.scene-caption div{display:flex;flex-direction:column;gap:4px}.scene-caption b{font-size:11px;letter-spacing:1.4px}.scene-caption small{font-size:10px;color:#a0b7c6}.scene-right{z-index:2;position:absolute;bottom:23px;right:18px;color:#93aebb;display:flex;gap:12px;font-size:9px;letter-spacing:1px}.bottom-panels{display:grid;grid-template-columns:2fr 1fr;gap:10px}.tiny-card{padding:13px 17px;border:1px solid var(--line);background:#0b1a29;border-radius:4px;min-height:95px}.tiny-card>div:first-child{font-size:10px;letter-spacing:1.2px;font-weight:800;color:#91aabb;display:flex;justify-content:space-between}.tiny-card>div:first-child span{color:var(--cyan)}.track{height:6px;background:#192e3f;border-radius:6px;overflow:hidden;margin:13px 0 10px}.track div{height:100%;width:0;background:linear-gradient(90deg,#2899bc,#54edf0);box-shadow:0 0 12px #32d9eb}.endpoints{display:flex;justify-content:space-between;font-size:9px!important;color:#62869a;letter-spacing:.9px}.short strong{display:block;font-size:25px;margin-top:6px;letter-spacing:1px}.short small{font-size:9px;color:#6b95ab}.metric-main{padding:17px 15px;margin:20px 0 11px;border:1px solid #295168;background:linear-gradient(130deg,#0b2735,#0e1c2b)}.metric-main strong{display:block;font-size:43px;letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:8px 0;color:#e5faff}.metric-main strong small{font-size:17px;color:#8abdc6}.metric-foot{display:flex;justify-content:space-between;border-top:1px solid #24485c;padding-top:10px;font-size:9px;color:#7a9cb0;letter-spacing:.7px}.metric-foot span{color:#68edbf}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.metric{border:1px solid #1c3246;background:#0b1928;padding:12px 9px;min-height:75px}.metric small{font-size:9px;letter-spacing:.7px}.metric b{display:block;font-size:22px;letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin-top:7px;color:#e0f2ff}.metric b em{font-style:normal;font-size:11px;color:#799fb2;letter-spacing:0;font-weight:500}.graph{width:100%;height:100px;display:block;border:1px solid #20374a;background:#091a29;border-radius:3px}.event-log{max-height:177px;overflow-y:auto}.event{font-size:10px;color:#b4cbd9;line-height:1.6;padding:8px 3px;border-bottom:1px solid #1a3140}.event time{color:#57dfe8;display:inline-block;min-width:73px;font-variant-numeric:tabular-nums}.systems-notes{font-size:9px;line-height:1.6;color:#68859a;border-top:1px solid var(--line);margin-top:20px;padding-top:15px;letter-spacing:.45px}.footer{background:#06111b;border-top:1px solid var(--line);min-height:50px;display:flex;align-items:center;gap:15px;justify-content:space-between;padding:8px 25px;color:#5e7f93;font-size:9px;letter-spacing:.9px}.inline-check{display:flex;align-items:center;gap:7px;cursor:pointer}.inline-check input{accent-color:var(--cyan)}.scene-error{position:absolute;z-index:3;inset:25% 15%;background:#3a1e2bea;padding:30px;color:#fff;border:1px solid #f19c8b;line-height:1.8}
@media(max-width:1250px){.dashboard{grid-template-columns:245px minmax(340px,1fr)}.sidebar.right{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.sidebar.right .metrics-grid{grid-template-columns:repeat(6,1fr)}.top-stats{gap:14px}.scene-wrap{min-height:580px}}
@media(max-width:740px){.masthead{padding:12px 14px}.top-stats{display:none}.dashboard{display:flex;flex-direction:column}.view-area{order:0;min-height:500px}.sidebar.left{order:1;border-top:1px solid var(--line);border-right:0}.sidebar.right{order:2}.scene-wrap{min-height:370px}.bottom-panels{grid-template-columns:1fr}.sidebar.right .metrics-grid{grid-template-columns:repeat(2,1fr)}.footer{flex-direction:column;align-items:flex-start}.scene-right{display:none}.view-buttons button{padding:7px;font-size:8px}}

.quality-label{color:#799daf;font-size:9px;margin-right:5px}.viewer-mark select{display:inline-block;width:auto;height:27px;min-width:84px;padding:0 4px;background:#102b38;border-color:#356071;color:#caf3fb;font-size:10px;margin-right:14px}.viewer-header .viewer-mark{display:flex;align-items:center;gap:4px}