:root{--bg: #0a0a0a;--surface: #141414;--surface-hover: #1a1a1a;--border: #262626;--text: #fafafa;--text-dim: #a1a1a1;--accent: #3b82f6;--accent-hover: #2563eb;--accent-glow: rgba(59, 130, 246, .15);--success: #22c55e;--danger: #ef4444;--gpu: #a855f7;--gpu-glow: rgba(168, 85, 247, .15);--radius: 12px;--radius-lg: 20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}.app{max-width:720px;margin:0 auto;padding:40px 20px}.header{text-align:center;margin-bottom:40px}.logo{font-size:2rem;font-weight:700;letter-spacing:-.02em}.tagline{color:var(--text-dim);font-size:.95rem;margin-top:8px}.version{font-size:.75rem;color:var(--gpu);margin-top:4px;opacity:.8}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:60px 40px;text-align:center;cursor:pointer;transition:all .2s;background:var(--surface)}.drop-zone:hover,.drop-zone.dragover{border-color:var(--accent);background:var(--accent-glow)}.drop-icon{font-size:3rem;margin-bottom:16px}.drop-text{font-size:1.1rem;color:var(--text-dim)}.drop-text strong{color:var(--accent)}.drop-hint{font-size:.8rem;color:var(--text-dim);margin-top:8px;opacity:.6}.section{margin-top:24px}.section h2{font-size:1.2rem;font-weight:600;margin-bottom:12px}.section h3{font-size:1rem;font-weight:600;margin-bottom:8px}.hidden{display:none!important}.video-player{width:100%;border-radius:var(--radius);background:#000}.scan-btn{width:100%;padding:12px 20px;border:1px solid var(--accent);border-radius:var(--radius);background:transparent;color:var(--accent);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .15s}.scan-btn:hover:not(:disabled){background:var(--accent-glow)}.scan-btn:disabled{opacity:.5;cursor:not-allowed}.scan-hint{font-size:.8rem;color:var(--text-dim);margin-top:8px;text-align:center}.face-preview-container{width:100%;border-radius:var(--radius);overflow:hidden;background:#000;margin-bottom:12px}.face-canvas{width:100%;height:auto;display:block}.face-hint{font-size:.8rem;color:var(--text-dim);margin-bottom:12px}.face-list{display:flex;flex-direction:column;gap:8px}.face-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.face-icon{font-size:1.2rem}.face-label{font-weight:500;font-size:.9rem}.face-count{font-size:.75rem;color:var(--text-dim);margin-left:auto}.face-toggle{padding:4px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface-hover);color:var(--text-dim);font-size:.8rem;cursor:pointer;transition:all .15s}.face-toggle:hover{border-color:var(--accent);color:var(--text)}.face-toggle.active{border-color:var(--danger);color:var(--danger);background:#ef44441a}.options{margin-top:20px;padding:20px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border)}.options h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:12px}.blur-modes{display:flex;gap:8px}.blur-mode-btn{flex:1;padding:10px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface-hover);color:var(--text-dim);font-size:.9rem;cursor:pointer;transition:all .15s}.blur-mode-btn:hover{border-color:var(--accent);color:var(--text)}.blur-mode-btn.active{border-color:var(--accent);background:var(--accent-glow);color:var(--accent)}.blur-sliders{margin-top:16px;display:flex;flex-direction:column;gap:12px}.slider-group{display:flex;flex-direction:column;gap:6px}.slider-group label{font-size:.85rem;color:var(--text-dim);display:flex;justify-content:space-between}.slider-group label span{color:var(--accent);font-weight:600}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--border);outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 8px var(--accent-glow)}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.color-group{flex-direction:row;align-items:center;gap:12px}.slider-hint{font-size:.75rem;color:var(--text-dim);opacity:.7;margin-top:2px}.install-btn{margin-top:12px;padding:10px 20px;border:1px solid var(--accent);border-radius:var(--radius);background:transparent;color:var(--accent);font-size:.9rem;cursor:pointer;transition:all .15s}.install-btn:hover{background:var(--accent-glow)}#blur-color{width:40px;height:32px;border:1px solid var(--border);border-radius:6px;background:var(--surface);cursor:pointer}.process-btn{width:100%;margin-top:20px;padding:14px 24px;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s}.process-btn:hover:not(:disabled){background:var(--accent-hover)}.process-btn:disabled{opacity:.5;cursor:not-allowed}.progress-container{padding:24px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-phase{font-size:1rem;font-weight:500}.engine-badge{font-size:.7rem;padding:3px 8px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.engine-badge:empty{display:none}.engine-gpu{background:var(--gpu-glow);color:var(--gpu);border:1px solid var(--gpu)}.engine-cpu{background:#fbbf2426;color:#fbbf24;border:1px solid #fbbf24}.progress-track{width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--gpu));border-radius:4px;transition:width .3s}.progress-footer{display:flex;justify-content:space-between;align-items:center}.progress-text{margin-top:6px;font-size:.85rem;color:var(--text-dim)}.progress-eta{font-size:.8rem;color:var(--text-dim);opacity:.7}.progress-note{margin-top:12px;font-size:.8rem;color:var(--text-dim);text-align:center;opacity:.6}.result-actions{margin-top:16px}.download-btn{display:block;padding:14px 24px;border-radius:var(--radius);background:var(--success);color:#fff;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:all .15s}.download-btn:hover{filter:brightness(1.1)}.footer{margin-top:60px;text-align:center;padding:24px 0;border-top:1px solid var(--border)}.footer p{font-size:.8rem;color:var(--text-dim);opacity:.5}.footer-tech{margin-top:4px}.footer-tech a{color:var(--accent);text-decoration:none}.footer-tech a:hover{text-decoration:underline}@media (max-width: 640px){.app{padding:24px 16px}.drop-zone{padding:40px 20px}.blur-modes{flex-direction:column}}.fallback-select{width:100%;padding:8px 12px;background:#1e1b4b;color:#e2e8f0;border:1px solid #4338ca;border-radius:8px;font-size:14px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a5b4fc' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.fallback-select:focus{outline:none;border-color:#818cf8}.fallback-select option{background:#1e1b4b;color:#e2e8f0}.face-editor{margin-top:16px}.editor-canvas-wrapper{position:relative;margin:0 auto;border-radius:8px;overflow:hidden;background:#000}.editor-scrubber{margin-top:8px}.scrubber-row{display:flex;align-items:center;gap:8px}.scrub-btn{background:#1e1b4b;color:#a5b4fc;border:1px solid #4338ca;border-radius:6px;padding:6px 10px;cursor:pointer;font-size:14px;flex-shrink:0}.scrub-btn:hover{background:#312e81}.scrub-slider{flex:1}.frame-label{color:#94a3b8;font-size:12px;white-space:nowrap;min-width:100px;text-align:right}.editor-controls{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;align-items:center}.editor-btn{padding:8px 14px;border-radius:8px;border:1px solid #4338ca;background:#1e1b4b;color:#e2e8f0;font-size:13px;cursor:pointer;transition:all .15s}.editor-btn:hover:not(:disabled){background:#312e81}.editor-btn:disabled{opacity:.4;cursor:not-allowed}.editor-btn.active{background:#22c55e;border-color:#22c55e;color:#000}.editor-btn.primary{background:#4f46e5;border-color:#4f46e5}.editor-btn.primary:hover:not(:disabled){background:#6366f1}.editor-status{width:100%;font-size:13px;color:#94a3b8;padding:6px 0}.editor-status.success{color:#22c55e}.editor-status.warning{color:#f59e0b}.editor-progress{margin-top:8px}.editor-timeline{margin-top:12px;padding:12px;background:#0f0e1a;border-radius:8px}.editor-timeline h4{margin:0 0 8px;font-size:14px;color:#a5b4fc}.timeline-canvas{width:100%;height:60px;border-radius:4px;display:block}.timeline-labels{display:flex;justify-content:space-between;font-size:11px;color:#64748b;margin-top:4px}