*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{color:#cfd8e3;background:#0b0f13;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:13px}.app{color:#cfd8e3;background:#0b0f13;grid-template-columns:322px 1fr 360px;width:100vw;height:100vh;display:grid;overflow:hidden}.col{background:#0e1319;flex-direction:column;gap:8px;padding:8px;display:flex;overflow-y:auto}.col.left{border-right:1px solid #1c2530}.col.right{border-left:1px solid #1c2530}.center{flex-direction:column;min-width:0;display:flex}.viewport{flex:1;min-height:0;position:relative}.plots{background:#0e1319;border-top:1px solid #1c2530;height:290px;padding:6px;overflow-y:auto}.plots-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.chart{background:#10151a;border:1px solid #1c2530;border-radius:4px;padding:4px}.chart-title{color:#8296ac;margin-bottom:2px;font-size:11px}.chart canvas{display:block}.panel{background:#121924;border:1px solid #1e2a38;border-radius:6px;padding:8px;font-size:12px}.panel-title{color:#9db4cc;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:12px;font-weight:600}.row-label{color:#7189a3;margin:8px 0 3px;font-size:11px}.btn-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}button,.file-btn{color:#cfd8e3;cursor:pointer;background:#1b2735;border:1px solid #2a3a4d;border-radius:4px;padding:4px 9px;font-size:12px}button:hover,.file-btn:hover{background:#24344a}button.on{color:#fff;background:#1c4d8a;border-color:#2f6cb4}button.primary{color:#fff;background:#2f9e44;border-color:#37b24d}button:disabled{opacity:.45;cursor:default}button.estop{color:#fff;background:#7a1e1e;border-color:#b33;padding:8px 14px;font-weight:700}button.estop.latched{background:#d31f1f;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{filter:brightness(1.5)}}select,input[type=number],input[type=text]{color:#d7e1ec;background:#0e141b;border:1px solid #2a3a4d;border-radius:3px;width:84px;padding:3px 5px;font-size:12px}label{color:#93a7bd;align-items:center;gap:4px;font-size:11px;display:inline-flex}.form-grid{grid-template-columns:1fr 1fr;gap:4px 8px;margin:4px 0;display:grid}.form-grid label{justify-content:space-between}.axis-row{border-top:1px solid #1b2836;padding:5px 0}.axis-head{align-items:baseline;gap:6px;display:flex}.axis-name{color:#b9cbde;width:74px;font-weight:600}.axis-val{color:#e8f0f8;font-family:ui-monospace,monospace}.axis-val em{color:#7189a3;font-size:10px;font-style:normal}.axis-meas{color:#6f8398;font-family:ui-monospace,monospace;font-size:11px}.limit-flag{color:#ffd8a8;background:#8a4b12;border-radius:3px;padding:1px 5px;font-size:10px}.axis-body{align-items:center;gap:5px;margin-top:3px;display:flex}.axis-limits{color:#667c93;min-width:96px;font-family:ui-monospace,monospace;font-size:10px}.axis-body input[type=range]{flex:1;min-width:40px}.target-in{width:62px}.interlock-list{flex-direction:column;gap:2px;max-height:160px;display:flex;overflow-y:auto}.interlock{background:#23303f;border-left:3px solid #e8890c;border-radius:2px;padding:2px 6px;font-size:11px}.interlock.bad{background:#341c1c;border-left-color:#e03131}.interlock.ok{color:#7fa88a;background:#16211a;border-left-color:#2f9e44}table.telemetry{border-collapse:collapse;width:100%;font-size:11px}table.telemetry th{text-align:left;color:#7189a3;border-bottom:1px solid #24313f;font-weight:500}table.telemetry td{border-bottom:1px solid #17212c;padding:2px 4px}.mono{font-family:ui-monospace,monospace}.kv{color:#8ba0b6;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:11px;display:flex}.param-inspector details{border-top:1px solid #1b2836;padding:3px 0}.param-inspector summary{cursor:pointer;color:#9db4cc;text-transform:capitalize;font-size:11px;font-weight:600}.param-row{align-items:center;gap:5px;padding:1.5px 0 1.5px 10px;font-size:11px;display:flex}.param-name{color:#a9bccf;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.param-val{width:78px}.param-val.ro{color:#7d92a8;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;font-size:10px;overflow:hidden}.param-unit{color:#64798f;white-space:nowrap;width:34px;font-size:10px;overflow:hidden}.badge{color:#fff;letter-spacing:.03em;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:700}.conf-dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px}.sources{border-top:1px solid #1b2836;margin-top:8px;padding-top:5px;font-size:10px}.source-row a{color:#5c9ded;text-decoration:none}.cycle-status{z-index:5;white-space:nowrap;background:#0d131adf;border:1px solid #22303e;border-radius:6px;align-items:center;gap:10px;padding:5px 12px;font-size:12px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.auto-state{color:#74c0fc;font-weight:700}.auto-state.s-FAULT{color:#ff6b6b}.paused-flag{color:#ffd43b;font-weight:700}.camera-bar{z-index:5;background:#0d131adf;border-radius:6px;gap:4px;padding:4px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.watermark{color:#ffffff59;letter-spacing:.08em;z-index:5;pointer-events:none;font-size:11px;font-weight:700;position:absolute;top:10px;right:12px}.replay-flag{color:#fff;background:#6a1fb0;border-radius:3px;padding:2px 7px;font-size:11px;font-weight:700}.verdict{border-radius:4px;margin-top:5px;padding:4px 7px;font-size:11px}.verdict.ok{color:#8ce99a;background:#14301c}.verdict.bad{color:#ffa8a8;background:#341c1c}.help-overlay{z-index:50;background:#000a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.help-card{background:#121924;border:1px solid #2a3a4d;border-radius:8px;min-width:380px;padding:18px}.help-card table{border-collapse:collapse;margin-bottom:12px}.help-card td{padding:3px 10px;font-size:13px}.help-card td.key{color:#74c0fc;font-weight:700}@media (width<=1400px){.app{grid-template-columns:290px 1fr 320px}}@media (width<=1100px){.app{grid-template-columns:270px 1fr}.col.right{display:none}}