:root{color-scheme:dark;--bg:#07111d;--surface:#101f2c;--panel:#0b1826;--panel2:#0e2030;--border:#25374a;--text:#e6f2f3;--muted:#7f98ac;--cyan:#50e4c8;--gold:#f0b568;--shadow:rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 66% 0,#112739 0,transparent 48%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--text);font-size:13px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.4}.layout-shell{max-width:1680px;margin:auto;padding:0 35px}.site-header{height:83px;border-bottom:1px solid #24394b;display:flex;align-items:center;justify-content:space-between}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{height:42px;width:42px;border:1px solid #467867;border-radius:9px;background:linear-gradient(145deg,#153b42,#0b222f);color:var(--cyan);display:grid;place-items:center}.brand-mark svg{width:28px}.brand-lockup strong{font-size:17px;letter-spacing:.12em;font-weight:800}.brand-lockup strong span,.footer-brand span{color:var(--cyan)}.brand-lockup small{display:block;color:#7493a4;font-size:9px;font-weight:700;letter-spacing:.24em;margin-top:4px}.header-right{display:flex;align-items:center;gap:27px}.header-tag,.build-badge{color:#8ea7b5;font-size:10px;font-weight:700;letter-spacing:.12em}.live-state{font-size:10px;font-weight:800;letter-spacing:.10em;display:flex;align-items:center;gap:9px;color:var(--cyan)}.live-state i,.monitor-pulse{width:7px;height:7px;border-radius:100%;background:var(--cyan);box-shadow:0 0 13px var(--cyan)}.live-state.is-paused{color:var(--gold)}.live-state.is-paused i{background:var(--gold);box-shadow:none}.build-badge{border:1px solid var(--border);padding:8px 10px;border-radius:4px}.headline{display:flex;justify-content:space-between;gap:30px;padding:33px 0 31px;align-items:end}.eyebrow,.panel-eyebrow{font-weight:800;letter-spacing:.19em;font-size:10px;color:var(--cyan)}.eyebrow-line{display:inline-block;height:1px;width:19px;background:var(--cyan);vertical-align:middle;margin-right:8px}.sep{color:#486276;padding:0 9px}h1{font-size:clamp(32px,3.35vw,55px);line-height:1.07;margin:12px 0 12px;letter-spacing:-.055em;font-weight:650}h1 em{color:var(--cyan);font-style:normal}h2{font-size:16px;margin:7px 0 0;font-weight:630;letter-spacing:-.025em}.headline p{color:#91aabc;font-size:12.5px;line-height:1.7;max-width:720px;margin:0}.headline-aside{width:200px;text-align:right;padding-bottom:5px;flex-shrink:0}.design-ref{font-size:10px;letter-spacing:.1em;color:#6c91a7}.design-ref b{display:block;font-size:18px;color:#b8d3dc;letter-spacing:.04em;margin-top:3px}.design-ref-sub{font-size:11px;color:#6c8396;margin-top:8px;line-height:1.5}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.kpi{border:1px solid var(--border);border-top:2px solid #365b67;background:linear-gradient(145deg,#122536,#0b1926);padding:17px 20px 14px;min-height:129px}.kpi-label{font-size:10px;letter-spacing:.14em;color:#8da7b8;font-weight:760;display:flex;justify-content:space-between}.tiny-mark{font-size:10px;color:#3c5b69}.kpi-main{display:flex;align-items:baseline;gap:9px;margin:14px 0 10px}.kpi-main span{font-variant-numeric:tabular-nums;letter-spacing:-.055em;font-size:31px;font-weight:680}.kpi-main small{font-size:13px;color:var(--cyan)}.kpi-foot{color:#6b8ea1;font-size:10px;letter-spacing:.08em;font-weight:750;display:flex;justify-content:space-between}.kpi-progress{width:64px;height:3px;background:linear-gradient(90deg,var(--cyan) 20%,#244254 20%);align-self:center}.accent-dot,.simple-led{display:block;width:7px;height:7px;border:1px solid var(--cyan);border-radius:50%}.simple-led{background:var(--gold);border-color:var(--gold)}.workbench{display:grid;grid-template-columns:minmax(270px,300px) minmax(400px,1fr) minmax(250px,280px);gap:13px;align-items:stretch}.panel{border:1px solid var(--border);background:linear-gradient(155deg,#101f2d,#0a1723);padding:20px;min-width:0}.panel-header{display:flex;justify-content:space-between;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--border)}.panel-index{color:#4c6576;font-size:11px;font-weight:700}.subheading,.mini-chart-header{display:flex;justify-content:space-between;color:#91abbb;font-size:10px;font-weight:760;letter-spacing:.11em;margin:21px 0 13px}.subheading span:last-child{color:#527c87}.floor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.floor-btn{background:#142939;color:#b4ccd5;border:1px solid #2b4555;border-radius:4px;padding:11px 2px;font-weight:800;font-size:13px;letter-spacing:.06em;transition:.16s}.floor-btn:hover{border-color:#64aeb2;color:#fff}.floor-btn.selected{background:linear-gradient(140deg,#256a69,#164d57);color:#9fffe3;border-color:#4db7a6;box-shadow:inset 0 0 15px #40d5bd1a}.floor-btn.current{box-shadow:inset 0 -3px 0 var(--gold)}.top-space{margin-top:27px}.segmented{background:#091622;border:1px solid #294153;border-radius:5px;display:grid;grid-template-columns:repeat(3,1fr);padding:3px;gap:3px}.segmented button{border:0;color:#7291a5;font-size:10px;font-weight:800;letter-spacing:.08em;padding:10px 2px;border-radius:3px;background:transparent}.segmented button.active{background:#263f4b;color:#ccf6ec;box-shadow:inset 0 0 0 1px #3b7778}.control-stack{padding-top:6px}.range-control{display:block;margin-top:21px}.range-label{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#abc3cf}.range-label b{font-size:11px;color:#d2eceb;font-variant-numeric:tabular-nums;white-space:nowrap}.range-control input{width:100%;height:4px;accent-color:var(--cyan);cursor:pointer;margin:16px 0 9px;appearance:none;background:#2a4653;border-radius:9px}.range-control input::-webkit-slider-thumb{appearance:none;border:3px solid #133d42;width:15px;height:15px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 1px #5ae5ce}.range-control input::-moz-range-thumb{width:11px;height:11px;background:var(--cyan);border:2px solid #133d42;border-radius:100%}.range-extents{color:#557487;font-size:9px;letter-spacing:.08em;font-weight:750;display:flex;justify-content:space-between}.control-footer{border-top:1px solid var(--border);margin-top:24px;padding-top:22px}.toggle-row{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:11px;font-weight:700}.toggle-row small{display:block;font-size:10px;color:#6f899d;margin-top:4px;font-weight:450}.toggle-row input{position:absolute;opacity:0}.switch{position:relative;display:inline-block;width:34px;height:19px;border-radius:30px;background:#2e4557;transition:.2s}.switch:before{content:"";position:absolute;width:13px;height:13px;border-radius:50%;top:3px;left:3px;background:#b9c9d2;transition:.2s}.toggle-row input:checked~.switch{background:#267d73}.toggle-row input:checked~.switch:before{left:18px;background:#cffff1}.scene-panel{border:1px solid var(--border);min-width:0;display:flex;flex-direction:column;background:#091522}.scene-toolbar{height:52px;padding:0 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);gap:8px}.stage-id{font-size:10px;font-weight:800;letter-spacing:.08em;color:#a7c4cc;white-space:nowrap}.stage-id i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);margin-right:6px}.stage-version{font-size:9px;color:#547d8b;margin-left:6px}.scene-toolbar-right{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.08em;color:#698a9c;white-space:nowrap}.scene-toolbar-right button{width:30px;height:30px;border:1px solid var(--border);background:#152838;border-radius:4px;color:#b3d6db;display:grid;place-items:center}.scene-toolbar-right svg,.scene-bottom svg,.export-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.canvas-wrap{position:relative;min-height:600px;flex:1;overflow:hidden;background:radial-gradient(ellipse at 48% 46%,#173149,#071321 69%)}.canvas-wrap:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,16,26,.45),transparent 25%,transparent 72%,rgba(7,16,26,.45))}.canvas-wrap canvas{display:block;width:100%;height:100%;position:absolute;inset:0;cursor:grab;touch-action:none}.canvas-wrap canvas:active{cursor:grabbing}.scene-top-legend,.scene-bottom{position:absolute;z-index:2;left:18px;right:18px;display:flex;gap:18px;justify-content:space-between}.scene-top-legend{top:19px;justify-content:flex-start;color:#8ca9b7;font-size:9px;font-weight:750;letter-spacing:.09em}.legend-dot{width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:7px;background:var(--cyan);vertical-align:1px}.legend-dot.gold{background:var(--gold)}.legend-dot.aqua{background:var(--cyan)}.model-watermark{position:absolute;z-index:2;top:70px;right:20px;text-align:right;color:#a9cad630;font-size:52px;letter-spacing:-.08em;font-weight:900;pointer-events:none;line-height:.76}.model-watermark span{display:block;font-size:12px;letter-spacing:.19em;margin-top:15px}.scene-bottom{bottom:19px;color:#7496a8;font-size:9px;letter-spacing:.05em;font-weight:750}.scene-bottom span{display:flex;align-items:center;gap:7px}.scene-error{position:absolute;z-index:5;inset:18%;display:grid;place-items:center;color:#ffd3b3;background:#21191f;padding:30px;text-align:center}.scene-error[hidden]{display:none}.playback-bar{height:75px;border-top:1px solid var(--border);padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.transport{display:flex;gap:8px}.primary-action,.secondary-action{padding:12px 14px;border-radius:4px;font-weight:850;font-size:10px;letter-spacing:.08em}.primary-action{background:var(--cyan);border:1px solid var(--cyan);color:#0a2a2b;min-width:94px}.primary-action span:first-child{margin-right:7px;font-size:13px}.secondary-action{color:#b1ccd4;background:#172b39;border:1px solid #2f4c5a}.playback-center{text-align:center;color:#698a9c;font-size:9px;letter-spacing:.09em;line-height:1.9;font-weight:700}.playback-center b{display:block;color:#b8d7df;font-weight:700;font-variant-numeric:tabular-nums;font-size:15px}.time-control{display:flex;align-items:center;gap:9px;color:#7295a7;font-size:9px;font-weight:750;white-space:nowrap}.time-control select{background:#152b3b;color:var(--text);border:1px solid var(--border);padding:10px 6px;border-radius:4px}.telemetry-panel{display:flex;flex-direction:column}.diagnostic{border:1px solid #2b514d;background:linear-gradient(125deg,#113631,#10262d);padding:16px 15px;margin-top:18px}.diagnostic-label{font-size:9px;letter-spacing:.13em;color:#8ab5b1;font-weight:800;display:flex;justify-content:space-between}.drive-state{font-size:23px;font-weight:750;letter-spacing:-.035em;color:var(--cyan);margin:9px 0}.diag-detail{font-size:9px;color:#76a19f;letter-spacing:.07em;display:flex;justify-content:space-between}.diag-detail span{color:#b7e4d5}.energy-twin{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.energy-twin>div{background:#101f2e;padding:13px 10px;border:1px solid #294154;min-width:0}.energy-twin span{font-size:9px;color:#7fa1b4;font-weight:800;letter-spacing:.05em}.energy-twin strong{display:block;font-variant-numeric:tabular-nums;margin-top:10px;font-size:18px;white-space:nowrap}.energy-twin strong small{font-size:10px;color:#7fa1b4}.energy-line{display:block;margin-top:13px;height:2px;width:100%;opacity:.8}.cyan-bg{background:var(--cyan)}.amber-bg{background:var(--gold)}.power-chart-section{margin-top:21px}.mini-chart-header{margin:0 0 7px}.mini-chart-header b{color:#5b8495}#powerChart,#motionChart{display:block;width:100%;height:auto;aspect-ratio:2.7/1}.chart-legend{display:flex;gap:14px;color:#7793a5;font-size:9px;letter-spacing:.08em;font-weight:730;margin-top:4px}.measurements{border-top:1px solid var(--border);margin-top:23px;padding-top:6px}.measurements>div{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px dashed #294052;padding:12px 0;font-size:11px}.measurements span{color:#8aa5b6}.measurements strong{color:#cfe3e8;font-size:11px;font-variant-numeric:tabular-nums}.export-btn{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:15px 10px;border:1px solid #3f6c71;color:#9ce8dc;background:#17383c;border-radius:3px;font-size:10px;font-weight:800;letter-spacing:.06em}.export-btn span{margin-left:auto}.export-btn svg{margin-left:8px}.lower-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:13px;margin-top:13px}.lower-grid .panel{padding:20px 23px}.muted-heading{font-size:13px;font-weight:500;color:#668497}.mini-legend{display:flex;gap:18px;color:#8aa6b7;font-size:10px;font-weight:700;letter-spacing:.07em}.trend-panel canvas{margin-top:13px;height:150px;aspect-ratio:auto}.chart-x-label{text-align:right;color:#557789;font-size:9px;letter-spacing:.1em;margin-top:5px}.event-list{padding-top:7px}.event{display:flex;align-items:baseline;border-bottom:1px solid #263a4c;padding:14px 0;gap:13px}.event time{color:var(--cyan);font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:760}.event p{margin:0;font-size:11px;color:#a5bdc8}.ledger-footer{display:flex;justify-content:space-between;color:#5d8091;letter-spacing:.08em;font-size:9px;padding-top:18px;font-weight:700}.ledger-footer span{color:#8eacb4}footer{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#648397;border-top:1px solid #243848;margin:22px 0 0;padding:24px 0 30px;font-size:9px;font-weight:730;letter-spacing:.10em}.footer-brand{font-size:13px;font-weight:900;letter-spacing:.08em;color:#b5d8d8}@media(max-width:1330px){.layout-shell{padding:0 20px}.workbench{grid-template-columns:minmax(238px,260px) minmax(360px,1fr) minmax(220px,250px)}.panel{padding:15px}.stage-version{display:none}.canvas-wrap{min-height:545px}.playback-center{display:none}.headline-aside{display:none}.telemetry-panel .energy-twin{gap:5px}.energy-twin strong{font-size:15px}}@media(max-width:1040px){.workbench{grid-template-columns:minmax(225px,280px) minmax(350px,1fr)}.telemetry-panel{grid-column:1/-1;display:grid;grid-template-columns:1.05fr 1.05fr 1fr;column-gap:15px}.telemetry-panel>.panel-header{grid-column:1/-1}.diagnostic{grid-column:1}.energy-twin{grid-column:2}.power-chart-section{grid-column:3;grid-row:2/4}.measurements{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.export-btn{grid-column:3}.kpi{padding:14px}.kpi-main span{font-size:27px}}@media(max-width:720px){.layout-shell{padding:0 12px}.site-header{height:71px}.header-tag,.build-badge{display:none}.header-right{gap:4px}.headline{padding:24px 0}.headline p{font-size:12px}.kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.kpi{min-height:110px;padding:12px}.kpi-label{font-size:8px}.kpi-main span{font-size:25px}.kpi-foot{font-size:8px}.workbench{display:flex;flex-direction:column}.controls-panel{order:2}.scene-panel{order:1}.telemetry-panel{order:3;display:flex}.canvas-wrap{height:570px;min-height:400px;flex:none}.scene-top-legend{gap:8px;font-size:8px;flex-direction:column}.model-watermark{font-size:39px}.scene-bottom{font-size:8px}.scene-bottom span:last-child{display:none}.playback-bar{padding:0 9px;gap:6px}.time-control label{display:none}.lower-grid{grid-template-columns:1fr}.mini-legend{flex-direction:column;gap:5px}.floor-grid{grid-template-columns:repeat(6,1fr)}.range-control{max-width:600px}.telemetry-panel .energy-twin{margin-bottom:12px}.export-btn{margin-top:15px}footer{flex-wrap:wrap;line-height:1.6}.brand-lockup strong{font-size:14px}.brand-lockup small{font-size:7px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}