:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#dbeef3;background:#04121e;font-synthesis:none;--mint:#54eacb;--amber:#f1b36d;--border:#1c3749;--muted:#7e9caa}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#04121e}body{overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.app{min-height:100vh;background:radial-gradient(ellipse 80% 70% at 72% 35%,#0a2938 0,transparent 65%),#04121e}.topbar{height:83px;display:flex;align-items:center;padding:0 31px;gap:16px;border-bottom:1px solid var(--border);background:#061824;letter-spacing:.05em}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:#123340;border:1px solid #26616d;clip-path:polygon(50% 0,100% 21%,100% 76%,50% 100%,0 75%,0 22%)}.brand-mark svg{width:36px}.brand{display:flex;flex-direction:column;gap:5px;min-width:330px}.brand small,.panel-eyebrow,.subheading,.group-title,.metric-name,.phase-card>span,.export-title{font-size:10px;font-weight:700;letter-spacing:.19em}.brand small{color:#5da3a6}.brand strong{font-size:19px;letter-spacing:.105em;color:#eaf8fa;font-weight:790}.brand strong em{font-style:normal;color:#58c9ba;font-weight:450}.top-pill{display:flex;align-items:center;gap:10px;border:1px solid #1d4b53;color:#70d8c2;border-radius:6px;padding:9px 11px;background:#09252e;font-size:10px;letter-spacing:.13em}.live-circle{background:#54e9be;border-radius:50%;height:7px;width:7px;box-shadow:0 0 11px #29f2cb}.pill-divide{height:12px;border-left:1px solid #37636a}.header-right{margin-left:auto;color:#698d9f;font-size:10px;font-weight:750;display:flex;gap:19px;align-items:center}.build{border:1px solid #26465b;border-radius:3px;padding:8px;color:#b5cfdb}.workspace{display:grid;grid-template-columns:280px minmax(0,1fr) 291px;gap:15px;padding:16px;max-width:1850px;margin:auto}.panel{border:1px solid var(--border);background:linear-gradient(150deg,rgba(13,35,49,.97),rgba(7,24,37,.98));border-radius:9px;box-shadow:0 12px 28px rgba(0,0,0,.12)}.controls,.telemetry{padding:23px 19px 18px;align-self:stretch}.panel-eyebrow{color:#5ab8ad;display:flex;gap:7px;align-items:center}.dot{height:5px;width:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 8px var(--mint)}h1,h2,h3,p{margin:0}h2{font-size:22px;font-weight:660;letter-spacing:-.035em;margin:12px 0 8px}.muted{color:var(--muted);font-size:12px;line-height:1.65}.intro{margin-bottom:26px}.subheading,.group-title{color:#9dc0c8}.segmented{display:flex;background:#071d2c;padding:4px;border:1px solid var(--border);border-radius:7px;gap:3px;margin:11px 0 25px}.segmented button{flex:1;padding:9px 4px;color:#7c9cac;border:0;border-radius:5px;background:transparent;font-size:12px}.segmented button.selected{background:#214d56;color:#8cf1d5;box-shadow:inset 0 0 0 1px #316b70}.group-title{display:flex;justify-content:space-between;padding:15px 0 14px;margin-top:16px;border-top:1px solid #244052}.group-title span{color:#507b8d;font-weight:500;letter-spacing:.05em}.slider-wrap{display:block;margin-bottom:19px}.slider-wrap>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#a6bcc8}.slider-wrap output{color:#e5d4af;font-family:ui-monospace,monospace;font-size:11px}input[type=range]{width:100%;appearance:none;height:4px;border-radius:3px;background:linear-gradient(90deg,#307d7e,#356879 58%,#254052);margin:16px 0 3px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;background:#a2f7e4;width:11px;height:11px;border:3px solid #0a2635;border-radius:50%;box-shadow:0 0 0 1px #64d6c8}input[type=range]::-moz-range-thumb{background:#a2f7e4;width:8px;height:8px;border-radius:50%;border:2px solid #103e49}.action-row{display:flex;gap:8px;margin-top:9px}.action-row button,.view-actions button{background:#102f40;border:1px solid #2a5362;color:#bdd5df;border-radius:5px;padding:11px 9px;font-size:11px;flex:1;white-space:nowrap;transition:background .12s}.action-row button:hover,.view-actions button:hover{background:#1c4654}.action-row button.primary{background:#186b65;color:#dafdf1;border-color:#257f76}.notice{display:flex;gap:13px;border:1px solid #2a4c56;border-radius:7px;background:#0c2a37;padding:12px 11px;margin-top:23px}.notice-icon{font-size:19px;color:#48cdb7}.notice b{font-size:12px}.notice p{color:#81a5b5;font-size:11px;line-height:1.55;margin-top:6px}.center{min-width:0;display:flex;flex-direction:column;gap:13px}.main-panel{padding:17px}.view-header{display:flex;align-items:center;justify-content:space-between;margin:1px 4px 17px}.view-header h1{font-size:19px;margin-top:7px;font-weight:650;letter-spacing:-.028em}.view-header h1 span{color:#3c7b84;font-size:12px;margin-left:8px;font-weight:500}.view-actions{display:flex;gap:4px}.view-actions button{flex:initial;padding:8px 13px;border-color:transparent;background:transparent}.view-actions button.active{background:#163d4b;border-color:#265866;color:#95e4d2}.scene-wrap{height:410px;position:relative;overflow:hidden;border:1px solid #1f4752;border-radius:7px;background:linear-gradient(#103c53,#07222f 55%,#071827)}#scene{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.hud{pointer-events:none;position:absolute;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;color:#b7d9db;letter-spacing:.07em}.hud-top{top:17px;right:17px;padding:9px 10px;background:rgba(8,27,36,.79);border:1px solid #2f5664;border-radius:4px;display:flex;gap:8px;align-items:center}.hud-dot{width:5px;height:5px;border-radius:50%;background:#6ce9bc}.hud-bottom{bottom:15px;left:16px;right:17px;display:flex;justify-content:space-between;font-size:9px;color:#8eb4ba}.depth-scale{pointer-events:none;position:absolute;right:17px;top:72px;bottom:58px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;color:#8bafb9;font:10px ui-monospace,monospace;padding-right:13px}.depth-line{height:100%;position:absolute;right:0;top:0;width:3px;background:#254b56}.depth-fill{position:absolute;width:3px;top:0;height:12%;background:linear-gradient(#3df4c9,#e0aa6a)}.depth-marker{position:absolute;left:-4px;width:11px;height:2px;background:white;top:12%;box-shadow:0 0 8px #58ecb6}.scene-corner{position:absolute;top:18px;left:16px;color:#75d6c7;font-size:11px;letter-spacing:.15em;font-weight:730}.scene-corner small{display:block;margin-top:4px;color:#678e99}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{background:#0b2333;border:1px solid var(--border);border-radius:8px;padding:17px 15px 14px;min-height:122px}.metric-name{font-size:9px;letter-spacing:.1em;color:#86a8b6;display:flex;justify-content:space-between}.metric-name span{color:#5cb3ae;font-size:15px;font-weight:450}.metric-value{display:flex;align-items:baseline;gap:5px;margin:15px 0 6px}.metric-value strong{font-size:28px;font-weight:620;font-variant-numeric:tabular-nums;letter-spacing:-.06em;color:#ebf8fa}.metric-value small{color:#78a6ab;font-size:10px}.metric-note{color:#7297a7;font-size:10px}.charts-bottom{padding:16px 16px 10px;min-width:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-head h3{font-size:14px;margin-top:4px;font-weight:620}.mini-legend{display:flex;gap:14px;font-size:9px;letter-spacing:.07em;color:#8daab7}.mini-legend span{display:flex;align-items:center;gap:6px}.mini-legend i{width:7px;height:7px;border-radius:50%;display:inline-block}.mint{background:#5ef0cd}.amber{background:#edb56a}.blue{background:#69c7ef}.chart{width:100%;height:145px;display:block;margin-top:12px;border:1px solid #17394b;border-radius:4px}.telemetry .intro{margin-bottom:20px}.phase-card{padding:13px;background:linear-gradient(110deg,#123b42,#0b2f3b);border:1px solid #2c615f;border-radius:7px;margin-bottom:20px}.phase-card>span{color:#6dd0b7}.phase-line{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.phase-line strong{color:#7cf5d0;font-size:24px;letter-spacing:.07em}.phase-line>span{font:9px ui-monospace,monospace;color:#75d2bf}.phase-card p{color:#79aab0;font-size:10px;line-height:1.5;margin-top:5px;min-height:30px}.sensor-list{margin-top:14px}.sensor-list>div{padding:11px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1d3b4b;gap:6px}.sensor-list>div span{color:#89a4b0;font-size:11px}.sensor-list b{font-size:12px;white-space:nowrap;color:#d9edf1;font-family:ui-monospace,monospace;font-weight:500}.sensor-list b small{color:#6c98aa;font-size:10px}.sensor-list b.active{color:#70e0c5}.compact{margin-top:26px}.legend-control{margin-top:14px;justify-content:flex-start}.chart-control{height:133px;margin-top:10px}.export-title{color:#82adbc;margin-top:28px}.exports button{padding:9px 5px;font-size:10px}.footer-note{margin-top:22px;color:#527987;font:9px ui-monospace,monospace;letter-spacing:.05em;text-align:center}.footer-note span{color:#5ce7c7}#runState.paused{color:var(--amber)}[hidden]{display:none!important}@media(max-width:1270px){.workspace{grid-template-columns:245px minmax(0,1fr)}.telemetry{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:start}.telemetry>.panel-eyebrow,.telemetry>h2,.telemetry>.intro,.telemetry>.phase-card{grid-column:1}.telemetry .sensor-list{grid-column:2;grid-row:1/5}.compact,.legend-control,.chart-control{grid-column:1}.export-title,.exports,.footer-note{grid-column:2}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:790px){.topbar{padding:0 15px;gap:11px;height:73px}.brand{min-width:0}.brand strong{font-size:15px}.brand small{font-size:8px}.top-pill{display:none}.header-right{display:none}.workspace{display:flex;flex-direction:column;padding:9px;gap:10px}.controls{order:2}.center{order:1}.telemetry{order:3;display:block}.scene-wrap{height:360px}.view-header h1{font-size:15px}.view-actions button{padding:8px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:105px}.metric-value strong{font-size:24px}.panel-eyebrow{font-size:9px}}@media(max-width:480px){.scene-wrap{height:300px}.main-panel{padding:9px}.view-header{margin:8px 5px;align-items:flex-start}.view-actions{flex-direction:column}.hud-top{font-size:8px;max-width:178px}.hud-bottom{font-size:7px}.metric{padding:12px 11px}.metric-name{font-size:8px}.metric-value strong{font-size:22px}}