:root{--bg-deep:#050505;--bg-surface:rgba(20,20,20,0.6);--bg-glass:rgba(255,255,255,0.03);--accent-cyan:#00f3ff;--accent-lime:#bcff00;--accent-orange:#ff8a00;--accent-pink:#ec4899;--text-primary:#ffffff;--text-secondary:rgba(255,255,255,0.7);--text-muted:rgba(255,255,255,0.4);--glass-border:rgba(255,255,255,0.1);--glass-blur:blur(12px);--glass-shadow:0 8px 32px 0 rgba(0,0,0,0.8);--glow-cyan:0 0 20px rgba(0,243,255,0.3);--glow-lime:0 0 20px rgba(188,255,0,0.3);--glow-pink:0 0 20px rgba(236,72,153,0.3);--aura-primary:var(--accent-cyan);--aura-secondary:var(--accent-lime);--aura-glow:var(--glow-cyan);--aura-border:rgba(0,243,255,0.2);--transition-aura:all 1.2s cubic-bezier(0.4,0,0.2,1);--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--neural-speed:20s;--glow-pulse:glow-pulse 4s infinite ease-in-out}@keyframes neural-float{0%{transform:translate(0) scale(1)}33%{transform:translate(1%,2%) scale(1.05)}66%{transform:translate(-1%,1%) scale(.95)}to{transform:translate(0) scale(1)}}:root[data-animations=paused] *,:root[data-performance=low] *{animation-play-state:paused!important}@keyframes glow-pulse{0%,to{filter:brightness(1) drop-shadow(0 0 5px var(--accent-cyan))}50%{filter:brightness(1.3) drop-shadow(0 0 15px var(--accent-cyan))}}@keyframes slide-up-reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes glow{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes glow-reveal{0%{opacity:0;filter:blur(18px);transform:scale(.96)}60%{filter:blur(3px)}to{opacity:1;filter:blur(0);transform:scale(1)}}.theme-day{--bg-deep:#f8fafc;--bg-surface:rgba(241,245,249,0.9);--bg-glass:rgba(255,255,255,0.85);--accent-cyan:#0891b2;--accent-lime:#65a30d;--accent-orange:#ea580c;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--glass-border:rgba(15,23,42,0.15);--glass-shadow:0 12px 40px 0 rgba(15,23,42,0.12),0 2px 10px rgba(15,23,42,0.05)}.theme-glacier{--bg-deep:#0f172a;--bg-surface:rgba(30,41,59,0.6);--bg-glass:rgba(56,189,248,0.05);--accent-cyan:#38bdf8;--accent-lime:#2dd4bf;--accent-orange:#fbbf24;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--glass-border:rgba(56,189,248,0.2);--glass-shadow:0 8px 32px 0 rgba(0,0,0,0.6)}.theme-harvest{--bg-deep:#1c1917;--bg-surface:rgba(41,37,36,0.6);--bg-glass:rgba(251,146,60,0.05);--accent-cyan:#fb923c;--accent-lime:#facc15;--accent-orange:#f87171;--text-primary:#fafaf9;--text-secondary:#d6d3d1;--text-muted:#a8a29e;--glass-border:rgba(251,146,60,0.2);--glass-shadow:0 8px 32px 0 rgba(0,0,0,0.7)}.theme-lavender{--bg-deep:#0f0a1f;--bg-surface:rgba(25,15,45,0.6);--bg-glass:rgba(192,132,252,0.05);--accent-cyan:#c084fc;--accent-lime:#f472b6;--accent-orange:#818cf8;--text-primary:#f5f3ff;--text-secondary:#c4b5fd;--text-muted:#a78bfa;--glass-border:rgba(192,132,252,0.2);--glass-shadow:0 8px 32px 0 rgba(0,0,0,0.7)}.theme-brutalist{--bg-deep:#000000;--bg-surface:#111111;--bg-glass:rgba(255,255,255,0.05);--accent-cyan:#ffffff;--accent-lime:#888888;--accent-orange:#ff0000;--text-primary:#ffffff;--text-secondary:#aaaaaa;--text-muted:#666666;--glass-border:#333333;--glass-shadow:none}.theme-obsidian{--bg-deep:#020617;--bg-surface:#0f172a;--bg-glass:rgba(148,163,184,0.02);--accent-cyan:#334155;--accent-lime:#1e293b;--accent-orange:#475569;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#475569;--glass-border:rgba(255,255,255,0.05);--glass-shadow:0 4px 20px rgba(0,0,0,0.9)}.theme-orchid{--bg-deep:#1e1b4b;--bg-surface:rgba(49,46,129,0.6);--bg-glass:rgba(129,140,248,0.05);--accent-cyan:#818cf8;--accent-lime:#6366f1;--accent-orange:#4f46e5;--text-primary:#eef2ff;--text-secondary:#c7d2fe;--text-muted:#818cf8;--glass-border:rgba(129,140,248,0.2);--glass-shadow:0 8px 32px 0 rgba(0,0,0,0.6)}.theme-solar{--bg-deep:#422006;--bg-surface:#713f12;--bg-glass:rgba(234,179,8,0.05);--accent-cyan:#eab308;--accent-lime:#facc15;--accent-orange:#fef08a;--text-primary:#fefce8;--text-secondary:#fef08a;--text-muted:#ca8a04;--glass-border:rgba(234,179,8,0.2);--glass-shadow:0 8px 32px 0 rgba(0,0,0,0.5)}.theme-tide{--bg-deep:#083344;--bg-surface:#155e75;--bg-glass:rgba(34,211,238,0.05);--accent-cyan:#22d3ee;--accent-lime:#06b6d4;--accent-orange:#0891b2;--text-primary:#ecfeff;--text-secondary:#a5f3fc;--text-muted:#22d3ee;--glass-border:rgba(34,211,238,0.2);--glass-shadow:0 8px 32px 0 rgba(0,0,0,0.6)}.theme-verdant{--bg-deep:#064e3b;--bg-surface:#065f46;--bg-glass:rgba(52,211,153,0.05);--accent-cyan:#34d399;--accent-lime:#10b981;--accent-orange:#059669;--text-primary:#ecfdf5;--text-secondary:#a7f3d0;--text-muted:#34d399;--glass-border:rgba(52,211,153,0.2);--glass-shadow:0 8px 32px 0 rgba(0,0,0,0.6)}*{box-sizing:border-box;padding:0;margin:0}.main-viewport{transition:transform .25s cubic-bezier(.175,.885,.32,1.275),opacity .25s ease,border-radius .25s ease;transform-origin:center center;will-change:transform,opacity}body.img-studio-body.navigating-scale .main-viewport,body:has(.main-viewport).navigating-scale .main-viewport{transform:scale(.98);opacity:.8;pointer-events:none;border-radius:20px}body.img-studio-body,body:has(.main-viewport){max-width:100vw;overflow-x:hidden;background-color:var(--bg-deep,#050505);color:var(--text-primary,#ffffff);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative;background-attachment:fixed;scroll-behavior:smooth}body.img-studio-body:after,body.img-studio-body:before,body:has(.main-viewport):after,body:has(.main-viewport):before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;z-index:-1;pointer-events:none;opacity:.4;will-change:transform}body.img-studio-body:before,body:has(.main-viewport):before{background:radial-gradient(circle at 20% 30%,var(--aura-primary) 0,transparent 40%);animation:neural-float var(--neural-speed) infinite ease-in-out;transition:var(--transition-aura)}body.img-studio-body:after,body:has(.main-viewport):after{background:radial-gradient(circle at 80% 70%,var(--aura-secondary) 0,transparent 40%);animation:neural-float calc(var(--neural-speed) * 1.5) infinite ease-in-out reverse;transition:var(--transition-aura)}body.img-studio-body main,body:has(.main-viewport) main{animation:slide-up-reveal .8s cubic-bezier(.2,.8,.2,1)}body.img-studio-body a,body:has(.main-viewport) a{color:inherit;text-decoration:none}.main-viewport ::-webkit-scrollbar,.main-viewport::-webkit-scrollbar,body.img-studio-body::-webkit-scrollbar,body:has(.main-viewport)::-webkit-scrollbar{width:8px}.main-viewport ::-webkit-scrollbar-track,.main-viewport::-webkit-scrollbar-track,body.img-studio-body::-webkit-scrollbar-track,body:has(.main-viewport)::-webkit-scrollbar-track{background:var(--bg-deep)}.main-viewport ::-webkit-scrollbar-thumb,.main-viewport::-webkit-scrollbar-thumb,body.img-studio-body::-webkit-scrollbar-thumb,body:has(.main-viewport)::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.main-viewport ::-webkit-scrollbar-thumb:hover,.main-viewport::-webkit-scrollbar-thumb:hover,body.img-studio-body::-webkit-scrollbar-thumb:hover,body:has(.main-viewport)::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.app-container{display:flex;min-height:100vh;width:100%;overflow-x:hidden;background-color:var(--bg-deep)}.main-viewport{min-width:0;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:relative;will-change:transform}.main-glow-container,.main-viewport{flex:1;display:flex;flex-direction:column}.sidebar-pinned.sidebar-active .main-viewport{@media (min-width:1400px){transform:translateX(-340px)}}