:root{--theme-background: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 50%, #E2E8F0 100%);--theme-foreground: #0F172A;--theme-card: rgba(255, 255, 255, .95);--theme-card-border: rgba(71, 85, 105, .2);--theme-card-hover: rgba(255, 255, 255, 1);--theme-muted: #F1F5F9;--theme-muted-foreground: #475569;--theme-border: #CBD5E1;--theme-input: #FFFFFF;--theme-ring: #6366F1;--primary-color: #6366F1;--primary-hover: #4F46E5;--primary-light: #A5B4FC;--secondary-color: #EC4899;--secondary-hover: #DB2777;--accent-color: #C084FC;--accent-hover: #A855F7;--warning-color: #F59E0B;--error-color: #DC2626;--success-color: #059669;--theme-gradient-primary: linear-gradient(135deg, #818CF8, #E086F0, #F472B6);--theme-gradient-card: linear-gradient(135deg, rgba(248, 250, 252, .95), rgba(241, 245, 249, .9), rgba(226, 232, 240, .95));--theme-gradient-border: linear-gradient(90deg, #818CF8, #F472B6);--theme-shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .08);--theme-shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .12), 0 2px 4px -2px rgba(15, 23, 42, .08);--theme-shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .15), 0 4px 6px -4px rgba(15, 23, 42, .1);--theme-shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .2), 0 8px 10px -6px rgba(15, 23, 42, .15);--theme-shadow-aurora: 0 8px 32px -8px rgba(129, 140, 248, .3), 0 0 0 1px rgba(129, 140, 248, .15);--theme-foreground-muted: #64748B;--theme-muted-background: rgba(129, 140, 248, .08);--theme-gradient-secondary: linear-gradient(135deg, #F472B6, #E086F0);--theme-gradient-accent: linear-gradient(135deg, #E086F0, #818CF8);--theme-glass-bg: rgba(248, 250, 252, .6);--theme-glass-border: rgba(129, 140, 248, .2);--theme-glass-blur: blur(20px)}[data-theme=dark]{--theme-background: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #0F172A 100%);--theme-foreground: #F1F5F9;--theme-card: rgba(30, 41, 59, .8);--theme-card-border: rgba(129, 140, 248, .3);--theme-card-hover: rgba(30, 41, 59, .95);--theme-muted: #1E293B;--theme-muted-foreground: #94A3B8;--theme-border: #334155;--theme-input: #1E293B;--theme-ring: #818CF8;--theme-gradient-primary: linear-gradient(135deg, #818CF8, #E086F0, #F472B6);--theme-gradient-card: linear-gradient(135deg, rgba(30, 41, 59, .95), rgba(15, 23, 42, .9));--theme-gradient-border: linear-gradient(90deg, #818CF8, #F472B6);--theme-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--theme-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .4);--theme-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -4px rgba(0, 0, 0, .5);--theme-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .7), 0 8px 10px -6px rgba(0, 0, 0, .6);--theme-shadow-aurora: 0 12px 48px -8px rgba(129, 140, 248, .4), 0 0 0 1px rgba(129, 140, 248, .25);--theme-foreground-muted: #94A3B8;--theme-muted-background: rgba(129, 140, 248, .06);--theme-gradient-secondary: linear-gradient(135deg, #F472B6, #E086F0);--theme-gradient-accent: linear-gradient(135deg, #E086F0, #818CF8);--theme-glass-bg: rgba(30, 41, 59, .7);--theme-glass-border: rgba(129, 140, 248, .25);--theme-glass-blur: blur(30px);--primary-color: #818CF8;--primary-hover: #6366F1;--primary-light: #A5B4FC;--secondary-color: #F472B6;--secondary-hover: #EC4899;--accent-color: #E086F0;--accent-hover: #C084FC;--warning-color: #FBBF24;--error-color: #F87171;--success-color: #4ADE80;--gray-50: #1E293B;--gray-100: #334155;--gray-200: #475569;--gray-300: #64748B;--gray-400: #94A3B8;--gray-500: #CBD5E1;--gray-600: #E2E8F0;--gray-700: #F1F5F9;--gray-800: #F8FAFC;--gray-900: #FFFFFF}*{transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.app-navbar{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#ffffffd9,#ffffffbf);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--theme-card-border)}[data-theme=dark] .app-navbar{background:linear-gradient(180deg,#0f172ad9,#0f172abf);border-bottom:1px solid var(--theme-card-border)}.nav-brand{font-weight:700;color:var(--theme-foreground)}.nav-actions .nav-link{color:var(--theme-foreground);opacity:.8;padding:.375rem .75rem;border-radius:.5rem}.nav-actions .nav-link:hover{opacity:1;background-color:var(--theme-muted)}.nav-actions .nav-link.active{background:var(--theme-gradient-primary);color:#fff}[data-theme=dark] #spritesheet-settings{background:linear-gradient(180deg,#1e293bcc,#0f172ab3);border-color:var(--theme-card-border)!important}[data-theme=dark] #spritesheet-preview-container{background-color:var(--theme-muted)!important;border-color:var(--theme-border)!important}[data-theme=dark] #spritesheet-canvas{background-color:var(--theme-card)!important}[data-theme=dark] #spritesheet-info{background-color:var(--theme-muted)!important;color:var(--theme-muted-foreground)!important}[data-theme=dark] #step4 input[type=number],[data-theme=dark] #step4 .bg-white{background-color:var(--theme-input)!important;color:var(--theme-foreground)!important;border-color:var(--theme-border)!important}[data-theme=dark] #step4 .text-gray-700{color:var(--theme-foreground)!important}[data-theme=dark] #step4 .text-gray-600{color:var(--theme-muted-foreground)!important}[data-theme=dark] #spritesheet-tip{background:linear-gradient(90deg,#3b82f61f,#a855f71f)!important;border-color:var(--theme-border)!important}[data-theme=dark] #original-size-box,[data-theme=dark] #output-size-box{background-color:color-mix(in oklab,var(--theme-card) 90%,transparent)!important;border-color:var(--theme-border)!important}[data-theme=dark] #original-size-box span,[data-theme=dark] #output-size-box span{color:var(--theme-muted-foreground)!important}[data-theme=dark] .parameter-card{background:var(--theme-gradient-card)!important;border-color:var(--theme-card-border)!important}[data-theme=dark] .bg-white\/50{background:color-mix(in oklab,var(--theme-card) 60%,transparent)!important;border-color:var(--theme-card-border)!important}[data-theme=dark] .bg-white\/80{background:color-mix(in oklab,var(--theme-card) 80%,transparent)!important;border-color:var(--theme-card-border)!important}[data-theme=dark] .bg-gray-100{background:color-mix(in oklab,var(--theme-muted) 80%,var(--theme-card) 20%)!important;color:var(--theme-muted-foreground)!important}[data-theme=dark] .bg-gray-200{background:color-mix(in oklab,var(--theme-muted) 70%,var(--theme-card) 30%)!important;color:var(--theme-foreground)!important}[data-theme=dark] .text-gray-500,[data-theme=dark] .text-gray-600{color:var(--theme-muted-foreground)!important}[data-theme=dark] .text-gray-700,[data-theme=dark] .text-gray-800{color:var(--theme-foreground)!important}[data-theme=dark] .border-gray-200{border-color:var(--theme-card-border)!important}[data-theme=dark] .border-gray-300{border-color:var(--theme-border)!important}[data-theme=dark] .form-radio{background-color:var(--theme-input)!important;border-color:var(--theme-border)!important;color:var(--theme-ring)!important}[data-theme=dark] .form-radio:checked{background-color:var(--theme-ring)!important;border-color:var(--theme-ring)!important}[data-theme=dark] .border-dashed{border-color:color-mix(in oklab,var(--theme-card-border) 80%,transparent)!important}[data-theme=dark] .tool-btn{background:color-mix(in oklab,var(--theme-card) 70%,transparent)!important;border-color:var(--theme-card-border)!important;color:var(--theme-foreground)!important}[data-theme=dark] .tool-btn.active{background:linear-gradient(135deg,#4f46e5cc,#8b5cf6cc)!important;color:#fff!important;border-color:var(--theme-ring)!important}[data-theme=dark] .tool-btn:hover{background:color-mix(in oklab,var(--theme-card) 90%,var(--theme-ring) 10%)!important}[data-theme=dark] #align-content-group,[data-theme=dark] #loop-frame-group{background:color-mix(in oklab,var(--theme-card) 60%,transparent)!important;border-color:var(--theme-card-border)!important}[data-theme=dark] .switch-input{background-color:color-mix(in oklab,var(--theme-muted) 65%,transparent)!important}[data-theme=dark] .switch-label,[data-theme=dark] #align-content-group label,[data-theme=dark] #loop-frame-group label{color:var(--theme-foreground)!important}[data-theme=dark] #align-content,[data-theme=dark] #loop-frame{accent-color:var(--theme-ring);border-color:var(--theme-border)}#step4 .scale-btn{color:#fff}[data-theme=dark] #step4 .scale-btn[data-scale="25"]{background:linear-gradient(90deg,#10b981,#22c55e)!important}[data-theme=dark] #step4 .scale-btn[data-scale="50"]{background:linear-gradient(90deg,#3b82f6,#6366f1)!important}[data-theme=dark] #step4 .scale-btn[data-scale="100"]{background:linear-gradient(90deg,#a855f7,#ec4899)!important}[data-theme=dark] #step4 .scale-btn[data-scale="200"]{background:linear-gradient(90deg,#ec4899,#f97316)!important}[data-theme=dark] #step4 .scale-btn.active{box-shadow:0 0 0 2px #ffffff26 inset,0 6px 16px #0006}[data-theme=dark] #step4 #generate-spritesheet-btn{box-shadow:0 4px 20px #10b98159}[data-theme=dark] #step4 #download-spritesheet-btn{box-shadow:0 4px 20px #9333ea59}[data-theme=dark] #step4 #download-zip-btn{box-shadow:0 4px 20px #f9731659}.container{background-color:transparent}html{background:var(--theme-background),var(--page-aurora-overlays)!important}body{background:var(--theme-background),var(--page-aurora-overlays)!important;color:var(--theme-foreground)!important}.step-card{background:var(--theme-gradient-card)!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--theme-card-border)!important;box-shadow:var(--theme-shadow-lg)}[data-theme=dark] .step-card{background:var(--theme-gradient-card)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--theme-card-border)!important}.step-card:hover{box-shadow:var(--theme-shadow-xl);border:1px solid var(--theme-card-border)!important}.upload-zone{background:var(--theme-card);border-color:var(--theme-border)}[data-theme=dark] .upload-zone{background:linear-gradient(135deg,#1e293bcc,#0f172a99);border-color:#818cf840;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 24px -8px #0003}[data-theme=dark] .upload-zone:before{background:linear-gradient(135deg,#4f46e514,#8b5cf60f,#d946ef14)}[data-theme=dark] .upload-zone:after{background:radial-gradient(circle,rgba(129,140,248,.2) 0%,transparent 60%)}[data-theme=dark] .upload-zone:hover{border-color:#818cf899;box-shadow:0 8px 32px -12px #4f46e54d,0 0 0 1px #818cf833}[data-theme=dark] .upload-zone:hover label p:first-child{color:#60a5fa}.upload-zone.dragover{background:var(--primary-light);border-color:var(--primary-color)}[data-theme=dark] .upload-zone.dragover{background:linear-gradient(135deg,#4f46e533,#8b5cf626,#d946ef1f);border-color:var(--primary-color);box-shadow:0 20px 40px -16px #4f46e566,0 0 0 2px #818cf84d,inset 0 1px #ffffff1a}[data-theme=dark] .quick-preset-btn{background:linear-gradient(135deg,#4f46e526,#8b5cf61f);color:#60a5fa;border-color:#818cf833}[data-theme=dark] .quick-preset-btn:hover{background:linear-gradient(135deg,#4f46e5,#8b5cf6);color:#fff;box-shadow:0 8px 24px -4px #4f46e566;border-color:#4f46e5}[data-theme=dark] .tips-card{background:linear-gradient(135deg,#4f46e51f,#8b5cf614,#d946ef0f);border-color:#818cf840;box-shadow:0 4px 20px -8px #4f46e54d}[data-theme=dark] .tips-card:before{background:linear-gradient(90deg,#4f46e5,#8b5cf6,#d946ef)}[data-theme=dark] .tips-title{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .tips-item{color:var(--theme-muted-foreground)}[data-theme=dark] .tips-item:hover{color:#60a5fa}[data-theme=dark] .section-label{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] #start-time-label,[data-theme=dark] #end-time-label{color:var(--theme-muted-foreground)}[data-theme=dark] #start-time-label [data-i18n],[data-theme=dark] #end-time-label [data-i18n]{color:#60a5fa}[data-theme=dark] .time-value{color:#a78bfa;background:linear-gradient(135deg,#4f46e526,#8b5cf61f);border-color:#818cf840}[data-theme=dark] .trim-reset-btn{background:linear-gradient(135deg,#6366f126,#a855f71f);color:#a78bfa;border-color:#a855f733}[data-theme=dark] .tips-item:before{background:linear-gradient(135deg,#4f46e5,#d946ef)}[data-theme=dark] .video-preview-container{background:linear-gradient(135deg,#0f172af2,#1e293be6);border-color:#818cf833;box-shadow:0 8px 32px -8px #00000080,inset 0 1px #ffffff0d}[data-theme=dark] .video-preview-container:before{background:linear-gradient(90deg,#4f46e5,#8b5cf6,#d946ef)}[data-theme=dark] .video-controls{background:linear-gradient(135deg,#1e293b14,#0f172a0d);border-top-color:#ffffff0d}[data-theme=dark] .video-controls label{color:var(--theme-muted-foreground)}[data-theme=dark] .video-controls label:hover{color:#60a5fa}[data-theme=dark] .clip-info{color:var(--theme-muted-foreground);background:linear-gradient(135deg,#4f46e51f,#8b5cf614);border-color:#818cf840}[data-theme=dark] .clip-info span:first-child{color:#60a5fa}[data-theme=dark] .clip-info #clip-length{color:#a78bfa}[data-theme=dark] .trim-section-label{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{background:var(--theme-gradient-primary);box-shadow:var(--theme-shadow-md)}.btn-primary:hover{box-shadow:var(--theme-shadow-lg)}.btn-secondary{background:var(--theme-muted);color:var(--theme-muted-foreground);border-color:var(--theme-border)}.btn-secondary:hover{background:var(--theme-border)}input,select,textarea{background-color:var(--theme-input);border-color:var(--theme-border);color:var(--theme-foreground)}input:focus,select:focus,textarea:focus{border-color:var(--theme-ring);box-shadow:0 0 0 3px rgba(var(--theme-ring),.1)}.theme-toggle{position:fixed;top:1.5rem;right:1.5rem;z-index:9999;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--theme-card);border:2px solid var(--theme-border);box-shadow:var(--theme-shadow-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:3.5rem;min-height:3.5rem}.theme-toggle.theme-toggle--in-nav{position:static;width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem}.lang-toggle{position:static;height:2.5rem;padding:0 .75rem;border-radius:9999px;background:var(--theme-card);border:2px solid var(--theme-border);color:var(--theme-foreground);display:inline-flex;align-items:center;gap:6px;box-shadow:var(--theme-shadow-lg)}.lang-toggle:hover{background:var(--theme-gradient-primary);color:#fff}.theme-toggle:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--theme-shadow-xl);background:var(--theme-gradient-primary)}.theme-toggle:hover .theme-icon{color:#fff;transform:scale(1.1)}[data-theme=dark] .theme-toggle{box-shadow:var(--theme-shadow-lg),0 0 20px #818cf833}[data-theme=light] .theme-toggle{box-shadow:var(--theme-shadow-lg),0 0 10px #3b82f61a}.theme-icon{width:1.5rem;height:1.5rem;color:var(--theme-foreground);transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-icon.sun{opacity:1;transform:rotate(0) scale(1)}.theme-icon.moon{opacity:0;transform:rotate(-90deg) scale(0);position:absolute}[data-theme=dark] .theme-icon.sun{opacity:0;transform:rotate(90deg) scale(0)}[data-theme=dark] .theme-icon.moon{opacity:1;transform:rotate(0) scale(1)}.themed-slider{background:var(--theme-muted)}.themed-slider::-webkit-slider-thumb{background:var(--theme-gradient-primary);border:2px solid var(--theme-card);box-shadow:0 2px 8px rgba(var(--primary-color),.3)}.themed-slider::-moz-range-thumb{background:var(--theme-gradient-primary);border:2px solid var(--theme-card);box-shadow:0 2px 8px rgba(var(--primary-color),.3)}.frame-container{background:var(--theme-card);border-color:var(--theme-border)}.frame-container:hover{box-shadow:var(--theme-shadow-md)}.frame-container.selected{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color),.2)}[data-theme=dark] .step-card:before{background:var(--theme-gradient-border);box-shadow:0 0 10px #818cf84d}[data-theme=dark] .btn-primary{box-shadow:var(--theme-shadow-md),0 0 20px #4f46e54d}[data-theme=dark] .btn-primary:hover{box-shadow:var(--theme-shadow-lg),0 0 30px #4f46e566}[data-theme=dark] .bg-gray-100,[data-theme=dark] body.bg-gray-100{background-color:var(--theme-background)!important}[data-theme=dark] .bg-white{background-color:var(--theme-card)!important}[data-theme=dark] .bg-gray-50,[data-theme=dark] .bg-gray-100,[data-theme=dark] .bg-gray-200{background-color:var(--theme-muted)!important}[data-theme=dark] .border-gray-100,[data-theme=dark] .border-gray-200{border-color:var(--theme-border)!important}[data-theme=dark] .text-gray-700,[data-theme=dark] .text-gray-800,[data-theme=dark] .text-gray-900{color:var(--theme-foreground)!important}[data-theme=dark] .bg-green-50{background-color:color-mix(in oklab,#22c55e 12%,transparent)!important}[data-theme=dark] .border-green-200{border-color:color-mix(in oklab,#22c55e 45%,var(--theme-border))!important}[data-theme=dark] .bg-red-50{background-color:color-mix(in oklab,#ef4444 12%,transparent)!important}[data-theme=dark] .border-red-200{border-color:color-mix(in oklab,#ef4444 45%,var(--theme-border))!important}[data-theme=dark] .bg-yellow-50{background-color:color-mix(in oklab,#f59e0b 12%,transparent)!important}[data-theme=dark] .border-yellow-200{border-color:color-mix(in oklab,#f59e0b 45%,var(--theme-border))!important}[data-theme=dark] .bg-blue-50{background-color:color-mix(in oklab,#3b82f6 12%,transparent)!important}[data-theme=dark] .border-blue-200{border-color:color-mix(in oklab,#3b82f6 45%,var(--theme-border))!important}[data-theme=dark] .notification .close-btn:hover,[data-theme=dark] #modal .close-btn:hover,[data-theme=dark] .hover\:bg-gray-100:hover{background-color:var(--theme-muted)!important}[data-theme=dark] .text-gray-800,[data-theme=dark] body.text-gray-800,[data-theme=dark] .text-gray-900{color:var(--theme-foreground)!important}[data-theme=dark] .text-gray-600{color:var(--theme-muted-foreground)!important}[data-theme=dark] .text-blue-600{color:#60a5fa!important}[data-theme=dark] .text-gray-500{color:var(--theme-muted-foreground)!important}[data-theme=dark] body{background-color:var(--theme-background)!important;color:var(--theme-foreground)!important}[data-theme=dark] .step-header{background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] h1[data-i18n="app.title"],.dark h1[data-i18n="app.title"]{color:#f1f5f9!important}[data-theme=dark] #animation-play-btn{background:linear-gradient(135deg,#059669,#10b981)!important;box-shadow:0 4px 20px #10b9814d}[data-theme=dark] #animation-stop-btn{background:linear-gradient(135deg,#dc2626,#ef4444)!important;box-shadow:0 4px 20px #ef44444d}[data-theme=dark] #animation-reset-btn{background:linear-gradient(135deg,#475569,#64748b)!important;box-shadow:0 4px 20px #64748b33}[data-theme=dark] #apply-animation-btn{background:linear-gradient(135deg,#7c3aed,#3b82f6)!important;box-shadow:0 6px 24px #7c3aed66}[data-theme=dark] input[type=number],[data-theme=dark] input[type=text]{background-color:var(--theme-input)!important;border-color:var(--theme-border)!important;color:var(--theme-foreground)!important}[data-theme=dark] input[type=number]:focus,[data-theme=dark] input[type=text]:focus{border-color:var(--theme-ring)!important;box-shadow:0 0 0 2px color-mix(in oklab,var(--theme-ring) 20%,transparent)!important}.control-panel{background:var(--theme-card);border-color:var(--theme-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .control-panel{background:var(--theme-gradient-card);border-color:var(--theme-card-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=dark] #extract-progress-container,[data-theme=dark] #upload-progress-container,[data-theme=dark] .control-panel.progress-container{background:linear-gradient(135deg,#1e293bf2,#0f172ae6);border-color:#818cf833;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px -8px #0006,0 2px 8px -4px #0000004d,inset 0 1px #818cf81a}[data-theme=dark] .control-panel.progress-container:before{background:linear-gradient(90deg,transparent,rgba(129,140,248,.8),transparent)}[data-theme=dark] .progress-bar{background:linear-gradient(90deg,#4f46e5,#8b5cf6,#d946ef);box-shadow:0 2px 12px -2px #4f46e580,inset 0 1px #ffffff26}[data-theme=dark] .progress-track{background:linear-gradient(to right,#4f46e526,#8b5cf61f,#d946ef26);box-shadow:inset 0 1px 3px #0000004d}[data-theme=dark] .progress-text{color:var(--theme-foreground)}[data-theme=dark] .progress-status{background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .control-panel button{background:var(--theme-muted);color:var(--theme-foreground);border-color:var(--theme-border)}[data-theme=dark] .control-panel button:hover{background:var(--theme-border)}[data-theme=dark] .control-panel button.bg-blue-600{background:var(--theme-gradient-primary)!important;color:#fff!important}[data-theme=dark] .control-panel button.bg-blue-600:hover{background:linear-gradient(135deg,#4338ca,#7c3aed,#be185d)!important}.slider-value-badge{background:var(--theme-muted);border:1px solid var(--theme-border);border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:600;color:var(--theme-foreground);min-width:2.5rem;text-align:center;box-shadow:var(--theme-shadow-sm)}[data-theme=dark] .slider-value-badge{background:var(--theme-muted);border-color:var(--theme-border);color:var(--theme-foreground);box-shadow:var(--theme-shadow-md)}.parameter-slider-container{background:var(--theme-card);border:1px solid var(--theme-border);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.parameter-slider-container:hover{border-color:var(--theme-ring);box-shadow:var(--theme-shadow-aurora);transform:translateY(-1px)}[data-theme=dark] .parameter-slider-container{background:var(--theme-glass-bg);-webkit-backdrop-filter:var(--theme-glass-blur);backdrop-filter:var(--theme-glass-blur);border-color:var(--theme-glass-border)}[data-theme=dark] .parameter-slider-container:hover{border-color:var(--theme-ring);box-shadow:var(--theme-shadow-aurora)}.aurora-glass{background:var(--theme-glass-bg);backdrop-filter:var(--theme-glass-blur);-webkit-backdrop-filter:var(--theme-glass-blur);border:1px solid var(--theme-glass-border);box-shadow:var(--theme-shadow-aurora)}[data-theme=dark] .aurora-glass{background:#1c123a66;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-color:#7a4dff4d;box-shadow:0 10px 40px -10px #4c2abc4d,0 0 0 1px #7a4dff33}.aurora-glass-card{background:var(--theme-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--theme-card-border);border-radius:var(--radius-2xl);box-shadow:var(--theme-shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.aurora-glass-card:hover{transform:translateY(-2px);box-shadow:var(--theme-shadow-xl);border-color:var(--primary-color)}[data-theme=dark] .aurora-glass-card{background:var(--theme-glass-bg);backdrop-filter:var(--theme-glass-blur);-webkit-backdrop-filter:var(--theme-glass-blur);border-color:var(--theme-glass-border)}.aurora-text-gradient{background:var(--theme-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-bold)}.aurora-btn-primary{background:var(--theme-gradient-primary);color:#fff;border:none;border-radius:var(--radius-xl);padding:.75rem 1.5rem;font-weight:var(--font-semibold);font-size:.875rem;box-shadow:var(--theme-shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.aurora-btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--theme-shadow-xl),0 0 30px #818cf866}.aurora-btn-primary:active{transform:translateY(0) scale(.98)}.aurora-btn-secondary{background:var(--theme-muted-background);color:var(--theme-foreground);border:1px solid var(--theme-border);border-radius:var(--radius-xl);padding:.75rem 1.5rem;font-weight:var(--font-medium);font-size:.875rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.aurora-btn-secondary:hover{background:var(--theme-gradient-primary);color:#fff;border-color:transparent;transform:translateY(-1px)}.aurora-status-tag{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--font-bold);border:1px solid;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.aurora-status-success{background:color-mix(in oklab,var(--success-color) 20%,transparent);color:var(--success-color);border-color:var(--success-color)}.aurora-status-warning{background:color-mix(in oklab,var(--warning-color) 20%,transparent);color:var(--warning-color);border-color:var(--warning-color)}.aurora-status-error{background:color-mix(in oklab,var(--error-color) 20%,transparent);color:var(--error-color);border-color:var(--error-color)}.aurora-status-primary{background:color-mix(in oklab,var(--primary-color) 20%,transparent);color:var(--primary-color);border-color:var(--primary-color)}.aurora-input{background:var(--theme-input);border:1px solid var(--theme-border);border-radius:var(--radius-lg);padding:.75rem 1rem;color:var(--theme-foreground);font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.aurora-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary-color) 15%,transparent)}[data-theme=dark] .aurora-input{background:var(--theme-glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:var(--theme-glass-border)}[data-theme=dark] .tooltip:after{background:#374151;color:#f9fafb;box-shadow:0 4px 12px #0006}[data-theme=dark] .tooltip:before{border-top-color:#374151}.aurora-scroll::-webkit-scrollbar{width:8px}.aurora-scroll::-webkit-scrollbar-track{background:transparent}.aurora-scroll::-webkit-scrollbar-thumb{background:var(--theme-gradient-primary);border-radius:4px}.aurora-scroll::-webkit-scrollbar-thumb:hover{background:var(--theme-gradient-secondary)}.aurora-loading{display:inline-block;width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:aurora-spin 1s linear infinite}@keyframes aurora-spin{to{transform:rotate(360deg)}}.aurora-pulse{animation:aurora-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes aurora-pulse{0%,to{opacity:1}50%{opacity:.7}}.aurora-glow{position:relative}.aurora-glow:before{content:"";position:absolute;inset:-2px;background:var(--theme-gradient-primary);border-radius:inherit;opacity:0;transition:opacity .3s ease;z-index:-1;filter:blur(6px)}.aurora-glow:hover:before{opacity:.7}:root{--primary-color: #6366F1;--secondary-color: #EC4899;--accent-color: #D946EF;--success-color: #22C55E;--warning-color: #F59E0B;--error-color: #EF4444;--gradient-primary: linear-gradient(135deg, var(--primary-color), var(--accent-color));--gradient-secondary: linear-gradient(135deg, var(--secondary-color), var(--accent-color));--gradient-accent: linear-gradient(135deg, var(--accent-color), var(--primary-color));--gradient-full: linear-gradient(135deg, var(--primary-color), var(--accent-color), var(--secondary-color))}:root{--page-bg: #FFFFFF;--text-primary: #1F2937;--text-secondary: #4B5563;--text-muted: #6B7280;--card-bg: rgba(255, 255, 255, .6);--card-border-color: rgba(0, 0, 0, .1);--card-shadow: 0 10px 40px -10px rgba(100, 116, 139, .15), 0 4px 6px -4px rgba(100, 116, 139, .1);--item-bg: rgba(255, 255, 255, .5);--item-border-color: rgba(0, 0, 0, .08);--button-secondary-bg: rgba(255, 255, 255, .2);--page-aurora-overlays: none}.dark{--page-bg: radial-gradient(ellipse at top, rgba(79, 70, 229, .15) 0%, rgba(139, 92, 246, .12) 35%, rgba(217, 70, 239, .1) 100%), hsl(258, 67%, 11%);--text-primary: #F9FAFB;--text-secondary: #D1D5DB;--text-muted: #9CA3AF;--card-bg: rgba(28, 18, 58, .4);--card-border-color: rgba(122, 77, 255, .3);--card-shadow: 0 10px 40px -10px rgba(76, 42, 188, .3), 0 0 0 1px rgba(122, 77, 255, .2);--item-bg: rgba(39, 28, 81, .5);--item-border-color: rgba(255, 255, 255, .1);--button-secondary-bg: rgba(255, 255, 255, .05);--page-aurora-overlays: radial-gradient(at 27% 37%, rgba(99, 102, 241, .22) 0%, transparent 52%), radial-gradient(at 80% 25%, rgba(168, 85, 247, .18) 0%, transparent 54%), radial-gradient(at 12% 85%, rgba(217, 70, 239, .16) 0%, transparent 56%)}:root{--font-family: "Inter", sans-serif;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem}:root{--glass-blur-sm: blur(10px);--glass-blur-md: blur(20px);--glass-blur-lg: blur(30px)}.dark{--glass-blur-sm: blur(10px);--glass-blur-md: blur(20px);--glass-blur-lg: blur(30px)}:root{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-aurora: 0 8px 32px -8px rgba(99, 102, 241, .3), 0 0 0 1px rgba(99, 102, 241, .15)}.dark{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .25);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px -1px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .6);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7);--shadow-aurora: 0 12px 48px -8px rgba(129, 140, 248, .4), 0 0 0 1px rgba(129, 140, 248, .25)}:root{--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}:root{--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--theme-foreground);background-color:var(--theme-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}body{color:var(--theme-foreground);background:var(--theme-background)}a{color:var(--primary-color)}a:hover{color:var(--secondary-color)}button{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff}*,p,span,div{color:inherit}[data-theme=dark] .forum-sidebar,.dark .forum-sidebar,[data-theme=dark] .forum-post,.dark .forum-post,[data-theme=dark] .forum-thread,.dark .forum-thread,[data-theme=dark] .forum-list,.dark .forum-list,[data-theme=dark] .forum-sidebar-card,.dark .forum-sidebar-card,[data-theme=dark] .forum-content-area,.dark .forum-content-area{background-color:var(--theme-card)!important;border-color:var(--theme-card-border)!important;color:var(--theme-foreground)!important}[data-theme=dark] [class*="bg-white/60"],.dark [class*="bg-white/60"],[data-theme=dark] [class*="dark:bg-gray-800/60"],.dark [class*="dark:bg-gray-800/60"],[data-theme=dark] .bg-white\/60,.dark .bg-white\/60,[data-theme=dark] .dark\:bg-gray-800\/60,.dark .dark\:bg-gray-800\/60{background-color:var(--theme-card)!important}[data-theme=dark] [class*="border-white/20"],.dark [class*="border-white/20"],[data-theme=dark] [class*="dark:border-gray-700/30"],.dark [class*="dark:border-gray-700/30"]{border-color:var(--theme-card-border)!important}[data-theme=dark] [class*=text-gray-900],.dark [class*=text-gray-900],[data-theme=dark] [class*=text-gray-700],.dark [class*=text-gray-700],[data-theme=dark] [class*=text-gray-600],.dark [class*=text-gray-600],[data-theme=dark] [class*=text-gray-500],.dark [class*=text-gray-500]{color:var(--theme-foreground)!important}[data-theme=dark] [class*="dark:text-gray-400"],.dark [class*="dark:text-gray-400"],[data-theme=dark] [class*="dark:text-gray-300"],.dark [class*="dark:text-gray-300"],[data-theme=dark] [class*="dark:text-gray-200"],.dark [class*="dark:text-gray-200"]{color:var(--theme-muted-foreground)!important}[data-theme=dark] [class*="hover:bg-gray-100"],.dark [class*="hover:bg-gray-100"],[data-theme=dark] [class*="dark:hover:bg-gray-700/50"],.dark [class*="dark:hover:bg-gray-700/50"]{background-color:var(--theme-muted)!important}[data-theme=dark] [class*="bg-gradient-to-br from-blue-50 to-blue-100"],.dark [class*="bg-gradient-to-br from-blue-50 to-blue-100"],[data-theme=dark] [class*="bg-gradient-to-br from-purple-50 to-purple-100"],.dark [class*="bg-gradient-to-br from-purple-50 to-purple-100"],[data-theme=dark] [class*="bg-gradient-to-br from-green-50 to-green-100"],.dark [class*="bg-gradient-to-br from-green-50 to-green-100"],[data-theme=dark] [class*="bg-gradient-to-br from-orange-50 to-orange-100"],.dark [class*="bg-gradient-to-br from-orange-50 to-orange-100"],[data-theme=dark] [class*="dark:from-blue-900/20"],.dark [class*="dark:from-blue-900/20"],[data-theme=dark] [class*="dark:to-blue-800/20"],.dark [class*="dark:to-blue-800/20"],[data-theme=dark] [class*="dark:from-purple-900/20"],.dark [class*="dark:from-purple-900/20"],[data-theme=dark] [class*="dark:to-purple-800/20"],.dark [class*="dark:to-purple-800/20"],[data-theme=dark] [class*="dark:from-green-900/20"],.dark [class*="dark:from-green-900/20"],[data-theme=dark] [class*="dark:to-green-800/20"],.dark [class*="dark:to-green-800/20"],[data-theme=dark] [class*="dark:from-orange-900/20"],.dark [class*="dark:from-orange-900/20"],[data-theme=dark] [class*="dark:to-orange-800/20"],.dark [class*="dark:to-orange-800/20"]{background:var(--theme-muted)!important}[data-theme=dark] .forum-sidebar button,.dark .forum-sidebar button,[data-theme=dark] .forum-post button,.dark .forum-post button,[data-theme=dark] .forum-thread button,.dark .forum-thread button{color:var(--theme-foreground)!important}[data-theme=dark] .forum-sidebar a,.dark .forum-sidebar a,[data-theme=dark] .forum-post a,.dark .forum-post a,[data-theme=dark] .forum-thread a,.dark .forum-thread a{color:var(--primary-color)!important}[data-theme=dark] .forum-sidebar svg,.dark .forum-sidebar svg,[data-theme=dark] .forum-post svg,.dark .forum-post svg,[data-theme=dark] .forum-thread svg,.dark .forum-thread svg{color:var(--theme-muted-foreground)!important}[data-theme=dark] [class*=backdrop-filter],.dark [class*=backdrop-filter]{-webkit-backdrop-filter:var(--theme-glass-blur)!important;backdrop-filter:var(--theme-glass-blur)!important}[data-theme=dark] [class*=shadow-xl],.dark [class*=shadow-xl],[data-theme=dark] [class*=shadow-lg],.dark [class*=shadow-lg]{box-shadow:var(--theme-shadow-xl)!important}[data-theme=dark] .forum-page,.dark .forum-page,[data-theme=dark] .forum-container,.dark .forum-container{background-color:var(--theme-background)!important;color:var(--theme-foreground)!important}[data-theme=dark] .bg-white,.dark .bg-white{background-color:var(--theme-card)!important}[data-theme=dark] .text-gray-900,.dark .text-gray-900,[data-theme=dark] .text-gray-700,.dark .text-gray-700{color:var(--theme-foreground)!important}[data-theme=dark] .text-gray-600,.dark .text-gray-600,[data-theme=dark] .text-gray-500,.dark .text-gray-500{color:var(--theme-muted-foreground)!important}[data-theme=dark] .forum-sidebar,.dark .forum-sidebar,[data-theme=dark] .forum-post,.dark .forum-post,[data-theme=dark] .forum-thread,.dark .forum-thread{background-color:#1e293bcc!important;border-color:#818cf84d!important}[data-theme=dark] [class*=bg-white],.dark [class*=bg-white]{background-color:var(--theme-card)!important}.themed-scrollbar{scrollbar-width:thin;scrollbar-color:var(--theme-muted) transparent}.themed-scrollbar::-webkit-scrollbar{width:8px;height:8px}.themed-scrollbar::-webkit-scrollbar-track{background:transparent}.themed-scrollbar::-webkit-scrollbar-thumb{background:var(--theme-muted);border-radius:9999px;border:2px solid transparent;background-clip:padding-box}.themed-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}