:root{--bg: #0f0f0f;--bg-card: #1a1a1a;--bg-hover: #222;--bg-selected: #1a2a3a;--bg-input: #161616;--border: #2a2a2a;--border-light: #333;--text: #e8e8e8;--text-muted: #888;--text-dim: #555;--accent: #4a9eff;--accent-hover: #3b8be8;--plan-free: #555;--plan-basic: #4a9eff;--plan-pro: #a855f7;--plan-studio: #f59e0b;--danger: #ef4444;--success: #22c55e;--radius: 8px;--radius-lg: 12px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}.mono{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px}.app.svelte-12qhfyh{display:flex;height:100vh}.sidebar.svelte-12qhfyh{width:200px;background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 0;flex-shrink:0;z-index:20}.brand.svelte-12qhfyh{padding:0 20px 24px;font-size:18px;font-weight:600;border-bottom:1px solid var(--border);margin-bottom:12px}.diamond.svelte-12qhfyh{color:var(--accent)}.env-switch.svelte-12qhfyh{display:flex;gap:4px;padding:0 12px 12px;border-bottom:1px solid var(--border);margin-bottom:8px}.env-btn.svelte-12qhfyh{flex:1;padding:5px 0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text-muted);cursor:pointer}.env-btn.svelte-12qhfyh:hover{color:var(--text);border-color:var(--border-light)}.env-btn.active.svelte-12qhfyh{background:var(--accent);border-color:var(--accent);color:#fff}.nav-links.svelte-12qhfyh{display:flex;flex-direction:column;flex:1;padding:8px}.nav-link.svelte-12qhfyh{padding:10px 12px;color:var(--text-muted);text-decoration:none;border-radius:var(--radius);font-size:14px}.nav-link.svelte-12qhfyh:hover,.nav-link.active.svelte-12qhfyh{color:var(--text);background:var(--bg-hover)}.logout.svelte-12qhfyh{margin:8px 12px;padding:8px;background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);cursor:pointer;font-size:13px}.logout.svelte-12qhfyh:hover{color:var(--text);border-color:var(--border-light)}main.svelte-12qhfyh{flex:1;overflow-y:auto;padding:32px}main.with-sidebar.svelte-12qhfyh{max-width:calc(100% - 200px)}.hamburger.svelte-12qhfyh{display:none;position:fixed;top:12px;left:12px;z-index:30;width:40px;height:40px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:20px;cursor:pointer;line-height:1}.overlay.svelte-12qhfyh{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:15}@media (max-width: 640px){.hamburger.svelte-12qhfyh,.overlay.svelte-12qhfyh{display:block}.sidebar.svelte-12qhfyh{position:fixed;top:0;left:0;bottom:0;width:220px;transform:translate(-100%);transition:transform .2s ease}.sidebar.open.svelte-12qhfyh{transform:translate(0)}main.svelte-12qhfyh{padding:60px 16px 16px}main.with-sidebar.svelte-12qhfyh{max-width:100%}}