:root{--studio-bg: #f5f5f5;--studio-bg-secondary: #ffffff;--studio-bg-card: #ffffff;--studio-bg-hover: #eeeeee;--studio-border: #e0e0e0;--studio-text: #1a1a1a;--studio-text-secondary: #555555;--studio-text-muted: #999999;--studio-accent: #4A7FB5;--studio-accent-hover: #3A6A9B;--studio-navy: #1B3E65;--studio-danger: #f85149;--studio-success: #3fb950;--studio-radius: 8px;--studio-sidebar-width: 260px;--studio-app-sidebar: 220px;--studio-app-sidebar-collapsed: 56px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--studio-bg);color:var(--studio-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--studio-accent);text-decoration:none}a:hover{color:var(--studio-accent-hover)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}*{scrollbar-width:thin;scrollbar-color:transparent transparent}*:hover{scrollbar-color:var(--studio-border) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}*:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--studio-border) 60%,transparent)}*:hover::-webkit-scrollbar-thumb:hover{background:var(--studio-text-muted)}.app-sidebar.svelte-195nb5v{width:220px;min-width:220px;height:100vh;position:fixed;top:0;left:0;z-index:100;background:var(--studio-bg-card);border-right:1px solid var(--studio-border);display:flex;flex-direction:column;transition:width .2s ease,min-width .2s ease;overflow:hidden}.app-sidebar.collapsed.svelte-195nb5v{width:56px;min-width:56px}.sidebar-logo.svelte-195nb5v{display:flex;align-items:center;gap:10px;padding:16px 14px;border-bottom:1px solid var(--studio-border);min-height:57px;flex-shrink:0}.logo-text.svelte-195nb5v{font-size:15px;font-weight:700;color:var(--studio-text);white-space:nowrap;letter-spacing:-.01em}.sidebar-scroll.svelte-195nb5v{flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-scroll.svelte-195nb5v::-webkit-scrollbar{width:4px}.sidebar-scroll.svelte-195nb5v::-webkit-scrollbar-thumb{background:transparent;border-radius:2px}.sidebar-scroll.svelte-195nb5v:hover::-webkit-scrollbar-thumb{background:var(--studio-border)}.sidebar-section.svelte-195nb5v{padding:8px 8px 0}.section-label.svelte-195nb5v{font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--studio-text-muted);padding:8px 8px 4px;text-transform:uppercase}.sidebar-item.svelte-195nb5v{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:6px;color:var(--studio-text-secondary);position:relative;transition:background .15s,color .15s;white-space:nowrap}.sidebar-item.svelte-195nb5v:hover{background:var(--studio-bg-hover);color:var(--studio-text)}.sidebar-item.active.svelte-195nb5v{background:color-mix(in srgb,var(--studio-accent) 10%,transparent);color:var(--studio-accent)}.active-bar.svelte-195nb5v{position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 2px 2px 0;background:var(--studio-accent)}.item-icon.svelte-195nb5v{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.item-label.svelte-195nb5v{flex:1;text-align:left;font-size:13px;font-weight:500}.item-count.svelte-195nb5v{font-size:11px;font-weight:600;color:var(--studio-text-muted);background:var(--studio-bg);padding:1px 6px;border-radius:10px;min-width:20px;text-align:center}.sidebar-item.active.svelte-195nb5v .item-count:where(.svelte-195nb5v){background:color-mix(in srgb,var(--studio-accent) 15%,transparent);color:var(--studio-accent)}.ws-group.svelte-195nb5v{margin-bottom:2px}.ws-header.svelte-195nb5v{display:flex;align-items:center;border-radius:6px;position:relative;transition:background .15s}.ws-header.svelte-195nb5v:hover{background:var(--studio-bg-hover)}.ws-header.active.svelte-195nb5v{background:color-mix(in srgb,var(--studio-accent) 10%,transparent)}.ws-expand.svelte-195nb5v{display:flex;align-items:center;justify-content:center;width:28px;height:32px;flex-shrink:0;color:var(--studio-text-muted);border-radius:4px}.ws-expand.svelte-195nb5v:hover{color:var(--studio-text)}.chevron.svelte-195nb5v{transition:transform .15s ease}.chevron.expanded.svelte-195nb5v{transform:rotate(90deg)}.ws-name.svelte-195nb5v{flex:1;display:flex;align-items:center;gap:6px;padding:6px 8px 6px 0;min-width:0;color:var(--studio-text-secondary);transition:color .15s}.ws-header.active.svelte-195nb5v .ws-name:where(.svelte-195nb5v){color:var(--studio-accent)}.ws-name.svelte-195nb5v:hover{color:var(--studio-text)}.ws-label.svelte-195nb5v{flex:1;text-align:left;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-count.svelte-195nb5v{flex-shrink:0}.ws-rename-input.svelte-195nb5v{flex:1;min-width:0;padding:1px 4px;font-size:13px;font-weight:500;border:1px solid var(--studio-accent);border-radius:3px;background:var(--studio-bg);color:var(--studio-text);outline:none}.ws-folders.svelte-195nb5v{padding-left:12px}.folder-item.svelte-195nb5v{display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px 5px 16px;border-radius:5px;color:var(--studio-text-muted);position:relative;transition:background .15s,color .15s;white-space:nowrap}.folder-item.svelte-195nb5v:hover{background:var(--studio-bg-hover);color:var(--studio-text)}.folder-item.active.svelte-195nb5v{background:color-mix(in srgb,var(--studio-accent) 10%,transparent);color:var(--studio-accent)}.folder-icon.svelte-195nb5v{flex-shrink:0;opacity:.6}.folder-item.active.svelte-195nb5v .folder-icon:where(.svelte-195nb5v){opacity:1}.folder-label.svelte-195nb5v{flex:1;text-align:left;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.folder-count.svelte-195nb5v{font-size:10px;padding:0 5px;min-width:18px}.ungrouped-item.svelte-195nb5v{margin-top:4px;opacity:.75}.ungrouped-item.svelte-195nb5v:hover{opacity:1}.new-ws-btn.svelte-195nb5v{opacity:.5;margin-top:2px}.new-ws-btn.svelte-195nb5v:hover{opacity:1}.new-ws-label.svelte-195nb5v{font-size:12px;color:var(--studio-text-muted)}.sidebar-toggle.svelte-195nb5v{display:flex;align-items:center;gap:8px;padding:12px 14px;border-top:1px solid var(--studio-border);color:var(--studio-text-muted);font-size:12px;transition:color .15s;white-space:nowrap;flex-shrink:0}.sidebar-toggle.svelte-195nb5v:hover{color:var(--studio-text)}.collapsed.svelte-195nb5v .sidebar-item:where(.svelte-195nb5v){justify-content:center;padding:10px}.collapsed.svelte-195nb5v .sidebar-section:where(.svelte-195nb5v){padding:8px 6px 0}.collapsed.svelte-195nb5v .sidebar-logo:where(.svelte-195nb5v){justify-content:center;padding:16px 0}.collapsed.svelte-195nb5v .sidebar-toggle:where(.svelte-195nb5v){justify-content:center}.sidebar-settings.svelte-195nb5v{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--studio-border);color:var(--studio-text-muted);font-size:12px;transition:color .15s,background .15s;white-space:nowrap;flex-shrink:0}.sidebar-settings.svelte-195nb5v:hover{color:var(--studio-text);background:var(--studio-bg-hover)}.sidebar-settings.active.svelte-195nb5v{color:var(--studio-accent)}.settings-icon.svelte-195nb5v{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.settings-label.svelte-195nb5v{flex:1;font-weight:500}.auth-dot.svelte-195nb5v{width:7px;height:7px;border-radius:50%;background:var(--studio-danger);flex-shrink:0}.auth-dot.connected.svelte-195nb5v{background:var(--studio-success)}.collapsed.svelte-195nb5v .sidebar-settings:where(.svelte-195nb5v){justify-content:center;padding:10px}.app-layout.svelte-12qhfyh{min-height:100vh;display:flex;flex-direction:column}.app-layout.with-sidebar.svelte-12qhfyh{flex-direction:row}.app-main.svelte-12qhfyh{flex:1;height:100vh;min-width:0;display:flex;flex-direction:column;overflow:hidden}.wsctx-overlay.svelte-12qhfyh{position:fixed;inset:0;z-index:1000}.wsctx-menu.svelte-12qhfyh{position:fixed;background:var(--studio-bg-card);border:1px solid var(--studio-border);border-radius:8px;padding:4px;min-width:180px;box-shadow:0 8px 30px #00000026;z-index:1001}.wsctx-item.svelte-12qhfyh{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;border-radius:4px;color:var(--studio-text);background:none;border:none;cursor:pointer;transition:background .1s}.wsctx-item.svelte-12qhfyh:hover{background:var(--studio-bg-hover)}.wsctx-danger.svelte-12qhfyh{color:#e53e3e}.wsctx-danger.svelte-12qhfyh:hover{background:#e53e3e14}.wsctx-divider.svelte-12qhfyh{height:1px;background:var(--studio-border);margin:4px 0}