:root{--bg:#07111c;--panel:#0b1825;--line:#203547;--sub:#819baa;--muted:#536e83;--text:#e2f1f8;--cyan:#35d3fd;--cyan-dim:#1199b9;--amber:#f1a45b;font-family:Inter,'Segoe UI',Roboto,Arial,sans-serif;color:var(--text);font-size:13px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.mono{font-family:'Consolas','Roboto Mono',monospace;font-size:10px;letter-spacing:.06em}.micro{font-size:9px;letter-spacing:.18em;color:#829aac}.eyebrow,.panel-heading{font-size:9px;font-weight:700;letter-spacing:.17em;color:#92acbe}.muted{color:#456273}.overline{display:block;margin:0 0 4px}.topbar{height:75px;border-bottom:1px solid #243547;display:flex;justify-content:space-between;align-items:center;padding:0 31px;background:linear-gradient(110deg,#0d1c2c,#091623 67%,#101d2a)}.brandmark{display:flex;align-items:center;gap:13px}.brandmark strong{font-size:19px;letter-spacing:.11em;font-weight:900}.brandmark strong span{color:var(--cyan)}.hexmark{width:39px;height:41px;border:1px solid var(--cyan);color:var(--cyan);display:grid;place-items:center;font-size:32px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#103449}.projectname{display:flex;align-items:center;gap:17px;color:#8da7bc;letter-spacing:.13em;font-size:10px;font-weight:700}.project-type{color:#d6e5ed}.sep{width:1px;height:23px;background:#294355}.status{display:flex;align-items:center;gap:11px;color:#d4e9f1;letter-spacing:.16em;font-weight:700;font-size:10px}.status .mono{color:#708ba0}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#39e8bd;box-shadow:0 0 12px #39e8bd;animation:pulse 2.4s infinite}.status-divider{height:20px;border-left:1px solid #385164;margin:0 4px}@keyframes pulse{50%{opacity:.38}}.workspace{display:grid;grid-template-columns:309px minmax(400px,1fr) 315px;height:calc(100dvh - 112px);min-height:550px}.panel{background:linear-gradient(165deg,#101e2c,#0a1622 68%);padding:22px 24px;position:relative;overflow:auto;scrollbar-width:thin;scrollbar-color:#284459 transparent}.leftpanel{border-right:1px solid #294052}.rightpanel{border-left:1px solid #294052}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #263b4e;margin-bottom:27px}.panel-heading.mini{margin:23px 0 14px;padding-bottom:13px}.section-glyph{color:var(--cyan);font-size:17px}.leftpanel h1{font-size:29px;line-height:1.14;margin:12px 0 14px;letter-spacing:.025em;font-weight:800}.leftpanel h1 em{font-style:normal;color:var(--cyan)}.subheading{color:#b6cbd7;font-size:10px;letter-spacing:.12em;font-weight:800}.description,.right-intro{line-height:1.67;color:#839aac;font-size:11px;margin:18px 0 23px}.divider{border-top:1px solid #273b4e;margin:23px 0}.dual{display:flex;justify-content:space-between;align-items:center}.tiny-dot{font-size:9px;letter-spacing:.07em;color:#3ae4c6}.power-readout{display:flex;align-items:baseline;gap:9px;margin:16px 0 10px}.power-readout strong{font-size:50px;letter-spacing:-.045em;font-weight:750;line-height:1}.power-readout>span{font-size:17px;font-weight:800;color:var(--cyan)}.power-readout small{display:block;font-size:7px;letter-spacing:.1em;margin-top:3px;color:#778d9e}.power-meter{width:100%;height:5px;background:#263b48}.power-meter>div{width:70%;height:100%;background:linear-gradient(90deg,#12799a,#3fe2f5);box-shadow:0 0 16px #22a8d377}.labelrow{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.07em;color:#728da0;margin-top:13px}.labelrow strong{color:#34dcb9;font-size:9px}.data-readouts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}.data-readouts>div{padding-left:12px;border-left:2px solid #2b485b}.data-readouts span,.inventory>div>span{display:block;color:#8299aa;font-size:9px;letter-spacing:.09em;margin-bottom:7px}.data-readouts strong{font-size:20px;color:#e2f2f8;white-space:nowrap}.data-readouts small{font-size:9px;color:#748d9c}.telemetry-head{display:flex;justify-content:space-between;color:#99b0be;letter-spacing:.1em;font-size:9px}.telemetry-head .mono{color:var(--cyan)}#flux-chart{width:100%;height:86px;margin-top:6px;display:block}.inventory>div{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px solid #1c3445}.inventory>div>b{font-size:14px;font-family:Consolas,monospace}.inventory b span{font-size:8px;font-weight:400;color:#688398}.leftfoot{margin-top:22px;line-height:1.8;color:#466276}.view{position:relative;overflow:hidden;background:radial-gradient(circle at 56% 41%,#0b2b44,#061421 44%,#030b14 85%)}#viewport{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#viewport:active{cursor:grabbing}.viewport-top{pointer-events:none;position:absolute;top:27px;left:27px;right:27px;display:flex;justify-content:space-between;color:#678ca5;letter-spacing:.12em;font-size:9px}.live-glyph{color:#67cade}.live-glyph span{color:#9bdef7;font-size:14px}.view-bottom{pointer-events:none;position:absolute;bottom:25px;left:24px;display:flex;gap:19px;color:#547994;font-size:9px;letter-spacing:.14em}.view-bottom span:before{content:'+';margin-right:7px;color:#35cced}.scene-index{position:absolute;left:26px;bottom:65px;pointer-events:none;font-size:10px;color:#607e92}.scene-index div+div{margin-top:6px;font-size:8px}.scene-coordinates{font:10px Consolas,monospace;color:#7cc1dc}.scene-coordinates span{color:#b1ddea}.crosshair{position:absolute;top:50%;left:50%;pointer-events:none;opacity:.26}.crosshair span{position:absolute;background:#7bd9ea}.crosshair span:first-child{width:20px;height:1px;left:-10px}.crosshair span:nth-child(2){width:1px;height:20px;top:-10px}.crosshair i{width:4px;height:4px;border-radius:50%;position:absolute;top:-2px;left:-2px;border:1px solid white}.camera-tools{position:absolute;right:20px;bottom:23px;display:flex;gap:7px}.view-btn{border:1px solid #34546a;background:#0a1d2cbb;color:#9ab3c2;padding:8px 9px;font-size:15px;min-width:53px;backdrop-filter:blur(8px)}.view-btn span{display:block;font-size:8px;letter-spacing:.08em}.view-btn:hover,.view-btn.active{border-color:#35c9ec;color:#d5f8ff;background:#15435a77}.view-label{position:absolute;display:flex;align-items:center;gap:9px;color:#dcf4fc;pointer-events:none;text-shadow:0 1px 9px #000;font-size:9px;letter-spacing:.12em}.view-label small{display:block;font-size:8px;margin-top:5px;color:#73b9d8}.hotspot-dot{width:9px;height:9px;box-shadow:0 0 0 6px #23b5ec1d,0 0 13px #26d8fa;background:#53f0ff;border:2px solid #a3efff;border-radius:50%}.vlabel-a{top:24%;right:16%}.vlabel-b{top:61%;left:38%}.inspector{position:absolute;top:84px;right:27px;max-width:270px;background:#0c2334ec;border:1px solid #33738a;padding:19px 21px;box-shadow:0 13px 32px #0008}.inspector h3{margin:11px 0;font-size:17px}.inspector p{color:#a8c4d1;line-height:1.55;font-size:11px}.inspector button{position:absolute;top:8px;right:10px;background:transparent;border:0;color:#c9e7f3;font-size:20px}.error{position:absolute;top:24%;left:10%;right:10%;padding:20px;border:1px solid #f28686;background:#37141ee8;color:#fff;font-size:14px;line-height:1.5}.rightpanel h2{font-size:25px;margin:12px 0 5px}.rightpanel h2 em{font-style:normal;color:var(--cyan)}.right-intro{margin-top:10px}.control{margin:22px 0}.control-head{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:10px}.control label,.quality-row label{color:#adc0cb;font-size:10px;letter-spacing:.08em;font-weight:700}.control output{color:#6fdef2;background:#0b3042;border:1px solid #265a6d;padding:3px 7px;font:11px Consolas,monospace;min-width:41px;text-align:center}input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#0ca7bf,#1ecff0 60%,#31516a 60%);height:4px;width:100%;cursor:pointer;margin:7px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;background:#d8fcff;border:3px solid #0085a5;border-radius:50%;box-shadow:0 0 10px #08caff;cursor:grab}input[type=range]::-moz-range-thumb{width:10px;height:10px;background:#d8fcff;border:2px solid #0085a5;border-radius:50%}.range-labels{display:flex;justify-content:space-between;margin-top:8px;color:#4e6a80;letter-spacing:.1em;font-size:8px}.switch-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #21384a;cursor:pointer;color:#d9eaf3;font-size:11px}.switch-row small{display:block;color:#6c899b;font-size:9px;margin-top:4px}.switch-row input{position:absolute;opacity:0}.switch-row i{position:relative;width:34px;height:18px;border:1px solid #365467;background:#0b2435;border-radius:25px;flex-shrink:0;transition:.2s}.switch-row i:before{content:'';position:absolute;width:12px;height:12px;background:#7894a6;left:2px;top:2px;border-radius:50%;transition:.2s}.switch-row input:checked+i{background:#126e85;border-color:#2fd8f0}.switch-row input:checked+i:before{transform:translateX(15px);background:#d5faff}.quality-row{margin:21px 0;display:flex;flex-direction:column;gap:10px}.quality-row select{width:100%;border:1px solid #335267;background:#112538;color:#d5e6ef;padding:10px 9px;cursor:pointer}.command-buttons{display:grid;grid-template-columns:1fr 93px;gap:9px}.command-buttons button{padding:13px 7px;border:1px solid #3388a4;font-size:11px;letter-spacing:.05em;font-weight:750}.command-buttons span{margin-left:5px}.primary{background:#1aa6bf;color:#061723}.secondary{background:#14283b;color:#c0e4f2}.capture{width:100%;margin:11px 0 0;display:flex;justify-content:space-between;align-items:center;padding:13px 10px;background:transparent;color:#9ec4d6;border:1px solid #2b4f60;letter-spacing:.12em;font-size:9px;font-weight:700}.capture:hover{border-color:var(--cyan);color:var(--cyan)}.performance{display:flex;justify-content:space-between;color:#5b7b91;border-top:1px solid #254054;margin-top:21px;padding-top:16px;font-size:9px}.performance b{color:#7ddaea;font-weight:700}footer{height:37px;border-top:1px solid #203447;background:#091522;display:flex;justify-content:space-between;align-items:center;padding:0 28px;color:#6e899f;letter-spacing:.12em;font-size:8px;font-weight:700}footer i{font-style:normal;color:#2c94af;margin:0 5px}@media(max-width:1300px){.workspace{grid-template-columns:255px minmax(400px,1fr) 265px}.panel{padding:18px}.leftpanel h1{font-size:24px}.power-readout strong{font-size:43px}.description{font-size:10px}.brandmark strong{font-size:16px}.projectname{display:none}}@media(max-width:950px){body{overflow:auto}.workspace{height:auto;min-height:900px;grid-template-columns:1fr 1fr}.view{grid-column:1/-1;grid-row:1;min-height:60vh}.leftpanel,.rightpanel{min-height:500px}.leftpanel{border-right:1px solid #294052}.rightpanel{border:0}footer{gap:12px;flex-wrap:wrap;height:auto;min-height:40px;padding:12px}.vlabel-a{right:20%;top:25%}}@media(max-width:600px){.workspace{display:flex;flex-direction:column}.view{height:58vh;min-height:390px}.topbar{padding:0 14px;height:64px}.brandmark strong{font-size:14px}.brandmark .micro{font-size:8px}.hexmark{width:29px;height:31px;font-size:21px}.status-divider,.status .mono{display:none}.status{font-size:8px;gap:5px}.leftpanel,.rightpanel{min-height:auto}.leftpanel h1{font-size:28px}.view-bottom,.vlabel-a,.vlabel-b{display:none}.camera-tools{right:6px;bottom:9px}.view-btn{min-width:48px;font-size:12px}.scene-index{bottom:60px;left:10px}.viewport-top{top:14px;left:10px;right:10px;font-size:7px}}