:root{color-scheme:dark;--bg:#07111b;--surface:#0b1723;--surface2:#101f2c;--edge:#203343;--muted:#6f8799;--text:#e4edf2;--aqua:#68dedb;--orange:#edac61;--green:#80dda6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text);overflow:hidden}button,input{font:inherit}button{cursor:pointer}.app-shell{display:flex;flex-direction:column;height:100vh;min-height:620px}.topbar{height:65px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 27px;border-bottom:1px solid var(--edge);background:#0a1520}.identity{display:flex;align-items:center;gap:12px}.hex-mark{display:flex;justify-content:center;align-items:center;font-size:33px;color:var(--aqua)}.identity-main{font-weight:850;font-size:18px;letter-spacing:.13em}.identity-sub{color:#a2cbd3;font-size:12px;letter-spacing:.16em;margin-left:9px;font-weight:550}.tag{font-size:9px;letter-spacing:.12em;color:#90aeb8;background:#162735;padding:8px 10px;border:1px solid #243e50}.top-center{font-size:10px;letter-spacing:.12em;color:#b3c1c9;display:flex;align-items:center;gap:13px;font-weight:700}.live-dot,.green-led{display:inline-block;width:7px;height:7px;border-radius:50%;background:#78e2a0;box-shadow:0 0 13px #78e2a0}.top-separator{height:15px;width:1px;background:#2e4252}.top-actions{display:flex;gap:7px}.btn{border:1px solid #284558;background:#172e3b;color:#e4f1f3;padding:9px 13px;font-size:11px;font-weight:750;letter-spacing:.055em;transition:.15s}.btn:hover,.zone:hover{border-color:#49949b;background:#183545}.btn.ghost{background:transparent;border:1px solid #314654}.btn.primary{background:var(--aqua);color:#04222a;border-color:var(--aqua)}.workspace{display:grid;grid-template-columns:280px minmax(340px,1fr) 338px;min-height:0;flex:1}.sidebar,.inspector{min-height:0;background:#091622}.sidebar{border-right:1px solid var(--edge)}.inspector{border-left:1px solid var(--edge)}.sidebar-inner,.inspector-inner{height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#375463 transparent}.sidebar-inner{padding:24px 16px 19px}.inspector-inner{padding:24px 18px 24px}.section-heading{display:flex;align-items:center;justify-content:space-between;font-weight:750;font-size:10px;letter-spacing:.15em;color:#98b2c0}.side-index,.small-note{color:#587586}.site-overview{padding:24px 13px 20px;border-bottom:1px solid var(--edge);margin:13px 0 22px;background:linear-gradient(135deg,rgba(20,48,57,.4),rgba(10,20,31,.1))}.overline{font-size:10px;letter-spacing:.11em;color:var(--aqua)}.site-title{font-size:33px;font-weight:800;letter-spacing:-.05em;line-height:1.11;margin:9px 0 17px}.site-title em{font-style:normal;color:#a1d9df}.site-meta{display:flex;gap:7px}.site-meta span{font-size:9px;color:#a9c6cf;background:#122b35;padding:7px 8px;border:1px solid #29515b;letter-spacing:.07em}.blueprint-line{height:2px;width:100%;background:linear-gradient(90deg,var(--aqua),transparent);margin:22px 0 10px}.site-overview p{font-size:11px;color:#809aaa;line-height:1.7;margin-bottom:0}.secondary{margin-bottom:14px}.zone-list{display:flex;flex-direction:column;gap:6px}.zone{display:flex;align-items:center;text-align:left;gap:10px;width:100%;padding:10px 11px;color:#bccbd4;background:transparent;border:1px solid transparent;transition:.14s}.zone.active{border:1px solid #2d6870;background:#14303a;color:#e2faf7}.zone-icon{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border:1px solid #29465b;color:#6dbcc8;font-size:19px;flex-shrink:0}.zone-name{font-size:12px;font-weight:750;line-height:1.45;flex:1}.zone-name small{display:block;font-weight:400;font-size:10px;color:#678797;margin-top:2px}.chev{color:#5b8191;font-size:13px}.side-actions{display:grid;grid-template-columns:1fr;gap:7px;margin:17px 8px}.action{width:100%;padding:12px}.action.subtle{background:transparent}.keyboard-help{margin:22px 8px;color:#57778a;letter-spacing:.12em;font-size:10px;line-height:1.9}.keyboard-help span{color:var(--orange)}.viewport-panel{display:flex;flex-direction:column;min-width:0;background:#07131e}.view-top{height:45px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #223749}.breadcrumbs{color:#6b8da0;font-size:10px;letter-spacing:.09em;font-weight:700}.breadcrumbs span{color:#385969;padding:0 8px}.breadcrumbs strong{color:#c8e3e6}.view-right{display:flex;gap:17px;align-items:center;color:#648597;font-size:9px;letter-spacing:.07em;font-weight:750}.tiny-status{color:#81cfa8}.green-led{height:5px;width:5px;margin-right:6px}.viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:radial-gradient(circle at 68% 30%,#224355,#0d1c29 70%)}#scene{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#scene:active{cursor:grabbing}.viewport-grad{pointer-events:none;position:absolute;left:0;right:0;height:100px}.viewport-grad.top{top:0;background:linear-gradient(180deg,rgba(4,15,25,.5),transparent)}.viewport-grad.bottom{bottom:0;background:linear-gradient(0deg,rgba(4,15,25,.73),transparent)}.viewport-foreground{pointer-events:none;position:absolute;inset:0;z-index:2}.floating-head{position:absolute;left:27px;top:22px;color:#c2dde3;letter-spacing:.12em;font-size:10px;font-weight:750;display:flex;gap:23px}.coord{color:#8fadb8;font-weight:450}.reticle{position:absolute;left:50%;top:50%;height:27px;width:27px;border:1px solid #9bc6ca50;border-radius:50%;transform:translate(-50%,-50%)}.reticle:before,.reticle:after{content:'';position:absolute;background:#badcdb8a}.reticle:before{height:1px;width:41px;top:12px;left:-8px}.reticle:after{width:1px;height:41px;top:-8px;left:12px}.reticle i{position:absolute;inset:11px;border-radius:50%;background:var(--aqua)}.view-bottom{position:absolute;bottom:19px;left:21px;right:21px;display:flex;justify-content:space-between;align-items:end}.view-key{display:flex;align-items:center;gap:12px;color:#9ebecb;font-size:9px;letter-spacing:.04em}.view-key .heading{color:var(--aqua);font-weight:800;letter-spacing:.1em}.view-key kbd{color:#ecf8f6;border:1px solid #4d7680;padding:3px 4px;margin-right:2px;font:inherit}.view-controls{display:flex;gap:5px;pointer-events:auto}.view-controls button{border:1px solid #567787aa;background:#102b39ba;color:#d3e7ea;font-size:18px;width:31px;height:31px}.telemetry-strip{height:85px;flex-shrink:0;border-top:1px solid #2e4c59;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#0a1b28}.telemetry-strip>div{display:flex;flex-direction:column;justify-content:center;padding:0 14px;border-right:1px solid #213848}.telemetry-strip>div:last-child{border:0}.tele-label{font-size:8px;color:#64869a;letter-spacing:.14em;font-weight:750}.telemetry-strip strong{display:block;font-size:19px;font-weight:750;letter-spacing:-.02em;margin-top:8px;white-space:nowrap}.telemetry-strip strong span{font-size:10px;font-weight:500;color:#7c9aa9;margin-left:5px}.telemetry-strip strong.engine-caption{font-size:14px;color:var(--aqua)}.metric-lead{background:linear-gradient(135deg,#102d39,#10202e 70%);padding:21px 17px 18px;margin-top:18px;border:1px solid #284b59}.metric-label{color:#80bfc5;font-size:9px;letter-spacing:.11em;font-weight:800;display:flex;justify-content:space-between}.metric-icon{font-size:17px;color:var(--green)}.big-number{font-size:40px;font-weight:800;letter-spacing:-.055em;margin:12px 0 6px;white-space:nowrap}.big-number span{font-size:12px;color:#9cc3c7;font-weight:500;margin-left:6px;letter-spacing:0}.mini-description{color:#8ca8b7;font-size:10px;line-height:1.6}.metric-gauge{height:4px;background:#193d47;margin-top:19px}.metric-gauge-fill{width:36%;height:100%;background:linear-gradient(90deg,#329fac,var(--aqua));transition:width .25s}.metrics-two{display:grid;grid-template-columns:1fr 1fr;margin-top:14px;gap:1px;background:#243a49;border:1px solid #243a49}.metric{padding:17px 11px;background:#0d1b29}.metric-title{font-size:9px;color:#7595a8;font-weight:700;letter-spacing:.06em}.metric-value{font-size:24px;font-weight:750;margin-top:7px}.metric-value span{font-size:10px;font-weight:450;color:#85a4b2;margin-left:4px}.metric-small{font-size:9px;color:#527487;margin-top:5px}.chart-box{margin:18px 0 24px;border-bottom:1px solid var(--edge);padding-bottom:16px}.chart-header{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a7c2cc;letter-spacing:.06em;font-weight:800}.chart-key{display:flex;align-items:center;gap:6px;font-size:8px;color:#7c9aaa}.chart-key i{width:6px;height:6px;border-radius:50%;background:var(--aqua)}.chart-key i:nth-of-type(2){background:var(--orange)}#trendCanvas{margin-top:13px;width:100%;height:92px}.chart-footer{display:flex;justify-content:space-between;font-size:8px;color:#607e90}.controls-head{margin-bottom:21px}.control-set{display:flex;flex-direction:column;gap:16px}.control>span:first-child{display:flex;align-items:center;justify-content:space-between;color:#b8cbd2;font-size:11px}.control strong{color:var(--aqua);font-weight:800}.control input[type=range]{appearance:none;width:100%;height:4px;background:#264454;border-radius:5px;outline:0;margin:13px 0 3px;accent-color:var(--aqua)}.control input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:#8de9e3;border:2px solid #10434e;box-shadow:0 0 0 2px #4fa5ae;cursor:ew-resize}.range-caption{font-size:9px;color:#547a8d}.advanced{border-top:1px solid var(--edge);padding-top:12px}.advanced summary{display:flex;justify-content:space-between;list-style:none;font-size:10px;color:#8caab8;letter-spacing:.06em;cursor:pointer;margin-bottom:14px}.advanced .control{display:block;margin-top:14px}.status-note{font-size:10px;color:var(--green);padding:13px 9px;margin-top:23px;background:#12312d;border:1px solid #24544d}.status-note.warning{color:#f6c18d;background:#30291c;border-color:#55452c}.footer{height:31px;flex-shrink:0;background:#08131e;border-top:1px solid var(--edge);display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:9px;color:#628196;letter-spacing:.07em}.footer-sep{padding:0 14px;color:#365469}.status-square{display:inline-block;width:5px;height:5px;background:var(--green);margin-right:6px}.error-overlay{position:absolute;inset:0;z-index:6;background:#06111de8;display:flex;align-items:center;justify-content:center;padding:28px;text-align:center;color:#f7d7b1;line-height:1.65}.error-overlay[hidden]{display:none}dialog{max-width:min(96vw,1140px);width:100%;background:#091723;border:1px solid #30616b;color:var(--text);padding:26px 31px;box-shadow:0 25px 80px #000b}dialog::backdrop{background:#01070ad9}.modal-top{display:flex;justify-content:space-between;color:var(--aqua);font-size:10px;letter-spacing:.12em}.modal-close{color:white;border:0;background:none;font-size:23px}dialog h2{font-size:27px}dialog p{color:#83a3b1}dialog img{width:100%;max-height:55vh;object-fit:contain;border:1px solid #263d4c}dialog .modal-note{font-size:12px;line-height:1.7;color:#a1bac6;margin:14px 0 20px}#toast{position:fixed;bottom:49px;left:50%;transform:translate(-50%,30px);pointer-events:none;padding:12px 17px;background:#153d47;border:1px solid #407d84;color:white;font-size:12px;opacity:0;transition:.3s;z-index:10}#toast.visible{opacity:1;transform:translate(-50%,0)}@media(max-width:1450px){.workspace{grid-template-columns:235px minmax(320px,1fr) 302px}.identity-sub{display:none}.tag{display:none}.sidebar-inner,.inspector-inner{padding-left:12px;padding-right:12px}.view-key{gap:8px}.view-right #qualityLabel{display:none}}@media(max-width:980px){.workspace{grid-template-columns:195px minmax(320px,1fr)}.inspector{display:none}.top-center{display:none}.sidebar-inner{padding:14px 9px}.site-title{font-size:26px}}@media(max-width:600px){.workspace{grid-template-columns:1fr}.sidebar{display:none}.identity-main{font-size:14px}.topbar{padding:0 10px}.top-actions .btn{font-size:10px;padding:8px}.footer-left{font-size:7px}.footer-right{display:none}.view-key span:not(.heading){display:none}.telemetry-strip{grid-template-columns:repeat(3,1fr)}.telemetry-strip>div:nth-child(n+4){display:none}}