:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#dae8f2;background:#050c14;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #4be4ff;outline-offset:2px}#viewport{position:fixed;inset:0;background:radial-gradient(ellipse at 54% 43%,#122a44,#050b15 66%,#02050a);touch-action:none}#viewport canvas{display:block;width:100%;height:100%;outline:none}.panel{background:linear-gradient(135deg,rgba(10,26,41,.93),rgba(6,17,30,.92));border:1px solid rgba(74,150,184,.32);backdrop-filter:blur(19px);box-shadow:0 14px 56px rgba(0,0,0,.26)}.topbar{position:absolute;left:25px;right:25px;top:18px;height:65px;display:flex;align-items:center;gap:14px;padding:0 18px;z-index:3;border:1px solid rgba(91,175,202,.25);background:linear-gradient(90deg,rgba(8,26,40,.92),rgba(4,13,25,.8));backdrop-filter:blur(13px)}.brand-mark{font-weight:900;letter-spacing:-5px;font-size:27px;color:#eaf8ff;margin-right:6px}.brand-mark span{color:#39dfe6;position:relative;top:-1px}.brand-stack{display:flex;flex-direction:column;gap:3px}.brand-stack strong{font-size:14px;letter-spacing:1.5px}.brand-stack em{color:#46dfed;font-style:normal;font-weight:500}.brand-stack>span{font-size:9px;letter-spacing:1.25px;color:#88a8b9}.top-status{display:flex;align-items:center;gap:10px;margin-left:auto;color:#acc8d7;letter-spacing:1px;font-size:10px}.status-led{display:inline-block;width:7px;height:7px;background:#55edb7;border-radius:50%;box-shadow:0 0 11px #55edb7}.status-led.paused{background:#ffae5c;box-shadow:0 0 9px #ffae5c}.divider-vert{height:18px;width:1px;background:#325469;margin:0 12px}.nav-panel{position:absolute;top:98px;left:25px;width:252px;bottom:128px;padding:20px 11px;z-index:2;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#28516a transparent}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#5fbed5;padding:0 10px;margin:0 0 15px}.nav-item{width:100%;border:1px solid transparent;color:#bfd6e1;background:transparent;border-radius:2px;padding:12px 8px;display:grid;align-items:center;grid-template-columns:28px 1fr;grid-template-rows:1fr 1fr;text-align:left;column-gap:7px;font-size:12px;transition:background .15s}.nav-item:hover,.nav-item.selected{background:rgba(28,88,116,.3);border-color:rgba(74,172,202,.37)}.nav-item.selected:before{position:absolute;left:11px;width:2px;height:35px;content:'';background:#53dced}.nav-item .n-index{grid-row:span 2;align-self:center;font-size:11px;color:#4fd6e5;font-weight:800}.nav-item small{font-size:8px;letter-spacing:1.7px;color:#6e95aa;margin-top:3px}.panel-separator{height:1px;background:linear-gradient(90deg,transparent,#35607a,transparent);margin:16px 0 19px}.control-action{background:none;border:0;border-bottom:1px solid rgba(88,132,155,.18);width:100%;display:flex;justify-content:space-between;gap:5px;align-items:center;text-align:left;padding:11px 10px;color:#cce0eb;font-size:11px}.control-action:hover{background:#173248}.control-action span{font-size:9px;letter-spacing:.8px;color:#55cede}.right-panel{position:absolute;z-index:3;right:25px;top:98px;bottom:128px;width:314px;padding:20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#28516a transparent}.right-head{display:flex;justify-content:space-between}.right-head .eyebrow{padding:0}.tiny-pill{color:#6faaba;font-size:8px;letter-spacing:.5px;border:1px solid #395e72;padding:4px 6px;height:20px}.panel-title{font-size:18px;font-weight:700;margin:-5px 0 20px}.panel-title small{font-size:9px;font-weight:600;letter-spacing:1px;color:#56d7e9;margin-left:5px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:24px}.mode-grid button{background:#122b3a;border:1px solid #31556b;color:#89b6cb;letter-spacing:.7px;font-size:10px;padding:11px 4px}.mode-grid button:hover,.mode-grid button.active{border-color:#51c9df;color:#d9faff;background:#17495a}.engineering-group{margin-bottom:22px}.slider-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;font-size:12px;color:#c4dbe7}.slider-head output{color:#54e2ec;font-size:13px;font-weight:700;min-width:35px;text-align:right}.engineering-group input[type=range]{appearance:none;width:100%;height:5px;border-radius:6px;background:linear-gradient(90deg,#2ad6e4 var(--pct,50%),#1e394d var(--pct,50%));cursor:ew-resize}.engineering-group input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid #c2fcff;background:#2992b1;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 3px rgba(72,204,227,.13)}.engineering-group input[type=range]::-moz-range-thumb{border:2px solid #c2fcff;background:#2992b1;width:11px;height:11px;border-radius:50%}.metric-note{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#63879b;margin-top:8px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0;color:#cadfe9;font-size:11px;cursor:pointer}.toggle-row span{display:flex;flex-direction:column;gap:4px}.toggle-row small{font-size:8px;color:#7494a5;letter-spacing:.6px}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.toggle-row i{display:block;width:32px;height:18px;flex-shrink:0;background:#294152;border:1px solid #3e5769;border-radius:12px;position:relative}.toggle-row i:after{content:'';position:absolute;left:3px;top:3px;width:10px;height:10px;border-radius:50%;background:#89a5b5;transition:.2s}.toggle-row input:checked+i{background:#1a6674;border-color:#28bacf}.toggle-row input:checked+i:after{left:17px;background:#9cf7fa}.toggle-row input:focus-visible+i{outline:2px solid white}.actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin-top:23px}.actions button{border:1px solid #37627a;background:#183247;color:#b8e9f3;font-size:9px;padding:11px 2px}.actions button:hover{background:#285a6d}.note{margin-top:16px;color:#557488;font-size:9px;line-height:1.5}.inspection{position:absolute;left:297px;bottom:128px;width:min(440px,calc(100vw - 670px));min-width:250px;z-index:2;padding:17px 20px}.inspection .eyebrow{margin:0 0 12px;padding:0}.pulse-label{float:right;color:#63eadb;font-size:8px}.inspection h2{font-size:16px;color:#ebf8fc;font-weight:600;margin:0 0 6px}.inspection p{font-size:11px;line-height:1.6;color:#93b6c7;margin:0 0 13px;min-height:34px}.inspect-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(98,157,180,.2);padding-top:10px}.inspect-bottom span{font-size:9px;letter-spacing:1px;color:#5fd7e8}.inspect-bottom button{font-size:9px;color:#8ecddd;background:none;border:0}.telemetry{position:absolute;left:25px;right:25px;bottom:18px;z-index:2;height:94px;display:flex;align-items:center;gap:38px;padding:0 26px}.telemetry>span:not(.footer-hint){display:flex;flex-direction:column;gap:6px}.telemetry b{font-size:18px;letter-spacing:.5px;font-weight:700;color:#e1f2f8;white-space:nowrap}.telemetry small{font-size:9px;letter-spacing:1.1px;color:#638fa3;white-space:nowrap}.telemetry .footer-hint{margin-left:auto;text-align:right;font-size:9px;color:#618fa4;letter-spacing:.8px;max-width:220px;line-height:1.7}.coords{position:absolute;top:100px;left:50%;transform:translateX(-50%);z-index:1;font-family:ui-monospace,monospace;color:#6f9aab;letter-spacing:1px;font-size:10px;text-shadow:0 1px 9px #000}.help-backdrop{position:absolute;inset:0;background:rgba(0,5,13,.81);z-index:10;display:flex;align-items:center;justify-content:center;padding:25px}.help-backdrop.hidden{display:none}.help-card{width:min(650px,100%);padding:28px;border:1px solid #458eaa;background:linear-gradient(145deg,#0b2537,#07101d);box-shadow:0 0 100px #071827}.help-top{display:flex;justify-content:space-between;align-items:center}.help-top h2{font-size:17px;letter-spacing:2px}.help-top button{background:none;border:0;color:white;font-size:20px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 36px;margin:15px 0 28px}.help-grid strong{font-size:11px;color:#5cdeef;letter-spacing:1.3px}.help-grid p{font-size:12px;color:#a5c7d8;line-height:1.9}.primary{background:#1b7188;color:#e8ffff;font-size:11px;letter-spacing:1.4px;padding:13px 22px;border:1px solid #5adbea}#toast{position:absolute;z-index:20;top:92px;left:50%;transform:translateX(-50%);background:rgba(13,48,65,.92);color:#c7f8ff;font-size:12px;padding:10px 16px;border:1px solid #3b9cb2;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}#loading{position:absolute;inset:0;background:radial-gradient(ellipse at center,#0d2436,#02050b);z-index:15;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;transition:opacity .5s}.loader-ring{width:64px;height:64px;border-radius:100%;border:2px solid #1d4458;border-top-color:#4fdaec;animation:spin 1.1s linear infinite;margin-bottom:8px}.load-main{font-size:13px;letter-spacing:3px;color:#c9f4ff}.load-sub{font-size:11px;color:#628fa4}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1220px){.nav-panel{width:206px}.inspection{left:250px;width:320px}.telemetry{gap:22px}.telemetry .footer-hint{display:none}}@media(max-width:1000px){.right-panel{width:260px}.nav-panel{width:184px}.inspection{left:225px;width:260px}.topbar{left:12px;right:12px}.telemetry{left:12px;right:12px;gap:14px;padding:0 14px}.telemetry b{font-size:15px}.telemetry small{font-size:8px}.right-panel{right:12px}.nav-panel{left:12px}}@media(max-width:700px){.topbar{top:7px;height:55px}.brand-mark{display:none}.brand-stack strong{font-size:11px}.brand-stack>span{font-size:7px}.top-status{font-size:9px}.top-status .divider-vert,#top-clock{display:none}.nav-panel{top:auto;bottom:74px;left:7px;height:174px;width:50%;padding:9px;display:flex;flex-direction:column}.nav-panel .eyebrow,.nav-panel .panel-separator,.nav-panel .control-action{display:none}.nav-item{padding:5px 7px;grid-template-columns:22px 1fr;font-size:10px}.nav-item small{font-size:7px}.right-panel{top:70px;right:7px;bottom:74px;width:47%;padding:11px}.engineering-group{margin-bottom:14px}.eyebrow{font-size:8px}.panel-title{font-size:13px}.mode-grid button{font-size:8px;padding:8px 1px}.slider-head{font-size:10px}.inspection{left:7px;top:70px;bottom:auto;width:46%;padding:10px}.inspection h2{font-size:12px}.inspection p{font-size:9px}.telemetry{bottom:7px;left:7px;right:7px;height:58px;gap:11px;justify-content:space-evenly}.telemetry>span:nth-child(4),.telemetry>span:nth-child(5){display:none}.telemetry b{font-size:11px}.telemetry small{font-size:7px}.coords{display:none}}@media(max-height:650px) and (min-width:701px){.right-panel,.nav-panel{bottom:94px}.inspection{bottom:94px}.telemetry{height:64px}.telemetry b{font-size:14px}}

body.embedded .topbar,body.embedded .nav-panel,body.embedded .right-panel,body.embedded .telemetry,body.embedded .inspection,body.embedded .coords{display:none!important}