:root{--bg-app: #09090b;--bg-surface: #131316;--bg-surface-hover: #1c1c21;--bg-secondary: #27272a;--bg-sidebar: #050505;--text-main: #ffffff;--text-muted: #a1a1aa;--text-dim: #71717a;--text-sidebar-muted: #71717a;--primary: #8b5cf6;--primary-gradient: linear-gradient(135deg, #8b5cf6, #d946ef);--primary-hover: #7c3aed;--primary-glow: rgba(139, 92, 246, .5);--accent: #f43f5e;--accent-gradient: linear-gradient(135deg, #f43f5e, #fbbf24);--success: #10b981;--danger: #ef4444;--border-light: #27272a;--border-dark: #3f3f46;--border-highlight: rgba(255, 255, 255, .1);--border-width: 1px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2.5rem;--radius-sm: .5rem;--radius-md: .875rem;--radius-lg: 1.25rem;--radius-xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .5);--shadow-md: 0 8px 16px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .1);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .6);--shadow-neon: 0 0 20px var(--primary-glow), 0 0 10px var(--primary);--glass-bg: rgba(19, 19, 22, .8);--glass-blur: 20px;--border-active: rgba(139, 92, 246, .4);--shadow-float: 0 24px 60px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .05)}[data-theme=blue]{--primary: #0ea5e9;--primary-gradient: linear-gradient(135deg, #0ea5e9, #06b6d4);--primary-hover: #0284c7;--primary-glow: rgba(14, 165, 233, .5);--accent: #06b6d4;--accent-gradient: linear-gradient(135deg, #06b6d4, #67e8f9);--shadow-neon: 0 0 20px rgba(14, 165, 233, .5), 0 0 10px #0ea5e9;--border-active: rgba(14, 165, 233, .4)}[data-theme=emerald]{--primary: #10b981;--primary-gradient: linear-gradient(135deg, #10b981, #84cc16);--primary-hover: #059669;--primary-glow: rgba(16, 185, 129, .5);--accent: #84cc16;--accent-gradient: linear-gradient(135deg, #84cc16, #fbbf24);--shadow-neon: 0 0 20px rgba(16, 185, 129, .5), 0 0 10px #10b981;--border-active: rgba(16, 185, 129, .4)}[data-theme=sunset]{--primary: #f97316;--primary-gradient: linear-gradient(135deg, #f97316, #ec4899);--primary-hover: #ea580c;--primary-glow: rgba(249, 115, 22, .5);--accent: #ec4899;--accent-gradient: linear-gradient(135deg, #ec4899, #fbbf24);--shadow-neon: 0 0 20px rgba(249, 115, 22, .5), 0 0 10px #f97316;--border-active: rgba(249, 115, 22, .4)}[data-theme=indigo]{--primary: #6366f1;--primary-gradient: linear-gradient(135deg, #6366f1, #a78bfa);--primary-hover: #4f46e5;--primary-glow: rgba(99, 102, 241, .5);--accent: #a78bfa;--accent-gradient: linear-gradient(135deg, #a78bfa, #c084fc);--shadow-neon: 0 0 20px rgba(99, 102, 241, .5), 0 0 10px #6366f1;--border-active: rgba(99, 102, 241, .4)}[data-theme=rose]{--primary: #e11d48;--primary-gradient: linear-gradient(135deg, #e11d48, #f59e0b);--primary-hover: #be123c;--primary-glow: rgba(225, 29, 72, .5);--accent: #f59e0b;--accent-gradient: linear-gradient(135deg, #f59e0b, #fcd34d);--shadow-neon: 0 0 20px rgba(225, 29, 72, .5), 0 0 10px #e11d48;--border-active: rgba(225, 29, 72, .4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-app);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;overflow:hidden;font-size:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s cubic-bezier(.34,1.56,.64,1) forwards}button{cursor:pointer;border:none;background:none;font-family:inherit;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}button:active{transform:scale(.96)}input,textarea,select{font-family:inherit;font-size:1rem;background:var(--bg-app);color:var(--text-main);border:1px solid var(--border-light);border-bottom:2px solid var(--border-dark);border-radius:var(--radius-md);padding:.75rem 1rem;transition:all .2s;box-shadow:var(--shadow-inset)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);background:var(--bg-surface);box-shadow:0 0 0 3px var(--primary-glow),var(--shadow-inset)}h1,h2,h3,h4,h5,h6{font-weight:800;color:var(--text-main);letter-spacing:-.03em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:5px;border:2px solid var(--bg-app)}::-webkit-scrollbar-thumb:hover{background:var(--border-active)}@media screen and (max-width:768px){#root>div{display:block!important;position:relative!important;width:100vw!important;height:100vh!important;overflow:hidden!important;background-color:var(--bg-app)}.sidebar,.page-list{display:none!important}.editor-container{width:100%!important;height:100%!important;padding:0!important;margin:0!important;border:none!important;display:flex!important;flex-direction:column!important}.editor-header{padding:8px!important;gap:8px!important;height:auto!important;min-height:50px!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border-light);background:var(--bg-surface);z-index:20;flex-shrink:0}.editor-header input{min-width:120px!important;font-size:14px!important}.editor-header button{white-space:nowrap!important;padding:6px 12px!important;font-size:.85rem!important;flex-shrink:0!important}.editor-toolbar{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;white-space:nowrap!important;padding:8px 4px!important;width:100%!important;background:var(--bg-surface)!important;border-bottom:1px solid var(--border-light);scrollbar-width:none;-ms-overflow-style:none;z-index:10;flex-shrink:0}.editor-toolbar::-webkit-scrollbar{display:none}.tool-btn{min-width:40px!important;min-height:40px!important;margin:0 2px!important;flex-shrink:0!important;border-radius:8px!important;background:var(--bg-secondary)!important}.color-picker-container{flex-wrap:nowrap!important;overflow-x:auto!important}.editor-content,.canvas-container{flex:1!important;height:100%!important;width:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:200px!important}.dictate-btn{position:fixed!important;bottom:30px!important;right:20px!important;width:56px!important;height:56px!important;border-radius:50%!important;z-index:5000!important;box-shadow:0 4px 15px #00000080!important;border:2px solid rgba(255,255,255,.2)!important}@media(orientation:landscape){.editor-toolbar{padding:4px!important}.dictate-btn{bottom:20px!important;right:20px!important}}}.has-tooltip{position:relative}.has-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-4px);padding:6px 10px;background-color:var(--bg-secondary);color:var(--text-main);font-size:.75rem;font-weight:500;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease-in-out;transition-delay:.05s;z-index:9999;margin-bottom:8px;box-shadow:0 4px 12px #0000004d;border:1px solid var(--border-light)}.has-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:var(--border-light) transparent transparent transparent;opacity:0;transition:opacity .15s ease-in-out;transition-delay:.05s;margin-bottom:-4px;z-index:9998;pointer-events:none}.has-tooltip:hover:after,.has-tooltip:hover:before{opacity:1}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;background:radial-gradient(circle at top right,#1a1a2e,#09090b 60%),radial-gradient(circle at bottom left,#2e1a2e,#09090b 60%);overflow:hidden;position:relative}.login-card{width:100%;max-width:440px;padding:2.5rem;background:#13131699;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 50px -12px #000c;position:relative;z-index:10;transition:transform .3s ease,box-shadow .3s ease}.login-card:hover{transform:translateY(-2px);box-shadow:0 30px 60px -15px #000}.login-header{text-align:center;margin-bottom:2rem}.logo-container{width:80px;height:80px;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-surface));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--primary);box-shadow:0 8px 16px #0003;border:1px solid rgba(255,255,255,.05)}.login-title{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(to right,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-subtitle{color:var(--text-muted);font-size:.95rem}.login-tabs{display:flex;background:var(--bg-secondary);padding:4px;border-radius:var(--radius-lg);margin-bottom:1.5rem}.tab-btn{flex:1;padding:.75rem;color:var(--text-muted);background:transparent;border-radius:var(--radius-md);font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-btn.active{background:var(--bg-surface);color:var(--text-main);box-shadow:0 2px 8px #0003;font-weight:700}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem;text-align:left}.form-label{font-size:.85rem;color:var(--text-muted);margin-left:4px;font-weight:500}.input-wrapper{position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.form-input{width:100%;padding:.9rem 1rem .9rem 2.8rem;background:#0003;border:1px solid var(--border-light);color:var(--text-main);border-radius:var(--radius-md);transition:all .2s}.form-input:focus{background:var(--bg-surface);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.submit-btn{margin-top:.5rem;padding:1rem;background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);font-size:1rem;letter-spacing:.02em;position:relative;overflow:hidden}.submit-btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px -4px var(--primary-glow)}.divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--text-dim);font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-light)}.social-login{display:flex;flex-direction:column;gap:1rem;align-items:center}.google-btn-wrapper{width:100%;display:flex;justify-content:center}.dev-login-trigger{margin-top:2rem;font-size:.75rem;color:var(--text-dim);opacity:.6;transition:opacity .2s;text-decoration:underline}.dev-login-trigger:hover{opacity:1}.bg-blob{position:absolute;border-radius:50%;filter:blur(80px);z-index:1;opacity:.4}.blob-1{width:300px;height:300px;background:var(--primary);top:-100px;right:-50px;animation:float 20s infinite alternate}.blob-2{width:400px;height:400px;background:var(--accent);bottom:-100px;left:-100px;animation:float 25s infinite alternate-reverse}@keyframes float{0%{transform:translate(0) rotate(0)}to{transform:translate(30px,50px) rotate(10deg)}}@media(max-width:480px){.login-card{padding:2rem 1.5rem;width:90%}.login-title{font-size:1.75rem}}