@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root,:root[data-theme=celestial-fusion]{--bg-dark:#070913;--bg-gradient-1:#11142e;--bg-gradient-2:#1e1338;--panel-bg:#0f1226f2;--sidebar-bg:#0b0d1cfa;--header-bg:#0b0d1cf2;--top-bar-bg:#0b0d1cf2;--surface:#11152ed9;--card-bg:#131730;--bg-card:#131730;--input-bg:#070914e6;--glass-bg:#0f1226bf;--glass-bg-hover:#161b38e6;--glass-border:#6366f147;--glass-border-highlight:#818cf88c;--primary:#6366f1;--primary-accent:#6366f1;--primary-accent-hover:#4f46e5;--secondary-accent:#a855f7;--text-main:#f8fafc;--text-muted:#cbd5e1;--text-dark:#94a3b8;--text-secondary:#cbd5e1;--text-tertiary:#64748b;--success:#10b981;--danger:#ef4444;--overlay-light:#ffffff0f;--overlay-medium:#ffffff1a;--overlay-heavy:#ffffff2e;--overlay-dark:#00000059;--overlay-darkest:#0009;--border-subtle:#ffffff14;--panel-shadow:0 8px 32px 0 #00000080;--panel-shadow-hover:0 8px 32px 0 #000000b3;--font-family:"Outfit", sans-serif;--border-radius:8px;--logo-hat-start:#6366f1;--logo-hat-end:#a855f7;--logo-saucer-start:#06b6d4;--logo-saucer-end:#6366f1;--logo-text-gradient:linear-gradient(135deg, #a855f7, #06b6d4)}:root[data-theme=wizards-attic]{--bg-dark:#140d07;--bg-gradient-1:#28170c;--bg-gradient-2:#361f0f;--panel-bg:#24170ef5;--sidebar-bg:#180f09fa;--header-bg:#180f09f2;--top-bar-bg:#180f09f2;--surface:#2a1b11e0;--card-bg:#291a11;--bg-card:#291a11;--input-bg:#0e0905eb;--glass-bg:#24170ecc;--glass-bg-hover:#342215eb;--glass-border:#f59e0b4d;--glass-border-highlight:#fbbf2499;--primary:#f59e0b;--primary-accent:#f59e0b;--primary-accent-hover:#d97706;--secondary-accent:#fbbf24;--text-main:#fef3c7;--text-muted:#e6d3c0;--text-dark:#bd9f83;--text-secondary:#e6d3c0;--text-tertiary:#9c7f66;--success:#34d399;--danger:#f87171;--overlay-light:#fef3c70f;--overlay-medium:#fef3c71c;--overlay-heavy:#fef3c733;--overlay-dark:#00000073;--overlay-darkest:#000000b3;--border-subtle:#f59e0b1f;--panel-shadow:0 8px 32px 0 #0009;--panel-shadow-hover:0 8px 32px 0 #000c;--font-family:"Outfit", sans-serif;--border-radius:8px;--logo-hat-start:#f59e0b;--logo-hat-end:#b45309;--logo-saucer-start:#fbbf24;--logo-saucer-end:#f59e0b;--logo-text-gradient:linear-gradient(135deg, #fbbf24, #f59e0b)}:root[data-theme=arcane-garden]{--bg-dark:#05140e;--bg-gradient-1:#092419;--bg-gradient-2:#0e3b26;--panel-bg:#0a2017f5;--sidebar-bg:#06150ffa;--header-bg:#06150ff2;--top-bar-bg:#06150ff2;--surface:#0e2a1de0;--card-bg:#0c2c1e;--bg-card:#0c2c1e;--input-bg:#030d09eb;--glass-bg:#0a2017cc;--glass-bg-hover:#103022eb;--glass-border:#10b9814d;--glass-border-highlight:#34d39999;--primary:#10b981;--primary-accent:#10b981;--primary-accent-hover:#059669;--secondary-accent:#34d399;--text-main:#f0fdf4;--text-muted:#bbf7d0;--text-dark:#86efac;--text-secondary:#bbf7d0;--text-tertiary:#4ade80;--success:#34d399;--danger:#f87171;--overlay-light:#10b9810f;--overlay-medium:#10b9811c;--overlay-heavy:#10b98133;--overlay-dark:#00000073;--overlay-darkest:#000000b3;--border-subtle:#10b9811f;--panel-shadow:0 8px 32px 0 #0009;--panel-shadow-hover:0 8px 32px 0 #000c;--font-family:"Outfit", sans-serif;--border-radius:8px;--logo-hat-start:#10b981;--logo-hat-end:#059669;--logo-saucer-start:#34d399;--logo-saucer-end:#10b981;--logo-text-gradient:linear-gradient(135deg, #34d399, #10b981)}:root[data-theme=stainless-grimoire]{--bg-dark:#080c14;--bg-gradient-1:#101624;--bg-gradient-2:#1c2436;--panel-bg:#101725f5;--sidebar-bg:#0a0f19fa;--header-bg:#0a0f19f2;--top-bar-bg:#0a0f19f2;--surface:#161f30e0;--card-bg:#141c2c;--bg-card:#141c2c;--input-bg:#060a10eb;--glass-bg:#101725cc;--glass-bg-hover:#1a2438eb;--glass-border:#06b6d447;--glass-border-highlight:#22d3ee99;--primary:#06b6d4;--primary-accent:#06b6d4;--primary-accent-hover:#0891b2;--secondary-accent:#ef4444;--text-main:#f8fafc;--text-muted:#cbd5e1;--text-dark:#94a3b8;--text-secondary:#cbd5e1;--text-tertiary:#64748b;--success:#10b981;--danger:#ef4444;--overlay-light:#ffffff0f;--overlay-medium:#ffffff1a;--overlay-heavy:#ffffff2e;--overlay-dark:#00000073;--overlay-darkest:#000000b3;--border-subtle:#06b6d41f;--panel-shadow:0 8px 32px 0 #0009;--panel-shadow-hover:0 8px 32px 0 #000c;--font-family:"Outfit", sans-serif;--border-radius:6px;--logo-hat-start:#64748b;--logo-hat-end:#94a3b8;--logo-saucer-start:#06b6d4;--logo-saucer-end:#0891b2;--logo-text-gradient:linear-gradient(135deg, #06b6d4, #ef4444)}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-dark);height:100%}body{font-family:var(--font-family);color:var(--text-main);background:0 0;height:100%;position:relative;overflow:hidden}#root{height:100%}body:before,body:after{content:"";filter:blur(100px);z-index:-1;opacity:.5;border-radius:50%;width:60vw;height:60vh;animation:20s ease-in-out infinite alternate float;position:fixed}body:before{background:var(--bg-gradient-1);top:-10%;left:-10%}body:after{background:var(--bg-gradient-2);animation-delay:-10s;bottom:-10%;right:-10%}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(5%,10%)scale(1.1)}to{transform:translate(-5%,-5%)scale(.9)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp}@keyframes pulse-glow{0%,to{box-shadow:0 0 #6366f166}50%{box-shadow:0 0 0 6px #6366f100}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--panel-shadow);border-radius:1.5rem;transition:all .3s}.glass-panel:hover{border-color:var(--glass-border-highlight);box-shadow:var(--panel-shadow-hover)}.glass-input{background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-main);border-radius:.75rem;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.glass-input:focus{border-color:var(--primary-accent);outline:none;box-shadow:0 0 0 2px #6366f133}.glass-input::placeholder{color:var(--text-dark)}.glass-btn{background:var(--primary-accent);color:#fff;cursor:pointer;border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-family:inherit;font-weight:600;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.glass-btn:hover{background:var(--primary-accent-hover);transform:translateY(-2px);box-shadow:0 0 16px #6366f180}.glass-btn:active{transform:translateY(0)}.glass-btn-secondary{color:var(--text-main);border:1px solid var(--glass-border);background:#ffffff1a}.glass-btn-secondary:hover{border-color:var(--glass-border-highlight);background:#ffffff26;transform:translateY(-1px);box-shadow:0 0 12px #ffffff1a}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--overlay-light);border-radius:8px}::-webkit-scrollbar-thumb{background:var(--overlay-dark);border:1px solid var(--overlay-light);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--overlay-darkest)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--overlay-dark) var(--overlay-light)}input[type=range]{-webkit-appearance:none;background:#ffffff26;border-radius:2px;outline:none;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary-accent);cursor:pointer;border-radius:50%;width:14px;height:14px}select.glass-input{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;padding-right:2.5rem}select.glass-input option{background:var(--bg-dark);color:var(--text-main)}.app-top-bar{z-index:100;background:var(--top-bar-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:relative}.hamburger-btn{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.hamburger-btn:hover{background:var(--overlay-heavy);border-color:var(--glass-border-highlight);filter:var(--glow-filter,drop-shadow(0 0 8px var(--glow-accent,#fff3)));transform:scale(1.05)}.hamburger-btn:active{transform:scale(.95)}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);z-index:998;opacity:0;pointer-events:none;background:#0006;width:100vw;height:100vh;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer-panel{z-index:999;background:var(--sidebar-bg);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--glass-border);flex-direction:column;width:320px;height:100vh;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:8px 0 32px #00000080}.drawer-panel.open{transform:translate(0)}.vscode-sidebar{height:100%;box-shadow:none;background:0 0;border:none;flex-direction:column;font-family:inherit;display:flex;overflow:hidden}.vscode-accordion{border-bottom:1px solid var(--glass-border)}.vscode-accordion-header{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff05;justify-content:space-between;align-items:center;padding:6px 12px;font-size:.72rem;font-weight:700;transition:background .15s;display:flex}.vscode-accordion-header:hover{background:var(--glass-bg-hover);color:var(--text-main)}.vscode-accordion-content{max-height:400px;padding:8px 0;transition:all .2s;overflow-y:auto}.vscode-tree-row{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-muted);border-left:2px solid #0000;justify-content:space-between;align-items:center;padding:5px 12px 5px 8px;font-size:.83rem;transition:all .15s;display:flex;position:relative}.vscode-tree-row:hover{background:var(--glass-bg-hover);color:var(--text-main)}.vscode-tree-row.active{color:var(--text-main);border-left-color:var(--primary-accent);background:#6366f126}.vscode-tree-row-content{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.vscode-tree-row-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}body.theme-default{--bg-dark:#f8fafc;--bg-gradient-1:#e2e8f0;--bg-gradient-2:#cbd5e1;--glass-bg:#ffffffb3;--glass-bg-hover:#ffffffe6;--glass-border:#0000001a;--glass-border-highlight:#0003;--primary-accent:#10b981;--primary-accent-hover:#059669;--secondary-accent:#9f1239;--text-main:#0f172a;--text-muted:#334155;--text-dark:#64748b;--text-secondary:#334155;--text-tertiary:#475569;--surface:#ffffff80;--sidebar-bg:#f8fafcf2;--input-bg:#ffffffd9;--top-bar-bg:#ffffffb3;--panel-shadow:0 8px 24px #0f172a0f;--panel-shadow-hover:0 8px 32px #0f172a1a}body.theme-zesty{--bg-dark:#fffdf5;--bg-gradient-1:#ffd8a8;--bg-gradient-2:#ffe066;--glass-bg:#fffdf5e0;--glass-bg-hover:#fffdf5f2;--glass-border:#f9731633;--glass-border-highlight:#f9731666;--primary-accent:#f97316;--primary-accent-hover:#ea580c;--secondary-accent:#0284c7;--text-main:#1e3a8a;--text-muted:#2563eb;--text-dark:#4f46e5;--text-secondary:#2563eb;--text-tertiary:#3b82f6;--surface:#fffdf599;--sidebar-bg:#fffbe6fa;--input-bg:#fffffff2;--top-bar-bg:#fffdf5eb;--panel-shadow:0 8px 24px #78350414;--panel-shadow-hover:0 8px 32px #7835041f}body.theme-oldschool{--bg-dark:#000;--bg-gradient-1:#001a00;--bg-gradient-2:#000;--glass-bg:#000a0099;--glass-bg-hover:#001400cc;--glass-border:#00ff004d;--glass-border-highlight:#0f09;--primary-accent:#0f0;--primary-accent-hover:#0c0;--secondary-accent:#0f0;--text-main:#0f0;--text-muted:#0c0;--text-dark:#090;--surface:#000a00cc;--sidebar-bg:#000a00f2;--input-bg:#000a00d9;--top-bar-bg:#000a0099;--panel-shadow:none;--panel-shadow-hover:none}.vscode-row-actions{opacity:0;pointer-events:none;align-items:center;gap:4px;transition:opacity .15s;display:flex}.vscode-tree-row:hover .vscode-row-actions{opacity:1;pointer-events:auto}.vscode-row-action-btn{color:var(--text-dark);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.vscode-row-action-btn:hover{background:var(--glass-bg-hover);color:var(--text-main)}.vscode-row-action-btn.delete:hover{color:var(--danger);background:#ef444433}.vscode-tree-guidelines{position:relative}.vscode-tree-guidelines:before{content:"";background:var(--glass-border);width:1px;position:absolute;top:0;bottom:0;left:7px}.icon-folder{color:#eab308}.icon-char-2d{color:#10b981}.icon-char-3d{color:#3b82f6}.icon-item-2d{color:#f97316}.icon-item-3d{color:#a855f7}.icon-ui{color:#ec4899}.icon-texture{color:#06b6d4}.icon-batch{color:#94a3b8}.icon-file{color:#cbd5e1}.vscode-sidebar-toolbar{border-bottom:1px solid var(--glass-border);background:#0000000d;justify-content:space-between;align-items:center;padding:16px 14px;display:flex}.vscode-sidebar-title{color:var(--text-main);text-transform:uppercase;letter-spacing:.06em;font-size:.88rem;font-weight:700}.vscode-toolbar-actions{gap:6px;display:flex}.layout-home{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.layout-editor{flex:1;height:100%;min-height:0}.layout-editor>*{min-height:0}.layout-review{flex:1;grid-template-columns:1fr minmax(320px,420px);gap:1.5rem;height:100%;min-height:0;display:grid}.layout-review>*{min-height:0;overflow-y:auto}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.vscode-sidebar-container{height:100%!important}.vscode-sidebar-container .vscode-sidebar{box-shadow:none;border-left:none;border-radius:0 1.25rem 1.25rem 0;height:100%!important}.responsive-stack{gap:1rem;display:flex}@media (width<=768px){.responsive-stack{flex-direction:column}}.responsive-panel{flex-direction:column;width:100%;display:flex}@media (width>=1024px){.responsive-panel{flex-direction:row}}.nav-tab-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.78rem;font-weight:600;transition:all .2s ease-in-out;display:flex;position:relative}.nav-tab-btn:hover{background:var(--overlay-light);color:var(--text-main);transform:translateY(-.5px)}.nav-tab-btn.active{background:var(--primary-accent);color:#fff}.nav-tab-btn.active:hover{background:var(--primary-accent-hover);color:#fff;transform:none}.topbar-btn{border:1px solid var(--glass-border);cursor:pointer;color:var(--text-main);background:0 0;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.78rem;font-weight:600;transition:all .2s ease-in-out;display:flex}.topbar-btn:hover{background:var(--overlay-light);border-color:var(--glass-border-highlight);box-shadow:0 2px 8px var(--overlay-dark);transform:translateY(-.5px)}.topbar-btn:active{transform:translateY(0)}.dashboard-stats{grid-template-columns:1.5fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.dashboard-stats{grid-template-columns:1fr}}.hover-lift{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{box-shadow:var(--panel-shadow-hover);transform:translateY(-4px)}.hover-glow{transition:all .2s ease-in-out}.hover-glow:hover{filter:var(--glow-filter,drop-shadow(0 0 8px var(--glow-accent,#fff3)));border-color:var(--glass-border-highlight)}.card-interactive{transition:transform .2s,border-color .2s,box-shadow .2s}.card-interactive:hover{border-color:var(--primary-accent);box-shadow:0 8px 24px var(--overlay-dark);transform:translateY(-2px)}.fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.pulse-glow{animation:2.5s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px var(--glow-accent,#6366f14d)}50%{box-shadow:0 0 22px var(--glow-accent,#6366f1a6)}}body{transition:background-color .3s,color .3s}