:root{--bg-color:#030303;--surface-color:#0f0f14b3;--accent-primary:#8b5cf6;--accent-secondary:#ec4899;--accent-glow:#8b5cf666;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--glass-border:#ffffff14;--glass-border-bright:#ffffff26;--font-main:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", system-ui, sans-serif;--radius-xl:32px;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--transition-smooth:all .4s cubic-bezier(.4, 0, .2, 1);--shadow-xl:0 25px 50px -12px #000000b3}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);background-image:radial-gradient(circle at 10% 10%,#8b5cf614 0%,#0000 40%),radial-gradient(circle at 90% 90%,#ec489914 0%,#0000 40%),radial-gradient(circle,#000 0%,#0000 100%);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{width:100%;min-height:100vh}.glass-card{background:var(--surface-color);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:var(--transition-smooth);overflow:hidden;box-shadow:0 20px 40px -10px #00000080}.glass-card:hover{border-color:var(--glass-border-bright)}.gradient-text{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;box-shadow:0 10px 20px -5px var(--accent-glow)}.btn-primary:hover:not(:disabled){box-shadow:0 15px 30px -5px var(--accent-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--glass-border);background:#ffffff08}.btn-secondary:hover:not(:disabled){border-color:var(--glass-border-bright);background:#ffffff14}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.container{max-width:1280px;margin:0 auto;padding:60px 24px}@media (width<=640px){.container{padding:32px 16px}}header{text-align:center;margin-bottom:80px}h1{font-family:var(--font-heading);letter-spacing:-.04em;margin-bottom:20px;font-size:clamp(3rem,8vw,5rem);line-height:.9}@media (width<=480px){h1{font-size:2.5rem}}p.subtitle{color:var(--text-secondary);max-width:640px;margin:0 auto;font-size:1.25rem;font-weight:400}.upload-zone{border:2px dashed var(--glass-border);cursor:pointer;transition:var(--transition-smooth);background:#ffffff03;flex-direction:column;justify-content:center;align-items:center;padding:120px 40px;display:flex;position:relative}@media (width<=640px){.upload-zone{padding:60px 20px}}.upload-zone:hover{border-color:var(--accent-primary);background:#8b5cf608}.upload-zone.dragging{border-color:var(--accent-secondary);background:#ec48990d;transform:scale(1.02)}.upload-icon-container{justify-content:center;align-items:center;display:flex;position:relative}.icon-glow{background:radial-gradient(circle, var(--accent-primary) 0%, transparent 70%);filter:blur(40px);z-index:0;pointer-events:none;width:140%;height:140%;position:absolute}.upload-title{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:12px;font-size:2.5rem;font-weight:800}@media (width<=640px){.upload-title{font-size:1.75rem}}.upload-subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:1.1rem;line-height:1.5}.file-types{color:var(--text-muted);font-size:.9rem;font-weight:500}.upload-action{flex-direction:column;align-items:center;display:flex}.drag-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;border-radius:inherit;background:#030303cc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drag-indicator{color:var(--accent-secondary);font-size:1.2rem;font-weight:700;font-family:var(--font-heading);flex-direction:column;align-items:center;gap:20px;display:flex}.workspace-header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;padding:0 8px;display:flex}@media (width<=640px){.workspace-header{text-align:center;flex-direction:column;align-items:stretch;gap:20px}}.workspace-title{font-family:var(--font-heading);letter-spacing:-.02em;font-size:2rem;font-weight:800}@media (width<=480px){.workspace-title{font-size:1.5rem}}.view-toggle{border:1px solid var(--glass-border);background:#ffffff08;border-radius:100px;padding:4px;display:flex}.toggle-btn{cursor:pointer;transition:var(--transition-smooth);color:var(--text-secondary);background:0 0;border:none;border-radius:100px;padding:8px 24px;font-size:.8rem;font-weight:700}.toggle-btn.active{background:var(--accent-primary);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.processing-grid{transition:var(--transition-smooth);gap:32px;margin-top:0;display:grid}.processing-grid.solo-mode{grid-template-columns:minmax(0,800px);justify-content:center}.processing-grid.compare-mode{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))}@media (width<=768px){.processing-grid{grid-template-columns:1fr}}.preview-card{padding:28px;position:relative;overflow:hidden}.preview-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.video-container{aspect-ratio:16/9;border-radius:var(--radius-md);isolation:isolate;background:#000;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 100px #00000080}.video-container:after{content:"";pointer-events:none;z-index:10;opacity:.3;background:linear-gradient(#12101000 50%,#0000001a 50%) 0 0/100% 3px,linear-gradient(90deg,#ff000005,#00ff0003,#0000ff05) 0 0/3px 100%;position:absolute;inset:0}.scanline{z-index:11;pointer-events:none;background:#8b5cf61a;width:100%;height:2px;animation:8s linear infinite scanline;position:absolute;top:0;left:0}@keyframes scanline{0%{top:0}to{top:100%}}video,canvas{object-fit:contain;z-index:1;width:100%;height:100%;position:relative}.controls-layout{grid-template-columns:320px 1fr;gap:32px;margin-top:32px;display:grid}@media (width<=1024px){.controls-layout{grid-template-columns:1fr}}.section-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.section-header label{color:var(--text-primary);font-size:.9rem}.presets-card{padding:32px}.presets-grid{flex-direction:column;gap:12px;display:flex}.preset-btn{border-radius:var(--radius-md);border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition-smooth);text-align:left;background:#ffffff05;align-items:flex-start;gap:16px;padding:16px;display:flex}.preset-btn:hover:not(:disabled){border-color:var(--glass-border-bright);background:#ffffff0d;transform:translate(4px)}.preset-btn.active{border-color:var(--accent-primary);background:#8b5cf61a;box-shadow:inset 0 0 20px #8b5cf61a}@media (width<=480px){.preset-btn{gap:12px;padding:12px}.preset-icon{font-size:1.2rem}}.preset-icon{filter:drop-shadow(0 0 8px #fff3);font-size:1.5rem}.preset-info{flex-direction:column;gap:4px;display:flex}.preset-label{color:var(--text-primary);font-size:.9rem;font-weight:700}.preset-desc{color:var(--text-muted);font-size:.75rem;line-height:1.4}.controls-card{flex-direction:column;gap:32px;padding:32px;display:flex}@media (width<=640px){.controls-card,.presets-card,.preview-card{padding:20px}}.control-group{flex-direction:column;gap:16px;display:flex}.control-label-row{justify-content:space-between;align-items:center;display:flex}label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:700}.value-badge{color:var(--accent-primary);font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700}.slider-hints{justify-content:space-between;margin-top:8px;display:flex}.slider-hints span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}input[type=range]{-webkit-appearance:none;cursor:pointer;background:#ffffff0d;border-radius:100px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;border:4px solid var(--accent-primary);width:20px;height:20px;transition:var(--transition-smooth);background:#fff;border-radius:50%;box-shadow:0 0 15px #8b5cf666}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 0 20px #8b5cf6cc}.status-badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--glass-border);background:#ffffff0d;border-radius:100px;padding:6px 14px;font-size:.7rem;font-weight:800}.controls-actions{flex-wrap:wrap}@media (width<=480px){.controls-actions .btn{justify-content:center;width:100%}}.grain-overlay{pointer-events:none;z-index:5;opacity:.15;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.processing-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;border-radius:inherit;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.progress-container{width:240px;margin-top:24px}.progress-track{background:#ffffff1a;border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));height:100%;box-shadow:0 0 15px var(--accent-primary);transition:width .2s cubic-bezier(.4,0,.2,1)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:3s linear infinite spin}.animate-pulse-subtle{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.px-6{padding-left:24px;padding-right:24px}.text-center{text-align:center}.font-bold{font-weight:700}.tracking-wider{letter-spacing:.05em}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-accent-primary{color:var(--accent-primary)}.bg-accent-glow{background:var(--accent-glow)}.opacity-60{opacity:.6}footer{border-top:1px solid var(--glass-border);flex-direction:column;align-items:center;gap:24px;margin-top:80px;padding:40px 0;display:flex}.footer-links{gap:32px;display:flex}.footer-link{color:var(--text-secondary);transition:var(--transition-smooth);align-items:center;gap:8px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.footer-link:hover{color:var(--accent-primary);transform:translateY(-2px)}.footer-copyright{color:var(--text-muted);font-size:.8rem}