@import "https://fonts.googleapis.com/css2?family=Anton&family=Bebas+Neue&family=Caveat:wght@400..700&family=Cinzel:wght@400..900&family=Comfortaa:wght@300..700&family=Dancing+Script:wght@400..700&family=Fira+Code:wght@300..700&family=Great+Vibes&family=Inconsolata:wght@200..900&family=Inter:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lobster&family=Lora:ital,wght@0,400..700;1,400..700&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Oswald:wght@200..700&family=Outfit:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Pacifico&family=Permanent+Marker&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300..700&family=Raleway:ital,wght@0,100..900;1,100..900&family=Righteous&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";:root{--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-panel:#ffffffd9;--bg-hover:#0000000d;--text-primary:#1a1a1a;--text-secondary:#666;--border-color:#e0e0e0;--accent-primary:#4361ee;--accent-hover:#3a56d4;--accent-light:#4361ee1a;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--toolbar-glass:#ffffffb3;--toolbar-border:#ffffff80;--toolbar-blur:16px}[data-theme=dark]{--bg-primary:#121212;--bg-secondary:#1e1e1e;--bg-panel:#1e1e1ed9;--bg-hover:#ffffff0d;--text-primary:#fff;--text-secondary:#a0a0a0;--border-color:#333;--accent-primary:#5c7cfa;--accent-hover:#748ffc;--accent-light:#5c7cfa26;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--toolbar-glass:#282828b3;--toolbar-border:#ffffff1a;--toolbar-blur:16px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#121212;--bg-secondary:#1e1e1e;--bg-panel:#1e1e1ed9;--bg-hover:#ffffff0d;--text-primary:#fff;--text-secondary:#a0a0a0;--border-color:#333;--accent-primary:#5c7cfa;--accent-hover:#748ffc;--accent-light:#5c7cfa26;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--toolbar-glass:#282828b3;--toolbar-border:#ffffff1a;--toolbar-blur:16px}}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior-y:none;background-color:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .3s,color .3s}body.canvas-mode{height:100%!important;max-height:100%!important;overflow:hidden!important}body.canvas-mode .app-container{height:100vh!important;min-height:unset!important;max-height:100vh!important;overflow:hidden!important}body.canvas-mode .main-content{height:100%!important;max-height:100%!important;overflow:hidden!important}.glass-panel{background:var(--toolbar-glass);-webkit-backdrop-filter:blur(var(--toolbar-blur));border:1px solid var(--toolbar-border);box-shadow:var(--shadow-md);border-radius:12px}.flex-center{justify-content:center;align-items:center;display:flex}.icon-btn{width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.icon-btn:hover{background:var(--bg-secondary)}.icon-btn.active{background:var(--accent-light);color:var(--accent-primary)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.zoom-controls{z-index:5;align-items:center;gap:8px;display:flex;position:absolute;bottom:24px;right:24px}.app-container{background:var(--bg-primary);flex-direction:row;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;padding-bottom:0;display:flex;overflow:auto}body.canvas-mode .main-content{height:100vh;overflow:hidden}.sidebar-container{border-right:1px solid var(--border-color);background:var(--bg-secondary);z-index:100;flex-direction:column;width:260px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.sidebar-nav-item{border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav-label{font-size:14px}.templates-hero{max-width:1200px;margin:0 auto;padding:48px 48px 0}.templates-section{max-width:1200px;margin:0 auto;padding:40px 48px 64px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.featured-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.sidebar-mobile-only{display:none!important}.desktop-only{display:block}.mobile-only{display:none}.home-hero{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:32px 48px;position:relative}.home-section{flex-direction:column;gap:48px;max-width:1200px;margin:0 auto;padding:40px 48px 64px;display:flex}.home-create-workspace{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.home-create-form{flex:1;gap:12px;min-width:280px;max-width:400px;display:flex}.home-workspace-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.workspaces-hero{background:linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);border-bottom:1px solid var(--border-color);padding:48px 48px 32px}.workspaces-section{flex-direction:column;gap:48px;max-width:1200px;margin:0 auto;padding:40px 48px 64px;display:flex}.workspaces-header-actions{gap:12px;display:flex}.favorites-hero{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:32px 48px;position:relative;overflow:hidden}.favorites-controls{width:100%;max-width:1200px;margin:0 auto;padding:24px 48px 0}.favorites-content{width:100%;max-width:1200px;margin:0 auto;padding:24px 48px 64px}.favorites-search-wrapper{width:240px;position:relative}.recent-hero{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:32px 48px;position:relative;overflow:hidden}.recent-controls{width:100%;max-width:1200px;margin:0 auto;padding:24px 48px 0}.recent-content{width:100%;max-width:1200px;margin:0 auto;padding:24px 48px 64px}.recent-search-wrapper{width:240px;position:relative}.ai-container{z-index:1;align-items:flex-start;gap:48px;width:100%;max-width:1500px;margin:0 auto;padding:64px 48px;display:flex;position:relative}.ai-input-wrapper{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;align-items:center;padding:8px 8px 8px 24px;display:flex}.ai-sidebar{width:480px;box-shadow:var(--shadow-md);flex-direction:column;gap:28px;margin-top:180px;padding:32px;display:flex;position:sticky;top:40px}.ai-empty-state{border-bottom-right-radius:24px;border-bottom-left-radius:24px;flex:1;min-height:600px;margin:0 -32px -32px;position:relative;overflow:hidden}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.app-container{flex-direction:column}.main-content{padding-bottom:64px}.sidebar-container{border-right:none;border-top:1px solid var(--border-color);background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);flex-direction:row;justify-content:center;width:100%;height:64px;padding:0;position:fixed;top:auto;bottom:0;left:0;box-shadow:0 -4px 16px #0000000d}.sidebar-desktop-only{display:none!important}.sidebar-mobile-only{z-index:100;background:0 0;height:64px;padding:0 20px;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,box-shadow .3s,border-bottom .3s;position:fixed;top:0;left:0;right:0;margin-bottom:0!important;display:flex!important}.sidebar-mobile-only.scrolled{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.home-hero{padding-top:84px!important}.sidebar-nav{flex-direction:row;justify-content:space-around;align-items:center;width:100%;overflow:visible}.sidebar-nav-item{border-radius:0;flex-direction:column;justify-content:center;gap:4px;padding:8px}.sidebar-nav-label{font-size:10px;font-weight:600}.hide-on-mobile{display:none!important}.templates-hero{padding:24px 20px 0}.templates-hero h1{font-size:28px!important}.templates-section{padding:32px 20px 40px}.templates-grid,.featured-grid{grid-template-columns:1fr;gap:16px}.home-hero{padding:24px 20px}.home-hero h1{font-size:28px!important}.home-section{gap:32px;padding:32px 20px 80px}.home-create-workspace{flex-direction:column;align-items:stretch;padding:16px}.home-create-form{flex-direction:column;max-width:100%}.home-create-form input{width:100%}.home-create-form button{justify-content:center;width:100%;padding:12px 24px!important}.home-workspace-header{flex-direction:column;align-items:flex-start;gap:16px}.home-workspace-header button{justify-content:center;width:100%}.workspaces-hero{padding:24px 20px}.workspaces-hero h1{font-size:26px!important}.workspaces-section{gap:32px;padding:32px 20px 80px}.workspaces-header-actions{flex-direction:column;width:100%}.workspaces-header-actions>div{width:100%!important}.workspaces-header-actions button{justify-content:center;width:100%;padding:12px!important}.favorites-hero{padding:24px 20px!important}.favorites-controls{padding:20px 20px 0!important}.favorites-content{padding:24px 20px 80px!important}.favorites-search-wrapper{width:100%!important}.recent-hero{padding:24px 20px!important}.recent-controls{padding:20px 20px 0!important}.recent-content{padding:24px 20px 80px!important}.recent-search-wrapper{width:100%!important}.ai-container{flex-direction:column;gap:32px;padding:32px 20px 80px}.ai-container h1{font-size:36px!important}.ai-input-wrapper{flex-direction:column;gap:12px;padding:16px}.ai-input-wrapper input{width:100%;padding:12px 0!important}.ai-input-wrapper button{justify-content:center;width:100%;padding:16px!important}.ai-sidebar{width:100%;margin-top:0;padding:24px 20px;position:relative;top:0}.ai-empty-state{min-height:300px;margin:0 -20px -24px}.login-container{flex-direction:column!important}.login-left-panel{display:none!important}.login-right-panel{flex:auto!important;justify-content:center!important;padding:40px 20px!important}.zoom-controls{top:80px!important;bottom:auto!important;right:24px!important}.mobile-hidden{display:none!important}}