:root{--sb-bg: #0d0f12;--sb-bg-elevated: #14181e;--sb-surface: #1a1f27;--sb-surface-hover: #222830;--sb-border: #2a313c;--sb-border-subtle: #1e2430;--sb-text: #e8eaed;--sb-text-muted: #9aa0a6;--sb-text-dim: #6b7280;--sb-accent: #3dd6c6;--sb-accent-muted: #2a9d8f;--sb-selection: #22d3ee;--sb-selection-fill: rgba(34, 211, 238, .15);--sb-danger: #f05252;--sb-warning: #f0b429;--sb-success: #34d399;--sb-toolbar-bg: rgba(20, 24, 30, .92);--sb-shadow: 0 8px 24px rgba(0, 0, 0, .45);--sb-grid-dot: #2a313c;--sb-font-ui: "IBM Plex Sans", "Segoe UI", sans-serif;--sb-font-mono: "IBM Plex Mono", ui-monospace, monospace;--sb-radius: 6px}.sb-toolbar{position:absolute;left:16px;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:var(--sb-radius);background:var(--sb-toolbar-bg);border:1px solid var(--sb-border);box-shadow:var(--sb-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sb-tool-btn{width:40px;height:40px;display:grid;place-items:center;border:1px solid transparent;border-radius:calc(var(--sb-radius) - 2px);background:transparent;color:var(--sb-text-muted);cursor:pointer}.sb-tool-btn:hover:not(:disabled){background:var(--sb-surface-hover);color:var(--sb-text)}.sb-tool-btn.is-active{color:var(--sb-accent);background:var(--sb-selection-fill);border-color:var(--sb-accent-muted)}.sb-tool-btn:disabled{opacity:.35;cursor:not-allowed}.sb-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;height:52px;padding:0 14px;border-bottom:1px solid var(--sb-border);background:var(--sb-bg-elevated);z-index:30}.sb-topbar-left,.sb-topbar-center,.sb-topbar-right{display:flex;align-items:center;gap:10px;min-width:0}.sb-topbar-center{justify-content:center}.sb-topbar-right{justify-content:flex-end}.sb-wordmark{font-family:var(--sb-font-ui);font-weight:600;font-size:1.05rem;letter-spacing:-.03em;color:var(--sb-text);white-space:nowrap}.sb-room-name{min-width:120px;max-width:220px;height:30px;padding:0 10px;border-radius:var(--sb-radius);border:1px solid var(--sb-border);background:var(--sb-surface);color:var(--sb-text);font:inherit;font-size:.875rem}.sb-btn-group{display:flex;align-items:center;gap:4px}.sb-timescale{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 8px;border-radius:var(--sb-radius);border:1px solid var(--sb-border);background:var(--sb-surface);color:var(--sb-text-muted);font-size:.75rem;white-space:nowrap}.sb-timescale-label{min-width:2.4em;font-variant-numeric:tabular-nums;color:var(--sb-text)}.sb-timescale-slider{width:88px;accent-color:var(--sb-accent);cursor:pointer}.sb-chrome-btn{height:30px;padding:0 10px;border-radius:var(--sb-radius);border:1px solid var(--sb-border);background:var(--sb-surface);color:var(--sb-text);font:inherit;font-size:.8rem;cursor:pointer}.sb-chrome-btn:hover:not(:disabled){background:var(--sb-surface-hover)}.sb-chrome-btn:disabled{opacity:.4;cursor:not-allowed}.sb-chrome-btn.is-accent{border-color:var(--sb-accent-muted);color:var(--sb-accent)}.sb-conn{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--sb-text-muted)}.sb-conn-dot{width:8px;height:8px;border-radius:50%;background:var(--sb-text-dim)}.sb-conn-connected .sb-conn-dot{background:var(--sb-success)}.sb-conn-connecting .sb-conn-dot{background:var(--sb-warning)}.sb-conn-error .sb-conn-dot{background:var(--sb-danger)}.sb-avatars{display:inline-flex;align-items:center;gap:4px}.sb-avatar-placeholder{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--sb-surface);border:1px solid var(--sb-border);font-size:.65rem;color:var(--sb-text-muted)}.sb-avatar{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--sb-bg-elevated);font-size:.7rem;font-weight:700;color:#0d0f12;margin-left:-4px}.sb-avatar.is-self{box-shadow:0 0 0 1px var(--sb-accent)}.sb-inspector{position:absolute;right:16px;top:68px;bottom:16px;width:280px;z-index:20;display:flex;flex-direction:column;border-radius:var(--sb-radius);background:var(--sb-toolbar-bg);border:1px solid var(--sb-border);box-shadow:var(--sb-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.sb-inspector-header{padding:14px 14px 10px;border-bottom:1px solid var(--sb-border-subtle)}.sb-inspector-header h2{margin:0;font-size:.95rem;font-weight:600}.sb-inspector-sub{margin:4px 0 0;font-size:.75rem;color:var(--sb-text-muted);word-break:break-all}.sb-inspector-empty{margin:24px 14px;color:var(--sb-text-muted);font-size:.85rem}.sb-inspector-body{padding:12px 14px 18px;overflow:auto;display:flex;flex-direction:column;gap:10px}.sb-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.sb-field-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--sb-text-dim)}.sb-field-row{display:flex;gap:8px}.sb-input{height:30px;padding:0 8px;border-radius:calc(var(--sb-radius) - 2px);border:1px solid var(--sb-border);background:var(--sb-surface);color:var(--sb-text);font:inherit;font-size:.85rem;font-variant-numeric:tabular-nums}.sb-input:disabled{opacity:.55}.sb-check{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--sb-text)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--sb-bg);color:var(--sb-text);font-family:var(--sb-font-ui)}.app-shell{display:flex;flex-direction:column;height:100%;min-height:100%;overflow:hidden}.workspace{position:relative;flex:1;min-height:0;background:var(--sb-bg)}.sb-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.physics-loading{position:absolute;left:50%;bottom:24px;transform:translate(-50%);z-index:40;padding:8px 14px;border-radius:var(--sb-radius);background:var(--sb-toolbar-bg);border:1px solid var(--sb-border);color:var(--sb-text-muted);font-size:.8rem}.session-error{position:absolute;left:16px;bottom:16px;max-width:360px;padding:8px 12px;border-radius:var(--sb-radius);background:#f0525226;border:1px solid var(--sb-danger);color:var(--sb-danger);font-size:.75rem;z-index:40}