:root{--bg-primary:#0b0d14;--bg-secondary:#131722;--bg-tertiary:#1b2030;--bg-surface:#161b2ab3;--bg-glass:#131722a6;--bg-hover:#ffffff0d;--border-color:#ffffff14;--border-active:#6366f180;--border-glow:#38bdf84d;--accent-primary:#6366f1;--accent-secondary:#a855f7;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--gradient-brand:linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #06b6d4 100%);--gradient-glow:radial-gradient(circle, #6366f140 0%, #06b6d40d 60%, transparent 100%);--gradient-user-msg:linear-gradient(135deg, #6366f133 0%, #a855f726 100%);--text-main:#f3f4f6;--text-muted:#9ca3af;--text-subtle:#6b7280;--sidebar-width:280px;--canvas-width:480px;--header-height:64px;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"Fira Code", monospace;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 24px #00000059;--shadow-lg:0 16px 40px #00000080;--shadow-neon:0 0 20px #6366f159;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}body.theme-oled{--bg-primary:#000;--bg-secondary:#0a0a0c;--bg-tertiary:#121216;--bg-surface:#0c0c10e6;--bg-glass:#08080ad9;--border-color:#ffffff1f;--accent-primary:#10b981;--accent-cyan:#38bdf8;--gradient-brand:linear-gradient(135deg, #10b981 0%, #38bdf8 100%)}body.theme-cyber{--bg-primary:#090314;--bg-secondary:#140826;--bg-tertiary:#200d3d;--bg-surface:#140826cc;--bg-glass:#120521bf;--border-color:#ec489940;--border-active:#ec4899b3;--accent-primary:#ec4899;--accent-secondary:#8b5cf6;--accent-cyan:#06b6d4;--gradient-brand:linear-gradient(135deg, #ec4899 0%, #8b5cf6 50%, #06b6d4 100%);--shadow-neon:0 0 25px #ec489966}body.theme-light{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-surface:#ffffffd9;--bg-glass:#ffffffbf;--bg-hover:#0000000a;--border-color:#00000014;--border-active:#6366f166;--text-main:#0f172a;--text-muted:#475569;--text-subtle:#94a3b8;--gradient-user-msg:linear-gradient(135deg, #6366f11a 0%, #a855f714 100%);--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 8px 24px #00000014;--shadow-lg:0 16px 40px #0000001f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color)}.glass-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .25s cubic-bezier(.4,0,.2,1)}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--gradient-brand);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{opacity:.92;transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.btn-icon{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background:var(--bg-hover);color:var(--text-main)}.badge{text-transform:uppercase;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.badge-cyan{color:var(--accent-cyan);background:#06b6d426;border:1px solid #06b6d44d}.badge-purple{color:var(--accent-secondary);background:#a855f726;border:1px solid #a855f74d}.badge-emerald{color:var(--accent-emerald);background:#10b98126;border:1px solid #10b9814d}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-float{animation:5s ease-in-out infinite float}.fade-in{animation:.2s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){:root{--header-height:56px}.desktop-only,.nav-workspace-text,.model-tagline{display:none!important}.welcome-grid{grid-template-columns:1fr!important}.welcome-title{font-size:24px!important}.input-toolbar-left{max-width:100%;padding-bottom:4px;overflow-x:auto}.sidebar-offcanvas{top:var(--header-height);bottom:0;left:0;box-shadow:0 0 30px #000c;z-index:90!important;width:280px!important;position:fixed!important}.canvas-offcanvas{inset:0;z-index:100!important;width:100vw!important;height:100vh!important;position:fixed!important}}@media (width<=1024px){.canvas-offcanvas{top:var(--header-height);max-width:520px;bottom:0;right:0;box-shadow:-10px 0 30px #000000b3;z-index:95!important;width:100vw!important;position:fixed!important}}