#robot-dialog{width:min(1440px,96vw);max-height:94dvh;padding:0;border:1px solid #ffffffe6;border-radius:28px;color:#334455;background:#eef5fae8;backdrop-filter:blur(26px);box-shadow:0 26px 100px #48688855;overflow:auto}
#robot-dialog::backdrop{background:#38516b32;backdrop-filter:blur(7px)}
.robot-observer-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;border-bottom:1px solid #b4c7d548;background:#f6faffd9;position:sticky;top:0;z-index:5;backdrop-filter:blur(22px)}
.robot-observer-header h2{font-size:22px;margin:4px 0 0;font-weight:500}.robot-observer-header small{color:#71889b;font-size:10px}
.robot-observer-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.robot-observer-controls button,.robot-observer-controls select{font-size:11px;min-height:32px;padding:6px 10px}.robot-observer-controls select{width:auto;max-width:260px}
.robot-observer-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);gap:16px;padding:18px}
.robot-observer-column{display:flex;flex-direction:column;gap:16px;min-width:0}.robot-observer-card{padding:17px 19px;background:#ffffff9e;border:1px solid white;border-radius:22px;box-shadow:5px 8px 25px #8aa3b018;min-width:0}
.robot-observer-card h3{margin:0 0 10px;font-size:14px;font-weight:550}.robot-observer-card p{font-size:11px;line-height:1.7;color:#657f94;margin:6px 0;overflow-wrap:anywhere}
.robot-observer-camera{position:relative}#robot-stage #scene{height:clamp(270px,34vh,430px);border-radius:22px;margin:0;box-shadow:none}#robot-stage #scene-labels,#robot-stage .scene-help,#robot-stage .scene-badge,#robot-stage .scene-operation-key{display:none}
.robot-camera-hud{position:absolute;z-index:2;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:10px;pointer-events:none;color:#456b85;font-size:10px}.robot-camera-hud span{padding:7px 10px;border:1px solid #ffffffbc;background:#f5faffb8;border-radius:12px;backdrop-filter:blur(12px)}
.robot-observer-note{font-size:10px;line-height:1.7;color:#6c8599;padding:0 6px;margin:8px 0 0}.robot-camera-modes{display:flex;gap:5px}.robot-camera-modes button{padding:5px 10px;font-size:10px;border-radius:12px;background:#ffffff9e}.robot-camera-modes button[aria-pressed=true]{background:#dbe9f6;color:#276eab;border-color:#b7d2e8}
.robot-card[data-robot-arm]{width:100%;text-align:left;justify-content:flex-start;cursor:pointer;font:inherit}.robot-card[data-robot-arm]:hover{background:#ffffffb8;border-color:#b5d2e8}.robot-label{cursor:pointer;font:inherit;pointer-events:auto}.robot-label:hover{background:#fff;color:#246b9f}
.robot-program{position:relative;list-style:none;padding:0;margin:12px 0 0;max-height:238px;overflow:auto;border-top:1px solid #bacbd849}.robot-program li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:7px;align-items:start;padding:8px 6px;border-bottom:1px solid #becdda32;border-left:3px solid transparent;font-size:11px;line-height:1.5}.robot-program li[data-current=true]{border-left-color:#8060dc;background:#8060dc0c}.robot-program li[data-state=failed]{border-left-color:#d64e6b;background:#d64e6b0c}.robot-program code{font-size:10px;color:#7b68af}.robot-program small{color:#738ba0;font-size:9px}.robot-program .program-done{color:#249b78}
.robot-status-line{display:flex;gap:8px;flex-wrap:wrap;font-size:10px;color:#617e95;margin:10px 0}.robot-status-line b{font-weight:500;padding:4px 8px;background:#e4edf5;border-radius:8px}.robot-status-line b[data-fault=true]{color:#ba4563;background:#f7e4eb}
.robot-target-name{font-size:17px!important;color:#334f67!important}.robot-gate{padding:9px 11px;border-radius:12px;background:#e9eff85e}.robot-sensors{width:100%;border-collapse:collapse;font-size:10px;font-variant-numeric:tabular-nums}.robot-sensors th,.robot-sensors td{padding:7px 4px;border-bottom:1px solid #bdcfdd4f;text-align:right}.robot-sensors th:first-child,.robot-sensors td:first-child{text-align:left}.robot-sensors th{font-weight:450;color:#7890a3}.robot-sensors td{color:#466d88}.robot-observer-metrics{display:flex;flex-wrap:wrap;gap:9px 18px;margin:8px 0;font-size:10px;color:#6c859b}.robot-observer-metrics strong{font-weight:550;color:#456e8a}
.robot-neuron-layout{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:14px;align-items:start}.robot-voltage-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:10px;margin-bottom:10px;color:#6c859b}.robot-voltage-controls select{min-height:28px;font-size:10px;padding:4px 7px}.robot-voltage-controls label{display:flex;gap:5px;align-items:center}#robot-trace{width:100%;height:auto;display:block;border-radius:12px;background:#f3f7fa}#robot-neurons{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}#robot-neurons button{padding:0;min-height:18px;min-width:0;height:18px;border-radius:6px;font-size:8px;box-shadow:none;background:color-mix(in srgb,#8060dc calc(var(--v,0)*75%),#e5edf5);border:1px solid #b7c8d559;color:#45637b}#robot-neurons button[data-spike=true]{background:#e6a35b;color:#382d23}#robot-neurons button[aria-pressed=true]{outline:2px solid #397dc3;outline-offset:1px}.robot-neuron-key{font-size:9px;color:#7890a3;margin-top:8px;line-height:1.6}
.robot-neural-link{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #b7d2e8;border-radius:12px;color:#276eab;text-decoration:none;background:#ffffff9e;font-size:11px;min-height:32px}
@media(max-width:900px){.robot-observer-grid{grid-template-columns:1fr}.robot-observer-header{padding:15px;align-items:start}.robot-observer-header h2{font-size:17px}.robot-observer-grid{padding:12px}.robot-observer-controls{justify-content:flex-end}.robot-observer-controls button,.robot-observer-controls select{font-size:10px}#robot-stage #scene{height:340px}}
@media(min-width:901px) and (max-height:800px){#robot-stage #scene{height:210px}.robot-observer-grid{padding:12px;gap:12px}.robot-observer-card{padding:13px 16px}.robot-observer-header{padding:12px 20px}.robot-program{max-height:180px}.robot-observer-column{gap:12px}}
@media(prefers-reduced-transparency:reduce){#robot-dialog,.robot-observer-header,.robot-observer-card{backdrop-filter:none;background:#f3f7fb}}