[data-theme=dark]{--bg-base:#0c1222;--bg-surface:#111827;--bg-elevated:#1a2332;--bg-input:#1e293b;--bg-hover:#243044;--bg-active:#1e3a5f;--border:#1e3048;--border-active:#2563eb;--text-primary:#e2e8f0;--text-secondary:#8898aa;--text-muted:#567;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-amber:#f59e0b;--accent-violet:#8b5cf6;--accent-rose:#f43f5e;--activity-bar-bg:#080e1a;--activity-icon:#567;--activity-icon-hover:#8898aa;--activity-icon-active:#e2e8f0;--activity-active-border:#3b82f6;--status-bar-bg:#080e1a;--status-bar-text:#8898aa;--scrollbar-thumb:#2a3a4e;--scrollbar-track:transparent}[data-theme=light]{--bg-base:#fafaf8;--bg-surface:#fff;--bg-elevated:#f5f5f0;--bg-input:#f0f0ec;--bg-hover:#eaeae4;--bg-active:#dde8f5;--border:#e2e2dc;--border-active:#2563eb;--text-primary:#1a1a2e;--text-secondary:#6b6b80;--text-muted:#99a;--accent-blue:#2563eb;--accent-green:#059669;--accent-amber:#d97706;--accent-violet:#7c3aed;--accent-rose:#e11d48;--activity-bar-bg:#f0f0ec;--activity-icon:#99a;--activity-icon-hover:#6b6b80;--activity-icon-active:#1a1a2e;--activity-active-border:#2563eb;--status-bar-bg:#2563eb;--status-bar-text:#fff;--scrollbar-thumb:#ccc;--scrollbar-track:transparent}body,html{margin:0;padding:0;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14px;background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--activity-icon-hover)}.workbench{display:grid;grid-template-columns:48px 1fr;grid-template-rows:1fr 22px;height:100vh;width:100vw;overflow:hidden}.activity-bar{grid-column:1;grid-row:1;background:var(--activity-bar-bg);border-right:1px solid var(--border);padding:8px 0;overflow-y:auto;overflow-x:hidden}.activity-bar,.activity-bar-top{display:flex;flex-direction:column;align-items:center;gap:2px}.activity-bar-top{flex:1}.activity-bar-divider{width:24px;height:1px;background:var(--border);margin:8px 0;flex-shrink:0}.activity-bar-bottom{display:flex;flex-direction:column;align-items:center;gap:2px}.activity-icon{width:40px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--activity-icon);cursor:pointer;border-radius:6px;transition:all .15s ease;position:relative}.activity-icon:hover{color:var(--activity-icon-hover);background:var(--bg-hover)}.activity-icon.active{color:var(--activity-icon-active);background:var(--bg-active)}.activity-icon.active:before{content:"";position:absolute;left:-4px;top:6px;bottom:6px;width:3px;background:var(--activity-active-border);border-radius:0 2px 2px 0}.activity-icon.secondary{width:36px;height:32px}.workbench-main{grid-column:2;grid-row:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-base)}.workbench-editor{flex:1;overflow-y:auto;overflow-x:hidden}.workbench-bottom{border-top:1px solid var(--border);background:var(--bg-surface);height:200px;display:flex;flex-direction:column;flex-shrink:0}.bottom-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);padding:0 12px}.bottom-tab{padding:6px 16px;font-size:12px;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.bottom-tab.active,.bottom-tab:hover{color:var(--text-primary)}.bottom-tab.active{border-bottom-color:var(--accent-blue)}.bottom-content{flex:1;overflow-y:auto}.status-bar{grid-column:1/-1;grid-row:2;background:var(--status-bar-bg);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:12px;color:var(--status-bar-text);user-select:none}.status-bar-left,.status-bar-right{display:flex;align-items:center;gap:6px}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.status-indicator.alive{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.status-label{font-size:12px}.status-label.dim,.status-separator{color:var(--text-muted)}.status-separator{font-size:10px}.status-icon{color:var(--status-bar-text);opacity:.7}.pulse-bar{width:48px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.pulse-fill{height:100%;border-radius:2px;transition:width 1s ease-out}.bottom-toggle{position:fixed;bottom:2px;right:60px;background:transparent;border:none;color:var(--status-bar-text);cursor:pointer;padding:2px 6px;border-radius:3px;z-index:50;opacity:.7}.bottom-toggle:hover{opacity:1;background:hsla(0,0%,100%,.1)}.page-container{padding:24px 32px;max-width:1200px}.page-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.page-tagline{font-size:.875rem;color:var(--text-secondary);margin:0 0 24px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:20px;transition:border-color .15s}.card:hover{border-color:var(--accent-blue)}.card-title{font-size:.875rem;font-weight:600;margin:0 0 6px}.card-title,.card-value{color:var(--text-primary)}.card-value{font-size:1.75rem;font-weight:700;margin:0}.card-label{font-size:.75rem;color:var(--text-secondary);margin:4px 0 0}@media (max-width:768px){.workbench{grid-template-columns:42px 1fr}.activity-icon{width:34px;height:32px}.page-container{padding:16px}}