:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif;--line:#244253;--bg:#071320;--accent:#62dcf4;--muted:#829aac;--text:#e7f5fd}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#040c15;color:var(--text)}button,input{font:inherit}button{cursor:pointer}#viewport{display:block;width:100%;height:100%;touch-action:none}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:100;background:radial-gradient(circle at 50% 48%,#143d4e,#020710 65%);transition:opacity .6s}#loading.hidden{opacity:0;pointer-events:none}.load-frame{text-align:center;width:min(480px,90vw)}.eyebrow,.section-label{letter-spacing:1.7px;font-size:10px;font-weight:800;color:#54b9c9}.load-frame h1{letter-spacing:2px;font-size:48px;margin:18px 0 8px}.load-frame h1 span{color:#62dcf4;font-size:24px}.load-frame p{font-size:13px;color:#98b7c2}.load-frame small{color:#77909b}.load-track{height:3px;background:#20404b;margin:32px 0 15px}.load-track div{height:100%;width:0;background:#5ce3f5;transition:width .2s;box-shadow:0 0 12px #67e7ff}.topbar{position:absolute;top:0;left:0;right:0;height:76px;background:linear-gradient(180deg,#06121eed,#0a1d2bcf);border-bottom:1px solid #284453;display:flex;align-items:center;padding:0 25px;gap:16px;z-index:10;backdrop-filter:blur(15px)}.logo-mark{border:1px solid #52a7b6;background:#143645;color:#dffaff;padding:10px 12px;font-size:20px;font-weight:900}.logo-mark span{color:#64e6f3;font-size:16px}.branding{display:flex;flex-direction:column;gap:4px;letter-spacing:1px}.branding strong{font-size:15px}.branding strong span{color:#66d8ec}.branding small{color:#6998ab;font-size:9px;letter-spacing:1.7px}.pill{font-size:10px;border:1px solid #1c755e;background:#0f3a32;padding:9px 11px;border-radius:2px;color:#8ff6c2;letter-spacing:1px;font-weight:800;margin-left:24px}.pill.alert{border-color:#b16a35;color:#ffbb83;background:#533019}.pip,.live-dot,.cyan-dot{display:inline-block;border-radius:50%;width:6px;height:6px;background:#40ebb5;box-shadow:0 0 9px currentColor;margin-right:5px}.top-metrics{display:flex;gap:42px;margin-left:auto}.top-metrics>div{display:flex;flex-direction:column;gap:4px}.top-metrics label{font-size:9px;color:#8ea7b5;letter-spacing:1px}.top-metrics b{font-size:18px;font-variant-numeric:tabular-nums}.top-metrics b small{color:#8ea7b5;font-size:11px;font-weight:500}.panel{background:linear-gradient(130deg,#0a1c29f2,#091624f2);border:1px solid #294558;backdrop-filter:blur(12px);box-shadow:0 10px 40px #0008}.left-panel,.right-panel{position:absolute;top:92px;z-index:12;padding:19px}.left-panel{left:16px;width:235px}.right-panel{right:16px;width:291px}.section-label{display:block;margin:4px 0 14px}.camera-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:23px}.cam{background:#11283a;border:1px solid #254454;color:#99b8c5;padding:10px 6px;font-size:19px;min-height:59px;display:flex;align-items:center;flex-direction:column;gap:3px}.cam span{font-size:10px}.cam.active,.cam:hover,.quality button.active{border-color:#5be0f4;color:#c9f7ff;background:#164459}.wide{width:100%;padding:11px 10px;display:flex;justify-content:space-between;text-align:left;margin:6px 0;background:#122739;border:1px solid #2c485b;color:#d4eaf2;font-size:10px;letter-spacing:.5px}.wide span{color:#64dcf3}.quality{display:flex;gap:5px;margin-bottom:15px}.quality button{flex:1;background:#102535;color:#92aebb;border:1px solid #28475a;padding:9px 3px;font-size:10px}.hint{line-height:2;font-size:10px;color:#91acb8;padding:12px 0 0;border-top:1px solid #20394a}.hint b{color:#dfecf3}.panel-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #234054;padding-bottom:15px;margin-bottom:17px}.panel-title .section-label{margin:0 0 5px}.panel-title h2{font-size:17px;margin:0}.panel-title .live-dot{height:9px;width:9px}.system{margin:18px 0 20px}.control-row{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-bottom:10px}.control-row label{font-size:9px;letter-spacing:.5px;color:#bbd1de;font-weight:800}.control-row output{font-size:11px;font-variant-numeric:tabular-nums;color:#6ae1f4;white-space:nowrap}input[type=range]{width:100%;accent-color:#66d7ec;cursor:pointer}.ruler{display:flex;justify-content:space-between;color:#608395;font-size:9px}.blockheading{font-size:10px;letter-spacing:1.2px;color:#7fbed0;padding:12px 0;border-bottom:1px solid #244052;font-weight:800}.sys-status,.switch-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #1d3546;align-items:center;gap:8px}.sys-status span,.switch-row label{font-size:9px;letter-spacing:.4px;color:#9aafbd}.sys-status strong{font-size:9px;letter-spacing:.4px;color:#78deb7}.sys-status strong.warning{color:#ffa66b}.switch-row input{accent-color:#60e3b2}.actions{display:flex;gap:8px;margin-top:18px}.actions button{padding:11px 8px;background:#112b3d;color:#d3eaf0;border:1px solid #3e6475;font-size:10px;font-weight:800;flex:1}.actions .primary{flex:1.6;background:#17627a;border-color:#55d4ef;color:#e5fcff}.alarm{font-size:10px;line-height:1.6;color:#86a5b2;margin:17px 0 0}.inspector{position:absolute;bottom:51px;left:270px;z-index:13;width:310px;padding:16px}.inspector-head{display:flex;justify-content:space-between;color:#5fdff1;font-size:10px;letter-spacing:1px}.inspector-head button{background:none;border:0;color:#e8ffff;font-size:20px}.inspector h3{font-size:17px;margin:13px 0}.inspector p{font-size:12px;line-height:1.65;color:#afc7d4}.inspector dl{display:grid;grid-template-columns:1fr 2fr;gap:9px;font-size:10px;border-top:1px solid #264555;padding-top:13px}.inspector dt{color:#779eaa}.inspector dd{margin:0;color:#6fe1be}.bottom{position:absolute;bottom:0;left:0;right:0;height:35px;background:#071521e9;border-top:1px solid #26404e;z-index:11;display:flex;justify-content:space-between;align-items:center;padding:0 20px;letter-spacing:1px;color:#87a5b4;font-size:9px}.bottom>div{display:flex;align-items:center;gap:11px}.bottom i{height:13px;width:1px;background:#345162}.cyan-dot{background:#62dff5}@media(max-width:1050px){.top-metrics{gap:16px}.left-panel{width:190px;padding:10px}.right-panel{width:235px;padding:12px}.camera-grid{gap:4px}.topbar{padding:0 9px}.pill{margin-left:1px}.branding small{display:none}.inspector{left:214px}}@media(max-width:730px){.top-metrics,.pill{display:none}.topbar{height:58px}.branding strong{font-size:12px}.left-panel{top:67px;width:160px;left:7px}.right-panel{top:67px;right:7px;width:192px;max-height:calc(100vh - 112px);overflow-y:auto}.cam{min-height:46px;font-size:15px}.cam span{font-size:9px}.left-panel .hint{display:none}.right-panel .system{margin:8px 0}.right-panel .system:nth-of-type(4){display:none}.inspector{left:8px;bottom:40px;max-width:calc(100vw - 16px)}.bottom>div:last-child{display:none}}