:root{--bg: #0e1116;--panel: #161b22;--panel-2: #1c232c;--border: #2a323d;--text: #d7dde5;--muted: #8a97a6;--accent: #4fc3f7}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font:13px/1.4 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}#app{display:flex;flex-direction:column}#topbar{display:flex;align-items:center;gap:12px;padding:8px 14px;background:var(--panel);border-bottom:1px solid var(--border)}.brand{font-weight:700;letter-spacing:.5px;flex:none}.city-name{color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panels-toggle{display:none;margin-left:8px;padding:4px 12px;font-size:15px;line-height:1;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:6px;cursor:pointer}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.status{padding:2px 10px;border-radius:999px;font-size:12px;background:var(--panel-2);border:1px solid var(--border)}.status--live{color:#00e676;border-color:#1e5631}.status--connecting,.status--reconnecting{color:#ffca28}.status--error{color:#ef476f}.status--done{color:var(--muted)}.pause-btn{margin-left:8px;padding:4px 12px;font-size:13px;line-height:1;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:6px;cursor:pointer}.pause-btn.paused{background:#238636;border-color:#238636;color:#fff}.pause-btn:disabled{opacity:.6;cursor:default}.deploy-chip{padding:2px 10px;border-radius:999px;font-size:12px;white-space:nowrap;background:var(--panel-2);border:1px solid var(--border);color:var(--muted)}.deploy-chip--busy{color:#cfe3ff;border-color:#2b4a6b;background:#16324f}.deploy-chip--failed{color:#ffb3c1;border-color:#5a2530;background:#3d1c22}.deploy-chip--ok{color:var(--muted)}.deploy-spin{display:inline-block;animation:deploy-spin 1s linear infinite}@keyframes deploy-spin{to{transform:rotate(360deg)}}#module-root{flex:1;min-height:0;position:relative}@media (max-width: 760px){#topbar{position:relative;z-index:30;gap:8px;padding:8px 10px;overflow:hidden}.panels-toggle{display:inline-flex}.brand,.deploy-chip{display:none}.topbar-right{gap:8px;min-width:0}}