:root{color-scheme:dark;--bg:#06111a;--surface:#0c1924;--surface2:#112331;--line:#1b3341;--muted:#8195a4;--white:#e3f3f4;--cyan:#7bdee7;--gold:#e8b76b;font-family:Manrope,Inter,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);height:100%;color:var(--white)}body{overflow:hidden}button,input{font:inherit}button{cursor:pointer}#application{display:flex;flex-direction:column;height:100vh;min-height:630px}.header-bar{height:72px;background:#08141e;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid var(--line);flex:none;gap:20px}.brand-lockup{display:flex;align-items:center;gap:16px;min-width:310px}.brand-mark{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border:1px solid #3f8192;border-radius:50%;font-size:27px;color:var(--cyan);line-height:1}.small-title,.eyebrow,.panel-eyebrow,.control-header,.field-header,.head-stat,.footer-bar,.coordinate-badge,.scene-bottomline,.inspect-state,.inspect-kicker,.spec-line,.graph-top,.graph-foot,.stat-grid span,.station-readout span,.camera-grid button,.dual-buttons button,.thin-button,.brand-name span,.disclaimer{font-family:'DM Mono','Courier New',monospace;letter-spacing:.09em}.small-title{font-size:9px;color:#729aac;letter-spacing:.17em}.brand-divider{padding:0 8px;color:#315566}.brand-name{margin-top:3px;font-size:19px;font-weight:800;letter-spacing:-.03em}.brand-name span{color:#719aa9;font-size:13px;font-weight:500;letter-spacing:0}.header-stats,.header-right{display:flex;align-items:center;gap:27px}.head-stat{font-size:10px;color:#a8c4cb;white-space:nowrap;display:flex;align-items:center;gap:8px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%}.online{background:#7fe7bb;box-shadow:0 0 10px #40ce91}.secondary{background:#d7a774}.header-right{font:10px 'DM Mono',monospace;color:#9ab5c0}.thin-button{border:1px solid #2e596c;background:#112734;color:#b6d8df;border-radius:5px;padding:10px 12px;font-size:10px}.thin-button:hover,.dual-buttons button:hover,.camera-grid button:hover{border-color:#83d7df;color:#edffff}.main-content{display:grid;grid-template-columns:minmax(300px,1fr) 300px 304px;min-height:0;flex:1}.main-content>aside{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#2d4f5c transparent}.control-column{background:#0a1822;padding:25px 23px;border-left:1px solid #1e3542}.detail-column{padding:25px 20px;background:#0c1b26;border-left:1px solid #1e3542}.panel-eyebrow{font-size:9px;color:var(--cyan);font-weight:500}.panel-title{font-size:21px;letter-spacing:-.045em;margin:9px 0 25px;font-weight:800}.panel-title span{float:right;color:var(--cyan);font-size:18px;font-weight:400}.field-header{font-size:9px;color:#7696a5;margin-bottom:13px;display:flex;justify-content:space-between;gap:7px}.field-header span:last-child{color:var(--cyan)}.segmented{display:flex;background:#09151e;border:1px solid #23404d;border-radius:5px;padding:3px;gap:2px}.segmented button{min-width:0;flex:1;border:0;background:transparent;color:#6c91a2;font:9px 'DM Mono',monospace;padding:10px 2px;border-radius:4px}.segmented button.active,.camera-grid button.active{color:#d4fcff;background:#193b47;box-shadow:inset 0 0 0 1px #2d8190}.section-divider{height:1px;background:var(--line);margin:23px 0}.control-header{display:flex;justify-content:space-between;align-items:center;margin-top:23px;margin-bottom:13px;font-size:10px;color:#8ba5b2}.control-header strong{color:#dff2ee;letter-spacing:.025em;font-size:11px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:3px;border-radius:10px;background:linear-gradient(to right,#45aebd,#214552);outline:none;margin:0;display:block;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border:3px solid #d7feff;background:#2a8398;border-radius:50%;box-shadow:0 0 0 3px #11313d}input[type=range]::-moz-range-thumb{width:11px;height:11px;background:#d7feff;border-radius:50%;border:2px solid #298a98}.switch-list{display:flex;flex-direction:column;gap:16px}.switch-list label{display:flex;align-items:center;justify-content:space-between;color:#b9ccd3;font-size:11px;cursor:pointer;gap:9px}.switch-list input{opacity:0;position:absolute;pointer-events:none}.switch-list i{display:block;position:relative;flex:none;width:29px;height:16px;border-radius:12px;background:#284451;transition:background .2s}.switch-list i:after{content:'';position:absolute;left:3px;top:3px;width:10px;height:10px;border-radius:50%;background:#93b0b9;transition:transform .2s}.switch-list input:checked+i{background:#367889}.switch-list input:checked+i:after{transform:translateX(13px);background:#d5ffff}.switch-list input:focus-visible+i{outline:2px solid #a2eefa;outline-offset:3px}.primary-button{display:block;margin-top:24px;width:100%;height:41px;background:#8ae1e5;color:#08232c;border:0;border-radius:5px;font-size:11px;font-weight:800;letter-spacing:.09em}.primary-button:hover{background:#c3fbff}.dual-buttons{display:flex;gap:7px;margin-top:9px}.dual-buttons button{flex:1;font-size:9px;background:transparent;border:1px solid #315365;border-radius:5px;color:#91bac6;height:37px}.frequency-graph{border:1px solid #21404e;border-radius:5px;background:linear-gradient(180deg,#102733 0,#0d1c29 100%);padding:13px 12px 9px;margin-bottom:16px}.graph-top,.graph-foot{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#7399a9}.graph-top span{color:#a0eee0}.graph-top span:before{content:'●';margin-right:6px}.frequency-graph svg{width:100%;height:98px;margin:8px 0 2px;overflow:visible;filter:drop-shadow(0 0 3px #44d2df55)}.graph-foot span:last-child{color:#c9f9f7}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#203746;border:1px solid #203746;border-radius:4px;overflow:hidden}.stat-grid>div{background:#0d1d2a;min-height:73px;padding:13px 10px 12px}.stat-grid span{display:block;font-size:8px;color:#7399aa;line-height:1.5;margin-bottom:11px}.stat-grid strong{font:500 17px 'DM Mono',monospace;letter-spacing:-.045em;color:#e2f6f7}.station-readout{display:flex;align-items:center;justify-content:space-between;margin-top:13px;background:#10232d;border:1px solid #294858;padding:12px;font-size:10px}.station-readout span{font-size:9px;color:#8ca9b1}.station-readout strong{color:#b0f7ef;font:500 13px 'DM Mono',monospace}.inspect-state{color:#98d2d1;font-size:8px;margin-bottom:15px}.inspect-state:before{content:'◉';margin-right:8px;color:#56c1a3}.inspect-kicker{color:#ccaa7b;font-size:8px;margin-bottom:8px}.detail-column h2{font-size:17px;margin:0;font-weight:800;letter-spacing:-.03em}.detail-column p{font-size:11px;line-height:1.8;color:#8da7b4;margin:11px 0 15px}.spec-line{display:flex;gap:8px;justify-content:space-between;align-items:center;font-size:8px;color:#618c9b;padding:12px 0;border-top:1px solid #25404c}.spec-line strong{font-size:9px;color:#c1e1e5;letter-spacing:0;text-align:right}.camera-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.camera-grid button{border:1px solid #2b4c59;background:#102432;border-radius:4px;color:#8eb2c0;min-height:34px;font-size:9px}.detail-column .disclaimer{font-size:8px;line-height:1.8;color:#668798;margin-top:26px}.footer-bar{height:35px;display:flex;justify-content:space-between;align-items:center;background:#06121b;border-top:1px solid #1d3642;padding:0 25px;color:#5c8292;font-size:8px;flex:none;gap:15px}#viewport{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 45% 44%,#203948,#071521)}#viewport canvas{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:grab}.scene-topline,.scene-bottomline,.scene-caption{position:absolute;z-index:2;pointer-events:none}.scene-topline{top:24px;left:25px;right:25px;display:flex;justify-content:space-between;gap:10px}.coordinate-badge{background:#071722ad;border:1px solid #345165ba;color:#92bbc6;border-radius:3px;padding:8px 10px;font-size:9px;white-space:nowrap}.scene-caption{left:31px;bottom:104px;text-shadow:0 2px 11px #091720c7;max-width:430px}.scene-caption .eyebrow{color:#8cdae0;font-size:10px;margin-bottom:12px}.scene-caption h1{margin:0;font-size:clamp(27px,3.3vw,58px);font-weight:800;line-height:1.05;letter-spacing:-.08em}.scene-caption h1 span{color:#88eaeb}.scene-caption p{font-size:12px;max-width:310px;line-height:1.8;color:#b8d4d7}.scene-bottomline{bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;gap:10px;color:#8fb6c0;font-size:8px}.crosshair{color:#a9f6f3;font-size:16px;vertical-align:middle;margin-right:5px}.scene-bottomline #asset-status{white-space:nowrap;color:#a6e8e3}#loading-screen{position:absolute;inset:0;background:#071521;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-size:12px;color:#c9eeee;gap:10px}#loading-screen.hidden{display:none}.load-icon{font-size:45px;color:#9ee5eb;animation:spin 3s linear infinite}#loading-screen p{color:#88a5af;font-size:11px;max-width:360px;line-height:1.6}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1380px){.main-content{grid-template-columns:minmax(280px,1fr) 274px 268px}.control-column{padding:21px 16px}.detail-column{padding:21px 15px}.header-stats{gap:12px}.scene-caption{bottom:95px}}@media(max-width:1050px){body{overflow:auto}#application{height:auto;min-height:100vh}.main-content{grid-template-columns:1fr 1fr;grid-template-rows:minmax(500px,64vh) auto}#viewport{grid-column:span 2}.control-column{border-left:0}.detail-column{border-left:1px solid var(--line)}.header-stats{display:none}.footer-bar span:nth-child(2){display:none}}@media(max-width:620px){.header-bar{padding:0 12px;height:65px}.brand-lockup{gap:9px;min-width:0}.brand-mark{height:30px;width:30px;font-size:18px}.brand-name{font-size:15px}.brand-name span{font-size:10px}.small-title{font-size:7px}.header-right{gap:7px}.header-right .optional{display:none}.main-content{display:block}#viewport{height:57vh;min-height:410px}.control-column,.detail-column{padding:24px 20px}.scene-topline{left:12px;right:12px;top:12px}.coordinate-badge{font-size:7px;padding:6px}.coordinate-badge:last-child{display:none}.scene-caption{left:18px;bottom:63px}.scene-caption p{font-size:10px;max-width:240px}.scene-bottomline{left:15px;right:15px;bottom:10px;font-size:7px}.scene-bottomline #asset-status{display:none}.footer-bar{padding:0 12px;font-size:7px}.footer-bar span:nth-child(3){display:none}}