:root,[data-theme=dark]{--bg-dark:#030712;--bg-card:#0f172ab3;--bg-card-hover:#1e293bd9;--bg-glass:#ffffff08;--bg-input:#0f172ae6;--bg-header:#030712cc;--border-color:#ffffff1a;--border-active:#8b5cf6b3;--border-glow:#06b6d466;--primary-gradient:linear-gradient(135deg, #7c3aed 0%, #3b82f6 50%, #06b6d4 100%);--accent-purple:#8b5cf6;--accent-cyan:#06b6d4;--accent-pink:#ec4899;--accent-amber:#f59e0b;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--shadow-glow:0 0 25px #7c3aed4d;--shadow-card:0 10px 30px #00000080;--bg-radial:radial-gradient(circle at 15% 15%, #7c3aed26 0%, transparent 40%), radial-gradient(circle at 85% 80%, #06b6d426 0%, transparent 40%), radial-gradient(circle at 50% 50%, #ec48990f 0%, transparent 60%)}[data-theme=light]{--bg-dark:#f8fafc;--bg-card:#ffffffd9;--bg-card-hover:#fffffff2;--bg-glass:#00000008;--bg-input:#f1f5f9f2;--bg-header:#ffffffd9;--border-color:#00000014;--border-active:#7c3aedcc;--border-glow:#38bdf880;--primary-gradient:linear-gradient(135deg, #6d28d9 0%, #2563eb 50%, #0891b2 100%);--accent-purple:#7c3aed;--accent-cyan:#0891b2;--accent-pink:#db2777;--accent-amber:#d97706;--text-main:#0f172a;--text-muted:#475569;--text-dim:#94a3b8;--shadow-glow:0 0 25px #6d28d933;--shadow-card:0 10px 30px #00000014;--bg-radial:radial-gradient(circle at 15% 15%, #7c3aed14 0%, transparent 40%), radial-gradient(circle at 85% 80%, #06b6d414 0%, transparent 40%)}:root{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);background-image:var(--bg-radial);background-attachment:fixed;min-height:100vh;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0e1a33}::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.anim-float{animation:4s ease-in-out infinite floatAnim}.anim-spin-slow{animation:12s linear infinite spinSlow}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:#7c3aed4d}.glass-input{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-md);font-family:var(--font-sans);outline:none;width:100%;padding:12px 16px;font-size:.95rem;transition:all .25s}.glass-input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #7c3aed33}.glass-input::placeholder{color:var(--text-dim)}.btn-primary{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-glow);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 28px #7c3aed80}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5)}.btn-secondary{background:var(--bg-glass);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover:not(:disabled){border-color:var(--accent-purple);color:var(--text-main);background:#7c3aed1f}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-purple{color:var(--accent-purple);background:#7c3aed26;border:1px solid #7c3aed4d}.badge-cyan{color:var(--accent-cyan);background:#06b6d426;border:1px solid #06b6d44d}.badge-amber{color:var(--accent-amber);background:#f59e0b26;border:1px solid #f59e0b4d}.style-chip{background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9999px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;transition:all .2s;display:inline-flex}.style-chip:hover{color:var(--text-main);background:#7c3aed1a;border-color:#7c3aed4d}.style-chip.active{border-color:var(--accent-purple);color:var(--text-main);background:linear-gradient(135deg,#7c3aed40,#06b6d440);font-weight:600;box-shadow:0 0 12px #7c3aed4d}.aspect-card{border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-color);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:10px;transition:all .2s;display:flex}.aspect-card:hover{background:#7c3aed14;border-color:#7c3aed4d}.aspect-card.active{border-color:var(--accent-purple);background:#7c3aed2e;box-shadow:0 0 15px #7c3aed40}.aspect-icon-box{border:1.5px dashed var(--text-dim);border-radius:4px;transition:all .2s}.aspect-card.active .aspect-icon-box{border-color:var(--accent-purple);background:#7c3aed33;border-style:solid}.skeleton-shimmer{background:linear-gradient(90deg,#ffffff08 0%,#ffffff1f 50%,#ffffff08 100%) 0 0/200% 100%;animation:2s infinite shimmer}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#030712d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}@media (width<=900px){main{grid-template-columns:1fr!important}}@media (width<=768px){main{gap:16px!important;padding:12px 10px!important}.modal-overlay{padding:10px!important}.glass-card{border-radius:var(--radius-md)!important;padding:14px!important}.aspect-card{padding:8px 4px!important}}@media (width<=640px){.hide-mobile{display:none!important}.main-header{padding:8px 10px!important}.header-actions{gap:4px!important}.header-btn{padding:6px 8px!important}}