*{margin:0;padding:0;box-sizing:border-box}html,body,#stage{width:100%;height:100%;background:#0b0e11;overflow:hidden;font-family:ui-monospace,SF Mono,Menlo,monospace;color:#d7e0e8}.feed{position:absolute;object-fit:contain;background:#14181d}.feed.dominant{top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.feed.pip{right:16px;bottom:16px;width:24%;min-width:220px;height:auto;aspect-ratio:16 / 9;border:2px solid #3a4653;border-radius:6px;z-index:2;box-shadow:0 4px 18px #0009}#left-column{position:absolute;top:12px;left:12px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:8px}#hud{display:flex;flex-direction:column;gap:4px;font-size:13px;background:#0a0e12b8;padding:10px 12px;border-radius:6px;border:1px solid #2a333d;white-space:pre}#hud-connection[data-ok=true]{color:#7ee38b}#hud-connection[data-ok=false]{color:#ff7b72}#system-panel{min-width:208px;background:#0a0e12b8;border:1px solid #2a333d;border-radius:6px;font-size:13px}#system-panel [data-sys=toggle]{display:block;width:100%;background:none;border:0;color:#d7e0e8;font:inherit;text-align:left;padding:8px 12px;cursor:pointer}#system-panel [data-sys=toggle][data-alert=true]{color:#ff7b72;font-weight:700}#system-panel [data-sys=body]{padding:2px 12px 8px}.sys-row{display:flex;justify-content:space-between;gap:18px;padding:1px 0}.sys-row span:first-child{color:#8b98a5}.sys-row[data-level=warn] span:last-child{color:#e3b341}.sys-row[data-level=bad] span:last-child{color:#ff7b72;font-weight:700}#pose-inset{position:absolute;top:12px;right:16px;z-index:3;background:#0a0e12b8;border:1px solid #2a333d;border-radius:6px;padding:8px 10px 6px;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none}#pose-inset [data-pose=text]{font-size:12px;margin-top:2px;white-space:pre}#pose-inset .pose-hint{font-size:10px;color:#8b98a5;margin-top:2px}.banner{position:absolute;top:18%;left:50%;transform:translate(-50%);z-index:5;padding:14px 28px;border-radius:8px;font-size:22px;font-weight:700;background:#b62324;color:#fff;letter-spacing:.06em}.banner.warn{top:30%;background:#b8860b}#controls{position:absolute;left:16px;bottom:16px;z-index:4;display:flex;gap:10px}#btn-estop{background:#b62324;color:#fff;border:0;font:inherit;font-size:20px;font-weight:800;padding:14px 26px;border-radius:8px;cursor:pointer}#btn-reset{background:#2a333d;color:#d7e0e8;border:1px solid #3a4653;font:inherit;padding:8px 14px;border-radius:8px;cursor:pointer}#help{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:3;font-size:12px;color:#8b98a5;background:#0a0e1299;padding:6px 12px;border-radius:6px}#login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#0b0e11eb}#login-overlay[hidden]{display:none}#login-form{display:flex;flex-direction:column;gap:12px;width:min(320px,86vw);padding:26px;background:#14181d;border:1px solid #3a4653;border-radius:10px;box-shadow:0 8px 32px #000000b3}#login-form h2{font-size:15px;font-weight:700;letter-spacing:2px;color:#d7a13b}#login-password{background:#0b0e11;border:1px solid #3a4653;border-radius:6px;color:#d7e0e8;font:inherit;padding:10px 12px}#login-password:focus{outline:none;border-color:#d7a13b}#login-form button{background:#2a6b3f;color:#fff;border:0;font:inherit;font-weight:700;padding:10px 14px;border-radius:6px;cursor:pointer}#login-error{color:#ff7a6b;font-size:12px}