@font-face{font-family:Brand;src:url(/assets/brand-Cfsv1bnY.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:dark;--bg: #0b1020;--panel: #0f172a;--panel2: #111c33;--text: #e5e7eb;--muted: #94a3b8;--border: rgba(148, 163, 184, .18);--shadow: rgba(0, 0, 0, .35);--accent: #60a5fa;--good: #22c55e;--warn: #f59e0b;--bad: #ef4444}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:url(/assets/background-HapKBmPk.webp) center / 100% auto no-repeat,var(--bg);color:var(--text)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.app{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;gap:16px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border);background:#0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{font-family:Brand,ui-sans-serif,system-ui,-apple-system,sans-serif;letter-spacing:.2px;height:100%;display:flex;align-items:center;font-size:3.5vh;line-height:1;color:#c1ff00}.input{border:1px solid var(--border);background:#111c33b3;color:var(--text);border-radius:10px;padding:10px 12px;outline:none}.status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;white-space:nowrap}.error{color:#fecaca}.dot{width:9px;height:9px;border-radius:999px;background:#64748b;box-shadow:0 0 0 3px #64748b26}.dot-connecting{background:var(--warn);box-shadow:0 0 0 3px #f59e0b26}.dot-connected{background:var(--good);box-shadow:0 0 0 3px #22c55e26}.dot-disconnected,.dot-error{background:var(--bad);box-shadow:0 0 0 3px #ef444426}.main{flex:1;padding:16px}.hint{color:var(--muted);font-size:13px;margin-bottom:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.card{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:14px;background:linear-gradient(180deg,#111c33bf,#0f172a99);border:1px solid var(--border);box-shadow:0 10px 30px var(--shadow);cursor:pointer;color:inherit;text-align:left}.card:hover{border-color:#60a5fa59;transform:translateY(-1px)}.cardTitle{font-size:13px;color:var(--text);opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview{width:100%;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#02061773;border:1px solid rgba(148,163,184,.12)}.preview hang-watch,.watchArea hang-watch{width:100%;height:100%;display:block}.preview canvas,.watchArea canvas{width:100%;height:100%;display:block;object-fit:contain}.preview video,.watchArea video{width:100%;height:100%;display:block;object-fit:contain}.empty{padding:40px 16px;color:#c1ff00;text-align:center}.viewer{display:flex;flex-direction:column;gap:12px}.viewerHeader{display:flex;gap:12px;align-items:center;justify-content:space-between}.viewerTitle{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button{border:1px solid var(--border);background:#111c33b3;color:var(--text);border-radius:10px;padding:9px 12px;cursor:pointer}.toggle{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;-webkit-user-select:none;user-select:none}.watchArea{width:100%;height:min(70vh,740px);border-radius:14px;overflow:hidden;border:1px solid var(--border);background:#0206178c;position:relative}.watchArea:fullscreen{border-radius:0;height:100vh}.fightOverlay{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:9;padding:10px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:#020617a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#c1ff00;font-weight:700;letter-spacing:.2px;text-shadow:0 1px 10px rgba(0,0,0,.65);opacity:0;transition:opacity .16s ease,transform .16s ease;pointer-events:none;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fightOverlay.visible{opacity:1;transform:translate(-50%) translateY(-2px)}.fullscreenButton{position:absolute;bottom:16px;right:16px;border:1px solid var(--border);background:#111c33e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);border-radius:10px;padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}.fullscreenButton.visible{opacity:1;pointer-events:auto}.fullscreenButton:hover{background:#60a5fa33;border-color:#60a5fa80}.publishArea{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--border);background:#0f172a80}.publishMeta{display:flex;align-items:baseline;gap:10px;min-width:0}.publishLabel{color:var(--muted);font-size:13px}.publishPath{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#root{min-height:100%}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;gap:16px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border);background:#0f172ab8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbarNav{display:flex;gap:8px;margin-left:auto}.brand{font-family:Brand,ui-sans-serif,system-ui,-apple-system,sans-serif;letter-spacing:.2px;display:flex;align-items:center;font-size:3.5vh;line-height:1;color:#c1ff00}.field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:260px}.fieldLabel{font-size:12px;color:var(--muted)}.input{border:1px solid var(--border);background:#111c33b8;color:var(--text);border-radius:10px;padding:10px 12px;outline:none;width:100%;box-sizing:border-box}.input:focus{border-color:#60a5fa80;box-shadow:0 0 0 3px #60a5fa26}.select-input{appearance:none}.main{flex:1;min-height:0;padding:24px}.button{border:1px solid var(--border);background:#111c33b8;color:var(--text);border-radius:10px;padding:9px 12px;cursor:pointer;font:inherit;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.button:hover:not(:disabled){border-color:#60a5fa66;transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:not-allowed}.button--tab{text-transform:capitalize;font-size:14px;background:transparent}.button--active{background:var(--accent);color:#000}.button--secondary{background:#0f172ab8}.button--success{background:#22c55ee6;border-color:#22c55e66;color:#04130a;font-weight:700}.button--danger{background:#ef4444e6;border-color:#ef444459;color:#170707;font-weight:700}.button--small{padding:6px 10px;font-size:13px}.page-stack{display:flex;flex-direction:column;gap:24px}.page-stack--full{min-height:100%}.page-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.page-header--spread{justify-content:space-between}.page-title{margin:0;font-size:24px}.page-message{color:var(--muted)}.page-alert{color:var(--bad);background:#ef44441a;border:1px solid rgba(239,68,68,.18);padding:12px;border-radius:10px}.page-empty{color:var(--muted);text-align:center;padding:48px}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em}.status-pill--online{background:#22c55e2e;color:var(--good)}.status-pill--offline{background:#ef44442e;color:var(--bad)}.robot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.robot-card{display:flex;flex-direction:column;gap:12px;width:100%;padding:16px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#111c33d1,#0f172ab8);box-shadow:0 10px 30px var(--shadow);color:inherit;text-align:left}.robot-card:hover{border-color:#60a5fa59}.robot-card__preview{width:100%;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#020617b3;border:1px solid rgba(148,163,184,.12)}.robot-card__header{display:flex;justify-content:space-between;align-items:center;gap:12px}.robot-card__id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;color:var(--muted)}.robot-card__mode{font-size:12px;color:var(--text)}.robot-card__meta{font-size:12px;color:var(--muted)}.stream{width:100%;height:100%}.stream-grid{width:100%;height:100%;display:grid;grid-template-columns:1fr;gap:8px}.stream-grid--multi{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stream-tile{min-width:0;min-height:0;overflow:hidden;border-radius:12px;background:#020617ad}.stream-video{width:100%;height:100%;display:block;object-fit:cover;background:#020617}.stream-empty{position:relative;width:100%;height:100%;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);text-align:center;background:radial-gradient(circle at top,rgba(96,165,250,.12),transparent 45%),linear-gradient(180deg,#020617eb,#0f172aeb);overflow:hidden}.stream-empty--compact{min-height:100%;gap:6px}.stream-empty__animation{width:88px;height:88px}.stream-empty--compact .stream-empty__animation{width:56px;height:56px}.stream-empty__scan{position:absolute;inset:0;border-radius:999px}.stream-empty__scan{background:linear-gradient(180deg,transparent 25%,rgba(96,165,250,.12) 50%,transparent 75%);animation:streamScan 1s linear infinite}.stream-empty__title{font-size:14px;font-weight:600;color:var(--text)}.stream-empty__meta{font-size:12px}.stream-empty__meta code{color:var(--text)}.robot-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;flex:1;min-height:0}.robot-detail-main{min-height:0}.robot-detail-sidebar{display:flex;flex-direction:column;gap:24px;min-height:0;overflow-y:auto}.media-stage{position:relative;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:#000;min-height:360px}.media-stage__stream{height:100%}.media-stage__overlay{position:absolute;left:8px;bottom:8px;width:clamp(210px,42%,360px);height:clamp(140px,52%,320px);pointer-events:none;opacity:.96}.media-stage__viewer{height:100%}.panel{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:12px;border:1px solid var(--border);background:#0f172ad1}.panel--grow{flex:1}.panel-title{margin:0;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.panel-title--compact{margin-bottom:-4px}.panel-title--spaced{margin-bottom:4px}.panel-row{display:flex;gap:8px}.panel-copy{margin:0;font-size:13px;color:var(--muted)}.panel-copy--small{font-size:12px}.panel-copy--status{margin-top:-4px}.panel-copy--empty{font-size:14px}.controller-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.controller-chip{padding:8px;text-align:center;border-radius:8px;font-size:12px;font-weight:700}.controller-chip--active{background:var(--accent);color:#000}.controller-chip--inactive{background:var(--panel2);color:var(--muted)}.joint-state-list{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;font-size:12px}.joint-state-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.joint-state-name{color:var(--muted)}.joint-state-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.robot-viewer{width:100%;height:100%}.joint-controls{color:var(--text)}.joint-controls--panel{padding:1rem;max-height:400px;overflow:auto}.joint-controls__header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1rem}.joint-controls__title{margin:0}.joint-controls__group{margin-bottom:.5rem}.joint-controls__summary{cursor:pointer;font-weight:700;margin-bottom:.5rem}.joint-controls__group-body{padding-left:1rem}.joint-controls__row{margin-bottom:.5rem}.joint-controls__label{display:block;font-size:.8rem;margin-bottom:.25rem}.joint-controls__slider-row{display:flex;align-items:center;gap:.5rem}.joint-controls__slider{flex:1}.joint-controls__value{min-width:3rem;text-align:right;font-size:.7rem}@keyframes streamPulse{0%{transform:scale(.72);opacity:.85}70%{transform:scale(1.08);opacity:0}to{transform:scale(1.08);opacity:0}}@keyframes streamScan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@media(max-width:1100px){.robot-detail-layout{grid-template-columns:1fr}.robot-detail-sidebar{overflow:visible}}@media(max-width:720px){.main{padding:16px}.topbar{flex-wrap:wrap}.topbarNav{width:100%;margin-left:0}.field{min-width:100%}.controller-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-stage{min-height:280px}.media-stage__overlay{width:clamp(180px,46%,260px);height:clamp(120px,40%,220px)}}