:root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;background:#070c13;color:#d9e8f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{cursor:pointer}.app{min-height:100vh;background:linear-gradient(155deg,#0b131c 0%,#080d15 55%,#0b1017 100%);display:flex;flex-direction:column}.mast{height:85px;border-bottom:1px solid #243340;display:flex;align-items:center;justify-content:space-between;padding:16px 30px;gap:20px}.brand,.head-right{display:flex;align-items:center;gap:18px}.symbol{border:1px solid #4bc8c8;color:#e5fcfa;font-weight:800;font-size:25px;letter-spacing:-2px;padding:10px 12px;border-radius:8px;box-shadow:inset 0 0 20px #37f5de12}.symbol span{color:#3df5d4}.eyebrow,.tele-label,.preset-line label,.select-grid label{font-size:10px;letter-spacing:1.45px;color:#7195a8;font-weight:700}.identity h1{font-size:17px;letter-spacing:2px;font-weight:750;margin:8px 0 0;color:#f1fafb}.identity h1 em{font-style:normal;color:#42d7d4}.head-right{font-size:10px;letter-spacing:1.2px;color:#9babb7;font-weight:700}.live-dot{width:7px;height:7px;border-radius:100%;background:#51ebc8;box-shadow:0 0 12px #54efd2}.build,.rev-badge{font-size:9px;letter-spacing:1px;border:1px solid #3b4c59;padding:7px 9px;color:#7eb5c5;border-radius:3px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 348px;min-height:580px;flex:1}.viewport{position:relative;min-height:570px;overflow:hidden;background:radial-gradient(ellipse at 47% 35%,#1a2d3c 0%,#101c29 36%,#080f17 82%)}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%}.view-top,.view-bottom{position:absolute;left:25px;right:25px;display:flex;align-items:center;gap:12px;pointer-events:none}.view-top{top:22px}.view-bottom{bottom:20px;justify-content:space-between}.tag{font-size:10px;letter-spacing:1.2px;font-weight:700;border:1px solid #3e6474;color:#96d7dc;padding:10px 12px;border-radius:3px;background:#0816239c}.tag.muted{border-color:#263a49;color:#708fa0}.scale{display:flex;flex-direction:column;gap:8px;font-size:9px;color:#7d9baa;letter-spacing:1px}.scale-line{width:100px;height:9px;border:1px solid #7e98a9;border-top:none}.controls-hint{font-size:10px;color:#6b899d;letter-spacing:1px}.controls-hint span{color:#40c3bf}.subtle-btn{pointer-events:auto;border:1px solid #416071;background:#071422cc;color:#9dcbd3;padding:11px;border-radius:4px;font-size:10px;letter-spacing:1px}.loading{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;letter-spacing:2px;background:#07121de8;color:#9ce5ec;z-index:4}.loading.hidden{display:none}.panel{background:#111a24;border-left:1px solid #263542;padding:22px 23px 20px;display:flex;flex-direction:column;gap:15px;overflow-y:auto}.sidebar-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:5px}.sidebar-title h2{font-size:22px;font-weight:600;color:#f3f9fc;margin:5px 0 0}.rev-badge{color:#67e5bc;border-color:#32745e}.preset-line{display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #263846;padding-bottom:15px}select{width:100%;border:1px solid #344859;border-radius:4px;padding:10px 9px;background:#172734;color:#d1e5ed;font-size:12px;outline:none}.param{display:flex;flex-direction:column;gap:9px}.param-head{display:flex;justify-content:space-between;align-items:center;gap:6px}.param-head label{color:#bfd0da;font-size:12px}.param-head output{font-size:12px;font-variant-numeric:tabular-nums;color:#7ef2e3;font-weight:700}.param input[type=range]{width:100%;accent-color:#34d5c7;height:3px;cursor:pointer}.param-note{font-size:10px;color:#617e92}.select-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.select-grid>div{display:flex;flex-direction:column;gap:8px}.select-grid select{font-size:11px;padding:8px 4px}.toggle{align-items:center;justify-content:space-between;flex-direction:row!important;padding:5px 12px;border:1px solid #344859;border-radius:4px}.toggle input{width:17px;height:17px;accent-color:#2bd6c8}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;border-top:1px solid #263846;padding-top:16px}.btn{border:1px solid #446172;border-radius:4px;padding:11px 6px;background:#1a2c3a;color:#b7d7e0;font-size:11px;letter-spacing:.8px;font-weight:700}.btn:hover,.subtle-btn:hover{border-color:#63d3d3}.btn.primary{background:#168c86;border-color:#1ba99e;color:#f3ffff}.legend{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.7px;color:#7e95a5;margin-top:3px}.gradient{height:7px;flex:1;background:linear-gradient(90deg,#07152b,#073e65,#20a9ca,#c4fcf6,#ffb46b);border-radius:2px}.telemetry{min-height:140px;border-top:1px solid #243541;display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(210px,1.8fr);padding:22px 30px;gap:12px;background:#0d1620}.readout{border-right:1px solid #283846;display:flex;flex-direction:column;gap:7px;justify-content:center}.readout strong{font-family:"Segoe UI",sans-serif;font-size:23px;color:#e3f9fa;font-weight:600;white-space:nowrap;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.readout small{font-size:10px;color:#66869b}.profile{display:flex;flex-direction:column;justify-content:center;min-width:0}.profile-head{display:flex;justify-content:space-between;align-items:center}.profile-head #status{font-size:10px;color:#4ce6be;font-weight:700;letter-spacing:1px}#plot{display:block;width:100%;height:77px;margin-top:7px}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 320px}.telemetry{grid-template-columns:repeat(3,1fr)}.profile{grid-column:span 3}.readout:nth-child(3){border-right:0}}@media(max-width:740px){.mast{padding:12px 16px;height:72px}.symbol{font-size:17px}.identity h1{font-size:12px;letter-spacing:.6px}.identity .eyebrow{font-size:8px}.head-right .head-text,.head-right .build{display:none}.workspace{display:flex;flex-direction:column}.viewport{height:480px;min-height:480px}.panel{border-left:0;border-top:1px solid #253a4a}.telemetry{grid-template-columns:repeat(2,1fr);padding:20px 15px}.profile{grid-column:span 2}.readout:nth-child(3){border-right:1px solid #283846}.controls-hint{display:none}}