:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#e5eced;background:#0a141b;font-size:13px;font-synthesis:none;--mint:#4cdbbd;--amber:#f6b45e}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input{font:inherit}button{cursor:pointer}#app{height:100vh;min-height:500px;width:100%;display:flex}.stage{position:relative;flex:1;min-width:0;background:radial-gradient(circle at 48% 47%,#2c4455,#07131d 70%);overflow:hidden}#viewport{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#viewport:active{cursor:grabbing}.vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(to bottom,rgba(3,9,15,.58),transparent 24%,transparent 72%,rgba(3,8,12,.88)),linear-gradient(90deg,rgba(3,10,17,.36),transparent 40%,transparent 70%,rgba(3,10,17,.21))}.topbar{position:absolute;z-index:1;top:0;left:0;right:0;display:flex;align-items:center;gap:24px;padding:22px 31px}.brandmark{display:flex;align-items:center;gap:11px;white-space:nowrap}.mark{height:42px;width:42px;display:grid;place-items:center;font-size:28px;letter-spacing:-5px;padding-right:8px;font-weight:900;border:2px solid var(--amber);transform:skew(-8deg);color:var(--amber)}.markdot{font-size:9px;letter-spacing:0;margin-left:1px;color:var(--mint)}.brandmark b{display:block;font-size:16px;letter-spacing:1.8px;font-weight:800}.accent{color:#f7b463}.brandmark small{display:block;color:#9dadb1;letter-spacing:2.45px;font-size:7px;margin-top:4px}.divider-top{height:30px;width:1px;background:#435360}.productid{font-size:9px;letter-spacing:1.2px;color:#acb9c0;display:flex;gap:16px;align-items:center;white-space:nowrap}.productid strong{color:#d5e1e1;font-weight:500}.pill{border:1px solid #4d645e;border-radius:5px;padding:7px 9px;color:#68e7c6;font-size:9px}.online-dot,.status-live i{height:7px;width:7px;border-radius:50%;background:#49f5b5;display:inline-block;box-shadow:0 0 11px #33b99c;margin-right:6px}.topright{display:flex;gap:8px;margin-left:auto}.smallbutton{background:#10232c9e;color:#d0dce0;border:1px solid #40515b;border-radius:4px;padding:11px 15px;font-weight:800;font-size:10px;letter-spacing:1.2px}.smallbutton:hover,.camerab:hover{border-color:var(--mint);color:var(--mint)}.side-label{position:absolute;top:123px;left:37px;max-width:600px;text-shadow:0 2px 18px #07121b}.micro-index{letter-spacing:2.2px;font-weight:700;font-size:10px;color:#56d5c0}.side-label .micro-index{color:#e0a65b}.side-label h1{font-weight:900;font-size:clamp(34px,4.8vw,65px);line-height:.98;letter-spacing:-2.8px;margin:16px 0 10px}.side-label h1 span{color:var(--amber)}.side-label h1 small{display:block;margin-top:10px;font-weight:400;font-size:24px;letter-spacing:9px;color:#bac7ce}.sub-label{font-size:11px;font-weight:700;letter-spacing:2px;line-height:1.6;color:#d5d7d4}.edition{font-size:9px;letter-spacing:2px;color:#8198a1;margin-top:10px}.edition span{color:var(--amber);padding:0 5px}.hero-number{position:absolute;left:39px;bottom:102px;color:#f8f8f2;font-size:64px;font-weight:300;letter-spacing:-4px;line-height:.95;text-shadow:0 2px 12px #06121b}.hero-number>span{font-size:31px;color:var(--amber);letter-spacing:0;margin-left:4px}.hero-number small{display:block;font-size:10px;letter-spacing:2px;font-weight:700;margin-top:14px;color:#a9bec2}.camtools{position:absolute;right:21px;bottom:90px;display:flex;flex-direction:column;gap:6px;width:116px}.cam-heading{font-size:9px;letter-spacing:1.1px;text-align:center;color:#b8cbd0;margin-bottom:8px}.camerab{background:#0d1f28cb;border:1px solid #40535c;color:#bacbd0;border-radius:3px;padding:10px 4px;font-size:9px;font-weight:700;letter-spacing:.75px}.camerab.active{border-color:#69d6c3;background:#1b3d42dd;color:#80f5d5}.hintbar{position:absolute;bottom:49px;left:38px;display:flex;gap:25px;letter-spacing:1px;color:#b7c9c5;font-size:9px}.statusbar{position:absolute;bottom:0;left:0;right:0;min-height:39px;padding:12px 35px;display:flex;gap:30px;align-items:center;background:#071119cf;border-top:1px solid #2b4750;color:#92a6aa;font-size:9px;letter-spacing:1.2px}.status-live{color:#67dfb9}.status-live i{width:6px;height:6px}.statusbar b{color:#edf7f3}.panel{width:345px;flex:0 0 345px;background:linear-gradient(160deg,#101d25,#0c151d);border-left:1px solid #2d4650;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#344e58 transparent}.panel-top{padding:25px 22px 21px;border-bottom:1px solid #34444a}.panel-serial{font-weight:900;letter-spacing:-.4px;font-size:25px;margin-top:9px;display:flex;justify-content:space-between}.panel-serial span{border:1px solid #4b5b62;color:#a7bdc1;font-size:10px;font-weight:600;padding:6px 9px;align-self:center;letter-spacing:1px}.metric-group{padding:20px 21px 11px}.sectiontitle{font-size:10px;letter-spacing:1.15px;color:#d7e5e2;font-weight:800;display:flex;justify-content:space-between;gap:5px}.sectiontitle span{font-size:8px;letter-spacing:.9px;font-weight:600;color:#6d858e}.metrics{display:grid;grid-template-columns:1fr 1fr;margin-top:14px;gap:1px;background:#284048}.metric{background:#14232c;padding:16px 13px 12px;min-height:87px}.metric span{display:block;color:#98acb5;font-size:9px;letter-spacing:1px}.metric b{font-size:27px;letter-spacing:-1px;color:#e4f0e9;font-weight:700;margin-top:9px;display:inline-block}.metric small{font-size:9px;color:#70cabb;margin-left:5px}.graphbox{margin:3px 21px 0;background:#112630;border:1px solid #2a424d;padding:13px 11px 10px}.graphtop{display:flex;justify-content:space-between;color:#dae3e3;font-size:9px;letter-spacing:.8px;font-weight:700}.graphtop small{color:#71939a}.graphtop b{color:#75e4bf;font-size:10px}#trace{height:83px;width:100%;margin-top:8px}.axis{display:flex;justify-content:space-between;color:#6a858f;font-size:8px;letter-spacing:1px}.controls-title{margin:22px 21px 13px}.sliders{padding:0 21px}.control{margin:0 0 12px}.slider-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.1px;color:#b3c5cb;font-weight:700}.slider-title output{color:#c9f4e7;font-size:12px;letter-spacing:0}input[type=range]{appearance:none;width:100%;height:3px;background:#344a51;margin:15px 0 4px;cursor:pointer;outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#73efd0;border:2px solid #e9fff7;box-shadow:0 0 0 3px #265354}input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#73efd0;border:2px solid #e9fff7}.endpoints{display:flex;justify-content:space-between;font-size:8px;color:#748e95;letter-spacing:.5px}.layers-title{margin:4px 21px 10px}.toggles{padding:0 21px}.toggles label{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #243944;font-size:10px;color:#bdc8ce;letter-spacing:.65px;font-weight:700;cursor:pointer}.toggles input{position:absolute;opacity:0;pointer-events:none}.ticon{color:#6fa4a9;font-style:normal;margin-right:8px;font-size:15px}.switch{height:17px;width:32px;border-radius:12px;border:1px solid #49616b;background:#253b47;position:relative;flex-shrink:0}.switch:before{content:'';position:absolute;left:3px;top:3px;height:9px;width:9px;border-radius:50%;background:#8ca0a5;transition:.2s}.toggles input:checked+.switch{border-color:#4bc9a9;background:#245e58}.toggles input:checked+.switch:before{left:17px;background:#67f6ca}.toggles input:focus-visible+.switch{outline:2px solid #fff}.actions{padding:18px 21px 13px;display:flex;gap:8px}.runbutton{flex:1;padding:15px 10px;background:#e6a95c;border:1px solid #ffbf78;border-radius:3px;color:#1b2326;font-size:10px;letter-spacing:1px;font-weight:900}.runbutton:hover{filter:brightness(1.1)}.resetbutton{width:47px;color:#c5d2d4;background:#20343e;border:1px solid #435866;border-radius:3px;font-size:23px}.resetbutton:hover{color:#fff}.panel-footer{padding:13px 21px 20px;border-top:1px solid #2b4149;display:flex;gap:8px;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#74878e}.panel-footer b{color:#a9bac1}.footer-note{font-size:8px;color:#556f77;letter-spacing:.6px;line-height:1.5;flex-basis:100%;text-align:right}.panel-footer{flex-wrap:wrap}dialog{border:1px solid #4a6971;background:#0f202b;color:#e6eeea;max-width:min(480px,92vw);box-shadow:0 15px 90px #000b;padding:25px;border-radius:6px}dialog::backdrop{background:#02090dd6;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{font-size:27px;margin:10px 0}.dialog-head button{align-self:flex-start;border:0;background:#253842;color:#c6d7d7;padding:9px 12px}dialog p{color:#abc0c3;line-height:1.6}.spec-list{margin:20px 0;border-top:1px solid #36515b}.spec-list div{display:flex;justify-content:space-between;border-bottom:1px solid #2c414a;padding:10px 0;gap:10px}.spec-list span{color:#98aeb3}.spec-list b{text-align:right}.disclaimer{font-size:11px}.dialog-ok{width:100%}.fatal{position:absolute;top:20px;left:30%;padding:30px;background:#442027;color:#fff;z-index:100;border:1px solid #e95858}[hidden]{display:none!important}@media (max-width:1170px){.panel{width:305px;flex-basis:305px}.topbar{gap:12px}.productid{display:none}.side-label h1{font-size:44px}.side-label{top:125px}.hero-number{font-size:49px}.hintbar{gap:10px}}@media (max-width:750px){html,body{overflow:auto}#app{height:auto;min-height:100vh;flex-direction:column}.stage{width:100%;height:62vh;min-height:410px;flex:none}.panel{width:100%;flex:none;max-height:none;overflow:visible}.side-label{top:95px;left:18px}.side-label h1{font-size:36px}.side-label h1 small{font-size:17px}.sub-label{font-size:8px;max-width:300px}.edition{font-size:8px}.hero-number{font-size:43px;left:18px;bottom:77px}.camtools{right:9px;bottom:74px;width:90px}.camerab{padding:7px 0;font-size:8px}.topbar{padding:13px 15px}.brandmark b{font-size:12px}.mark{width:32px;height:32px;font-size:22px}.topright .smallbutton{padding:9px;font-size:9px}.divider-top{display:none}.hintbar{display:none}.statusbar{font-size:7px;gap:9px;padding:10px}.panel-top{padding-top:22px}}