:root{color-scheme:dark;--bg:#07101a;--deep:#070e16;--panel:#101d29;--line:#223544;--text:#e8f0f5;--muted:#8296a6;--sub:#526d7d;--cyan:#45e1e7;--amber:#ffb753;--shine:#c1d6df;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{background:radial-gradient(ellipse at 50% 0%,#142535 0%,#09131f 43%,#07101a 85%)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}
.app-shell{max-width:1800px;margin:auto;min-height:100vh;padding:0 26px}.topbar{height:78px;border-bottom:1px solid #2a3a44;display:flex;align-items:center;justify-content:space-between;gap:20px}.branding,.header-actions{display:flex;align-items:center;gap:15px}.brand-mark{height:45px;width:45px;background:linear-gradient(145deg,#193541,#0b222e);display:grid;place-items:center;border:1px solid #376674;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.pulse-icon{color:var(--cyan);font-weight:bold;font-size:29px;transform:rotate(-12deg)}.eyebrow,.topline,.heading-kicker,.group-caption,.online,.chart-title,.footer,.param-label,.range-ends,.metric-kicker,.scene-vignette,.stage-overline,.timeline,.viewer-corner,.display-scale,.tower-tag,.signal-name,.section-label{letter-spacing:.09em}.eyebrow{font-size:10px;font-weight:700;color:#a3bac5}.slash,.accent{color:var(--cyan)}.version{color:var(--sub);padding-left:8px}.brand-title{font-size:22px;font-weight:800;letter-spacing:.025em;display:flex;align-items:baseline;gap:8px}.title-divider{height:15px;border-left:1px solid #556b77;margin:0 6px}.brand-subtitle{font-size:14px;font-weight:450;color:#c3ced6;letter-spacing:0}.online{font-size:10px;color:#b2c4cc;font-weight:700;white-space:nowrap}.online i,.live-dot{display:inline-block;width:7px;height:7px;background:#46d9ab;box-shadow:0 0 12px #46d9ab;border-radius:50%;vertical-align:middle;margin-right:6px}.header-actions button{border:1px solid #304653;background:#132532;color:#cadde4;height:36px}.icon-button{width:37px;font-size:24px}.secondary-button{padding:0 17px;font-size:10px;font-weight:800;letter-spacing:.09em}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:29px 1px 26px}.heading-kicker{font-size:10px;color:var(--cyan);font-weight:800}.dot{color:#6f8a99;margin:0 7px}h1{font-size:clamp(21px,2.1vw,33px);font-weight:720;letter-spacing:-.045em;margin:9px 0 7px}h1 em{font-style:normal;color:#6fe9e9}.heading-row p{color:#8ca4b2;font-size:12px;margin:0}.signal-mark{display:flex;align-items:center;gap:14px;color:var(--sub);padding-right:6px}.signal-slash{width:38px;height:24px;background:repeating-linear-gradient(120deg,transparent 0 4px,#1e5562 5px 7px,transparent 8px 10px);transform:skew(-9deg)}.signal-name{font-size:10px;line-height:1.7;white-space:nowrap}.signal-name strong{display:block;color:#c1d5dc}
.workbench{display:grid;grid-template-columns:288px minmax(440px,1fr) 266px;gap:12px;align-items:stretch}.panel,.stage-frame,.chart-panel{background:linear-gradient(145deg,#10212e,#0c1823);border:1px solid #293b49;box-shadow:0 12px 48px #00000022}.panel{padding:20px 18px 16px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #24394a;padding-bottom:19px;margin-bottom:21px}.topline{font-size:9px;color:var(--cyan);font-weight:800}.panel-head h2{font-size:17px;letter-spacing:-.035em;font-weight:650;margin:5px 0 0}.panel-symbol{font-size:23px;color:#678b9a}.group-caption{font-size:10px;color:#c2d4dc;font-weight:800;margin-bottom:15px;display:flex;justify-content:space-between}.section-label{color:#5c7989;font-size:9px}.wave-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#071723;padding:4px;border:1px solid #26414d;margin-bottom:22px}.mode-btn{padding:9px 3px;background:transparent;color:#718c9a;border:0;font-size:10px;font-weight:700}.mode-btn.selected{background:#193a45;color:var(--cyan);box-shadow:inset 0 0 0 1px #356b77}.param{margin-bottom:19px}.param-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:0;color:#a0b8c3;margin-bottom:10px}.param-value{color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:0;font-weight:800}input[type=range]{width:100%;height:4px;appearance:none;-webkit-appearance:none;border-radius:4px;outline:none;background:linear-gradient(to right,#36bfce 0% var(--pct,50%),#263c4b var(--pct,50%) 100%);cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border:2px solid #b2f7f8;border-radius:50%;background:#1a4d5c;box-shadow:0 0 0 3px #102733}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:2px solid #b2f7f8;border-radius:50%;background:#1a4d5c}.range-ends{display:flex;justify-content:space-between;color:#587283;font-size:9px;margin-top:7px;letter-spacing:0}.section-divider{border-top:1px solid #263a48;margin:19px 0 20px}.divider-soft{border-top:1px dashed #29404e;margin:20px 0 17px}.preset-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.preset-row button{background:#152b39;border:1px solid #2a4352;color:#aec4cc;padding:9px 3px;font-size:10px}.preset-row button:hover{color:var(--cyan);border-color:#4c8a91}.action-row{display:flex;gap:6px;margin-top:18px}.primary-button{flex:1;background:var(--cyan);border:none;height:42px;color:#082333;font-size:11px;font-weight:900;letter-spacing:.10em}.primary-button:hover{background:#84f4f2}.reset-button{width:46px;background:#203343;border:1px solid #365062;color:#d3e5ea;font-size:23px}
.stage-column{min-width:0;display:flex;flex-direction:column;gap:12px}.stage-frame{min-width:0}.stage-overline{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#a4c1cb;font-size:9px;font-weight:800;border-bottom:1px solid #243847}.model-status{color:#567488;white-space:nowrap}.model-status b{color:var(--cyan);margin:0 6px;font-size:8px}.viewer-wrap{height:clamp(335px,32vw,515px);position:relative;background:radial-gradient(ellipse at 50% 55%,#1a3445,#091827 64%,#07121d);overflow:hidden}#scene{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.scene-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 50px #070f1b90;background:linear-gradient(0deg,#060f1c66,transparent 22%,transparent 80%,#080f1b3e)}.tower-labels{position:absolute;top:17px;left:20px;right:20px;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.tower-tag{display:flex;align-items:center;gap:9px;letter-spacing:.09em;background:#081621b9;border:1px solid #25414dbb;padding:8px 11px}.tower-tag strong{font-size:9px;white-space:nowrap;display:block;color:#dcf3f5}.tower-tag small{font-size:8px;display:block;color:#7495a2;margin-top:5px}.tower-icon{font-size:18px;font-weight:800}.cyan{color:var(--cyan)}.amber,.amber-text{color:var(--amber)!important}.viewer-corner{position:absolute;bottom:16px;left:19px;display:flex;gap:13px;font-size:9px;color:#718a99;font-weight:700}.axis-mark{color:var(--cyan);font-size:11px}.display-scale{position:absolute;bottom:16px;right:17px;color:#638397;font-size:9px}.scene-error{position:absolute;top:25%;left:10%;width:80%;padding:25px;background:#302025;color:#ffdad6;border:1px solid #c96860;font-size:14px}.stage-toolbar{border-top:1px solid #293f50;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.timeline{font-size:10px;color:#8099aa;display:flex;align-items:center;gap:9px;font-weight:700}.timeline strong{color:#e8f2f4;font-family:ui-monospace,monospace;font-weight:700;font-size:12px}.clock-icon{font-size:19px;color:var(--cyan)}.timeline-sep{height:17px;border-left:1px solid #365063;margin:0 9px}.status-legend{display:flex;gap:15px;white-space:nowrap;font-size:9px;color:#91aabb;font-weight:800;letter-spacing:.06em}.swatch{height:8px;width:8px;display:inline-block;margin-right:4px}.cyan-bg{background:var(--cyan);box-shadow:0 0 9px #37deed44}.amber-bg{background:var(--amber);box-shadow:0 0 9px #ffb65040}
.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chart-panel{height:204px;min-width:0;padding:15px 14px 8px}.chart-title{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:9px;color:#e1eef4;font-weight:800;font-size:9px}.chart-title small{font-size:8px;color:#708d9c;white-space:nowrap}.chart-panel canvas{width:100%;height:145px;display:block}
.metric-hero{padding:17px 15px 13px;background:linear-gradient(120deg,#113a45,#132c39);border:1px solid #32606b;margin-bottom:15px}.metric-kicker{font-size:9px;color:#abced1;font-weight:800}.hero-number{margin:10px 0 3px;color:#55e5e5;display:flex;align-items:baseline;gap:4px}.hero-number strong{font-size:49px;line-height:1;font-weight:650;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.hero-number span{font-size:20px}.hero-explain{font-size:10px;color:#95b2b8;min-height:28px;margin-top:8px}.hero-underbar{height:4px;background:#31505b;overflow:hidden;margin-top:9px}.hero-underbar div{height:100%;width:0%;background:var(--cyan);transition:width .16s}.two-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini-metric{padding:11px 9px 7px;background:#0b1a26;border:1px solid #263b48}.mini-metric>span{font-size:8px;color:#849fac;letter-spacing:.05em;font-weight:800}.mini-metric>div{display:flex;align-items:baseline;gap:3px;margin-top:9px}.mini-metric b{font-size:18px;font-weight:690;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.mini-metric small{font-size:11px;color:#7c93a2}.cyan-line,.amber-line{display:block;height:2px;width:32px;background:var(--cyan);margin-top:11px}.amber-line{background:var(--amber)}.data-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #203544;padding:11px 0;font-size:11px;color:#93acb7}.data-row strong{white-space:nowrap;color:#e4f3f4;font-family:ui-monospace,Consolas,monospace;font-weight:700}.data-row small{font-size:9px;color:#7a97a3;font-family:Inter,sans-serif}.period-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#93a9b6;margin:13px 0}.period-row div{font-size:11px;color:#c4d6df;white-space:nowrap}.period-row strong{font-family:ui-monospace,monospace;font-size:13px}.info-card{background:#152735;border-left:2px solid #396e7b;padding:11px 11px 10px;margin-top:28px;display:flex;align-items:flex-start;gap:7px}.info-mark{color:var(--cyan);font-size:15px;font-family:Georgia,serif}.info-card p{margin:0;color:#93aeba;font-size:10px;line-height:1.55}.info-card strong{display:block;color:#d3e5ec;font-size:10px;margin-bottom:4px}.footer{min-height:54px;border-top:1px solid #233643;color:#577181;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:12px}.footer i{font-style:normal;margin:0 6px;color:#37677a}
@media(max-width:1320px){.workbench{grid-template-columns:264px minmax(360px,1fr) 238px}.app-shell{padding:0 15px}.panel{padding:15px 13px}.chart-title small{display:none}.tower-tag small{font-size:7px}.tower-tag strong{font-size:8px}.heading-row{padding:20px 0}.hero-number strong{font-size:42px}}
@media(max-width:1000px){.workbench{grid-template-columns:262px 1fr}.telemetry-panel{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:15px;align-items:start}.telemetry-panel>.panel-head{grid-column:1/-1;margin-bottom:0}.telemetry-panel>.section-divider{display:none}.metric-hero{grid-column:1;grid-row:2 / span 4}.two-metrics{grid-column:2}.telemetry-panel>.group-caption{grid-column:3;grid-row:2}.telemetry-panel>.data-row{grid-column:3}.telemetry-panel>.period-row,.telemetry-panel>.info-card{grid-column:2}.scene-labels{top:8px}}
@media(max-width:760px){.topbar{height:68px}.brand-title{font-size:18px}.brand-subtitle{font-size:11px}.brand-mark{height:38px;width:38px}.online,.signal-mark,.model-status{display:none}.heading-row{padding:18px 0}.heading-row p{line-height:1.5}.workbench{grid-template-columns:1fr}.controls-panel{display:block}.stage-column{grid-row:1}.viewer-wrap{height:370px}.telemetry-panel{grid-column:auto;display:block}.telemetry-panel>.panel-head{margin-bottom:20px}.telemetry-panel>.section-divider{display:block}.charts-grid{grid-template-columns:1fr 1fr}.chart-panel{height:180px}.chart-panel canvas{height:124px}.footer span:nth-child(2){display:none}}
@media(max-width:530px){.app-shell{padding:0 9px}.brand-subtitle{display:none}.brand-title{font-size:19px}.heading-row h1{font-size:24px}.topbar{gap:7px}.secondary-button{padding:0 9px}.secondary-button span{display:none}.viewer-wrap{height:300px}.tower-tag{gap:4px;padding:6px}.tower-tag strong{font-size:7px}.tower-tag small{font-size:6px}.viewer-corner{bottom:31px}.display-scale{left:19px;bottom:13px;right:auto}.stage-toolbar{flex-wrap:wrap}.charts-grid{grid-template-columns:1fr}.chart-panel{height:205px}.chart-panel canvas{height:152px}.footer{line-height:1.5;text-align:center;justify-content:center}.footer span:last-child{display:none}}