:root{--bg:#eef3fb}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}#app{position:fixed;inset:0}#app canvas{display:block}.fps-meter{color:#fff;pointer-events:none;background:#00000073;border-radius:4px;padding:2px 6px;font:12px/1.4 ui-monospace,monospace;position:absolute;top:8px;left:8px}.dev-hint{color:#fff;pointer-events:none;background:#00000073;border-radius:4px;padding:3px 8px;font:12px/1.4 ui-monospace,monospace;position:absolute;bottom:8px;left:8px}.conn{color:#1f2a44;pointer-events:none;background:#ffffffe6;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font:500 13px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;box-shadow:0 1px 4px #1e284626}.conn-dot{background:#f0b429;border-radius:50%;width:8px;height:8px}.conn[data-status=connected] .conn-dot{background:#3ddc84}.conn[data-status=reconnecting] .conn-dot{background:#ff8a3d;animation:1s ease-in-out infinite conn-pulse}@keyframes conn-pulse{50%{opacity:.3}}.hud{pointer-events:none;color:#1f2a44;flex-direction:column;align-items:flex-end;gap:6px;font:13px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;position:absolute;top:10px;right:10px}.hud-card{background:#ffffffe6;border-radius:12px;flex-direction:column;gap:6px;min-width:230px;max-width:300px;padding:10px 12px;display:flex;box-shadow:0 1px 6px #1e284626}.hud-row{align-items:center;gap:6px;display:flex}.hud-label{color:#5b6680}.hud-value{text-align:right;font-variant-numeric:tabular-nums;margin-left:auto}.hud-muted{font-size:12px}.hud-row[hidden]{display:none}.hud-dot{background:#9aa3b2;border-radius:50%;flex:none;width:8px;height:8px}.hud-gateway{font-weight:600}.hud-gateway[data-status=ok] .hud-dot{background:#3ddc84}.hud-gateway[data-status=down] .hud-dot{background:#ff4d4f}.hud-states{flex-wrap:wrap;gap:4px;display:flex}.hud-chip{background:#eef2f8;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:12px;display:inline-flex}.hud-chip b{font-variant-numeric:tabular-nums}.hud-chip.is-zero{opacity:.45}[data-state=working]>.hud-dot,.agent-badge[data-state=working]{background:#4a7fd6}[data-state=error]>.hud-dot,.agent-badge[data-state=error]{background:#ff4d4f}[data-state=celebrating]>.hud-dot,.agent-badge[data-state=celebrating]{background:#2fbf71}[data-state=idle]>.hud-dot,.agent-badge[data-state=idle]{background:#8ea3c7}[data-state=offline]>.hud-dot,.agent-badge[data-state=offline]{background:#9aa3b2}.agent-panel{color:#1f2a44;background:#fffffff2;border-radius:12px;width:280px;padding:12px 14px;font:13px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 10px #1e284633}.agent-panel[hidden]{display:none}.agent-panel header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.agent-panel h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;overflow:hidden}.agent-badge{color:#fff;border-radius:999px;flex:none;padding:1px 8px;font-size:12px;font-weight:600}.agent-close{color:#5b6680;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:20px;line-height:1}.agent-close:hover{color:#1f2a44}.agent-panel dl{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;display:grid}.agent-panel dt{color:#5b6680}.agent-panel dd{text-align:right;overflow-wrap:anywhere;margin:0}.agent-note{color:#7a4b00;background:#fff4e0;border-radius:6px;margin:8px 0 0;padding:6px 8px;font-size:12px}@media (width<=560px){.hud-card{min-width:0;max-width:calc(100vw - 20px)}.agent-panel{width:auto;left:10px}}