*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #050508;--bg-secondary: #0a0a12;--bg-tertiary: #10101c;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--bg-glass: rgba(255, 255, 255, .05);--bg-glass-hover: rgba(255, 255, 255, .08);--bg-input: rgba(255, 255, 255, .04);--text-primary: #f0f0f5;--text-secondary: #8888a0;--text-tertiary: #555570;--accent-primary: #7c5cfc;--accent-secondary: #c084fc;--accent-pink: #f472b6;--accent-cyan: #22d3ee;--accent-green: #10b981;--accent-red: #ef4444;--accent-orange: #f59e0b;--gradient-primary: linear-gradient(135deg, #7c5cfc 0%, #c084fc 50%, #f472b6 100%);--gradient-accent: linear-gradient(135deg, #7c5cfc 0%, #22d3ee 100%);--gradient-warm: linear-gradient(135deg, #f472b6 0%, #f59e0b 100%);--gradient-dark: linear-gradient(135deg, #0a0a12 0%, #10101c 100%);--gradient-glow: linear-gradient(135deg, rgba(124, 92, 252, .12) 0%, rgba(192, 132, 252, .08) 50%, rgba(244, 114, 182, .12) 100%);--gradient-glow-strong: linear-gradient(135deg, rgba(124, 92, 252, .2) 0%, rgba(192, 132, 252, .15) 50%, rgba(244, 114, 182, .2) 100%);--border-color: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--border-active: rgba(124, 92, 252, .5);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 64px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(124, 92, 252, .12);--shadow-glow-strong: 0 0 60px rgba(124, 92, 252, .2);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: all .15s ease;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1)}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 15% 0%,rgba(124,92,252,.07) 0%,transparent 50%),radial-gradient(ellipse at 85% 100%,rgba(244,114,182,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(34,211,238,.02) 0%,transparent 70%);pointer-events:none;z-index:0}::selection{background:#7c5cfc4d;color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.container{max-width:1400px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.app{min-height:100vh;display:flex;flex-direction:column;opacity:0;transition:opacity .6s ease}.app-visible{opacity:1}.fade-in{animation:fadeInUp .4s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.header{background:#050508bf;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.header .container{display:flex;justify-content:space-between;align-items:center;height:60px}.logo{display:flex;align-items:center;gap:10px;cursor:pointer}.logo-icon{width:34px;height:34px;background:var(--gradient-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 0 20px #7c5cfc40}.logo h1{font-size:20px;font-weight:700;letter-spacing:.5px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-badge{font-size:10px;font-weight:700;padding:2px 6px;background:var(--gradient-primary);border-radius:4px;color:#fff;letter-spacing:.5px;line-height:1.4}.nav{display:flex;gap:4px;background:var(--bg-glass);border-radius:var(--radius-md);padding:3px;border:1px solid var(--border-color)}.nav-btn{padding:7px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.nav-icon{font-size:14px}.nav-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.nav-btn.active{background:var(--accent-primary);color:#fff;box-shadow:0 0 16px #7c5cfc4d}.nav-btn-settings{padding:7px 10px}.nav-btn-settings:hover{color:var(--accent-secondary)}.nav-btn-login{background:linear-gradient(135deg,#7c5cfc1f,#c084fc14)!important;border:1px solid rgba(124,92,252,.25)!important;color:var(--accent-secondary)!important}.nav-btn-login:hover{background:linear-gradient(135deg,#7c5cfc38,#c084fc26)!important;border-color:#7c5cfc66!important;box-shadow:0 0 20px #7c5cfc26}.nav-user-area{display:flex;align-items:center;gap:8px;margin-left:4px}.nav-user-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#7c5cfc,#c084fc);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;box-shadow:0 0 12px #7c5cfc4d}.nav-user-name{font-size:13px;color:var(--text-primary);font-weight:500;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-logout-btn{font-size:12px;color:var(--text-tertiary);background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:4px 10px;cursor:pointer;transition:all .2s ease;font-family:inherit}.nav-logout-btn:hover{color:var(--accent-red);border-color:#ef44444d;background:#ef444414}.auto-save-status{font-size:12px;color:var(--text-secondary);background:var(--bg-elevated);padding:4px 10px;border-radius:12px;border:1px solid var(--border-color);white-space:nowrap;animation:fadeIn .3s ease}.auto-save-status.error{color:#ef4444;border-color:#ef44444d;background:#ef44441a}.main-content{padding:28px 0 80px;flex:1}.app-footer{padding:20px 0;border-top:1px solid var(--border-color);text-align:center;color:var(--text-tertiary);font-size:12px}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;transition:var(--transition)}.card:hover{border-color:#7c5cfc26}.btn{padding:10px 22px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 0 20px #7c5cfc26}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 24px #7c5cfc59}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-glass-hover);border-color:var(--border-hover)}.btn-large{padding:14px 36px;font-size:16px;border-radius:var(--radius-lg)}.btn-sm{padding:6px 14px;font-size:12px;border-radius:var(--radius-sm)}.btn-glow{box-shadow:0 0 30px #7c5cfc40,0 0 60px #7c5cfc1a}.btn-glow:hover:not(:disabled){box-shadow:0 0 40px #7c5cfc59,0 0 80px #7c5cfc26}.upload-section{text-align:center;max-width:720px;margin:0 auto}.upload-empty-state{display:flex;flex-direction:column;align-items:center}.upload-hero-text{margin-bottom:36px}.upload-hero-text h2{font-size:32px;font-weight:700;margin-bottom:8px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.3}.upload-hero-text .subtitle{color:var(--text-secondary);font-size:15px;line-height:1.6}.upload-area{border:2px dashed rgba(124,92,252,.25);border-radius:var(--radius-xl);padding:64px 40px;text-align:center;cursor:pointer;transition:var(--transition);background:var(--gradient-glow);position:relative;overflow:hidden}.upload-area-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(124,92,252,.06) 0%,transparent 70%);pointer-events:none}.upload-area:hover,.upload-area.dragover{border-color:var(--accent-primary);background:#7c5cfc14;box-shadow:var(--shadow-glow);transform:scale(1.005)}.upload-icon-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}.upload-icon{width:64px;height:64px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 0 30px #7c5cfc40;position:relative;z-index:1}.upload-icon-ring{position:absolute;width:88px;height:88px;border:2px solid rgba(124,92,252,.15);border-radius:50%;animation:pulseRing 2.5s ease-in-out infinite}@keyframes pulseRing{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:0}}.upload-area h3{font-size:18px;font-weight:600;margin-bottom:6px;position:relative}.upload-area p{color:var(--text-secondary);font-size:13px;position:relative}.upload-formats{display:flex;gap:8px;justify-content:center;margin-top:16px;position:relative}.format-tag{padding:4px 12px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:11px;font-weight:600;color:var(--accent-secondary);letter-spacing:.5px}.upload-loaded-state{max-width:720px;margin:0 auto}.audio-player-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;max-width:100%}.audio-player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.audio-file-info{display:flex;align-items:center;gap:12px}.audio-file-icon{width:40px;height:40px;background:var(--gradient-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.audio-file-details{display:flex;flex-direction:column;gap:2px}.audio-file-name{font-size:14px;font-weight:600;color:var(--text-primary);max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-file-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.meta-dot{color:var(--text-tertiary)}.upload-success-tag{color:var(--accent-green);font-weight:500}.btn-remove-audio{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-glass);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.btn-remove-audio:hover{background:#ef444426;border-color:#ef44444d;color:var(--accent-red)}.upload-progress-bar{width:100%;height:4px;background:var(--bg-glass);border-radius:2px;margin-bottom:16px;position:relative;overflow:hidden}.upload-progress-fill{height:100%;background:var(--gradient-primary);border-radius:2px;transition:width .3s ease;box-shadow:0 0 8px #7c5cfc4d}.upload-progress-text{position:absolute;right:8px;top:-18px;font-size:11px;color:var(--accent-secondary);font-weight:500}.waveform-player{display:flex;align-items:center;gap:12px;margin-bottom:12px}.play-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--gradient-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0;box-shadow:0 0 16px #7c5cfc33}.play-btn:hover{transform:scale(1.08);box-shadow:0 0 24px #7c5cfc59}.play-btn.playing{background:var(--accent-pink);box-shadow:0 0 16px #f472b640}.waveform-container{flex:1;min-width:0;min-height:160px;padding:8px 0;overflow-x:visible;overflow-y:visible}.waveform-container>div{min-width:100%!important;width:100%!important;overflow:visible!important}.trim-info-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;margin-bottom:8px;background:#22c55e0f;border:1px solid rgba(34,197,94,.15);border-radius:10px}.trim-range-display{display:flex;align-items:center;gap:10px}.trim-marker{display:flex;flex-direction:column;align-items:center;gap:2px}.trim-marker-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.trim-marker-value{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.trim-marker-start .trim-marker-value{color:#22c55e}.trim-marker-end .trim-marker-value{color:#ef4444}.trim-range-arrow{color:var(--text-tertiary);font-size:16px}.trim-duration-display{display:flex;align-items:center;gap:8px}.trim-error-message{padding:8px 14px;margin-bottom:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;font-size:13px}.audio-controls-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-color)}.audio-controls-left,.segment-info{display:flex;align-items:center;gap:8px}.segment-label{font-size:12px;color:var(--text-tertiary)}.segment-value{font-size:14px;font-weight:600;color:var(--accent-primary);font-variant-numeric:tabular-nums}.audio-controls-right{display:flex;align-items:center;gap:10px}.time-display{font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.upload-next-action{margin-top:28px;text-align:center}.workflow-steps{display:flex;justify-content:center;gap:0;margin:28px 0 40px;position:relative}.workflow-line{position:absolute;top:23px;left:12%;right:12%;height:2px;background:var(--border-color);z-index:0;border-radius:1px}.workflow-line-fill{height:100%;background:var(--gradient-primary);border-radius:1px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #7c5cfc4d}.step{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.3;transition:var(--transition);position:relative;z-index:1;flex:1;max-width:140px}.step.active{opacity:1}.step.completed{opacity:.65;cursor:pointer}.step-number{width:46px;height:46px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:17px;transition:var(--transition)}.step.active .step-number{background:var(--gradient-primary);border-color:transparent;box-shadow:0 0 24px #7c5cfc59}.step.completed .step-number{background:var(--accent-green);border-color:transparent;box-shadow:0 0 16px #10b98140}.step-label{font-size:12px;color:var(--text-secondary);font-weight:500}.step.active .step-label{color:var(--text-primary);font-weight:600}.step.completed .step-label{color:var(--accent-green)}.step-indicator{width:6px;height:6px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 8px #7c5cfc80;margin-top:-4px}.step-content{min-height:400px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.style-section{max-width:1200px;margin:0 auto}.style-section-header{text-align:center;margin-bottom:32px}.style-section-header h2{font-size:26px;font-weight:700;margin-bottom:6px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.style-section-header p{color:var(--text-secondary);font-size:14px}.style-category{margin-bottom:32px}.category-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.category-badge{padding:4px 10px;background:var(--gradient-primary);border-radius:var(--radius-full);font-size:11px;font-weight:600;color:#fff;white-space:nowrap}.category-badge-all{background:linear-gradient(135deg,#22d3ee,#06b6d4)}.category-badge-char{background:linear-gradient(135deg,#f472b6,#ec4899)}.category-badge-ratio{background:linear-gradient(135deg,#f59e0b,#d97706)}.category-header h3{font-size:18px;font-weight:600}.style-card,.character-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:var(--transition);aspect-ratio:1;border:2px solid transparent}.style-card:hover,.character-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#7c5cfc40}.style-card img,.character-card img{width:100%;height:100%;object-fit:cover}.style-overlay{position:absolute;bottom:0;left:0;right:0;padding:14px;background:linear-gradient(transparent,#000000d9)}.style-name{font-size:13px;font-weight:600;color:#fff}.style-desc{font-size:11px;color:#fff9;text-align:center;padding:0 12px}.style-preview{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.style-preview img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.preview-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#7c5cfc14,#22d3ee14)}.preview-emoji{font-size:36px;line-height:1}.preview-name{font-size:12px;color:var(--text-secondary);text-align:center;padding:0 8px;word-break:break-all}.preview-loading-text{font-size:11px;color:var(--text-tertiary)}.character-preview img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.style-card.selected,.character-card.selected{border-color:var(--accent-primary);box-shadow:0 0 24px #7c5cfc40}.selected-check{position:absolute;top:8px;right:8px;width:26px;height:26px;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;font-weight:700;box-shadow:0 0 12px #7c5cfc59}.character-preview{width:100%;aspect-ratio:1;border-radius:var(--radius-md);background:var(--bg-glass);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;border:1px solid var(--border-color);transition:var(--transition);overflow:hidden}.character-preview:hover{background:var(--bg-glass-hover);border-color:#7c5cfc40}.char-name{font-size:13px;font-weight:600}.character-overlay{position:absolute;bottom:0;left:0;right:0;padding:14px;background:linear-gradient(transparent,#000000d9);display:flex;flex-direction:column;gap:2px}.char-desc{font-size:11px;color:#fff9}.character-card.upload-card{border:2px dashed var(--border-color);cursor:pointer;transition:var(--transition)}.character-card.upload-card:hover{border-color:var(--accent-primary);background:#7c5cfc0f;transform:translateY(-4px)}.section-title{margin-bottom:18px;font-size:20px;font-weight:600}.aspect-ratio-selector{display:flex;gap:12px;margin:20px 0}.aspect-option{flex:1;padding:14px 10px;background:var(--bg-glass);border:2px solid var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition)}.aspect-option:hover,.aspect-option.active{border-color:var(--accent-primary);background:#7c5cfc0f}.aspect-icon{font-size:20px;margin-bottom:4px}.aspect-label{font-size:13px;font-weight:600}.aspect-desc{font-size:11px;color:var(--text-secondary);margin-top:2px}.aspect-platform{font-size:10px;color:var(--text-tertiary);margin-top:2px}.tag-container{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tag{padding:5px 12px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:12px;cursor:pointer;transition:var(--transition)}.tag:hover,.tag.active{background:var(--accent-primary);border-color:transparent;color:#fff}.tag-primary{background:#7c5cfc26!important;border-color:#7c5cfc40!important;color:var(--accent-secondary)!important}.tag-emotion{background:#f472b61f!important;border-color:#f472b633!important;color:var(--accent-pink)!important}.tag-keyword{background:#22d3ee1f!important;border-color:#22d3ee33!important;color:var(--accent-cyan)!important}.tag-scene{background:#22c55e1f!important;border-color:#22c55e33!important;color:#22c55e!important}.tag-character{background:#a855f71f!important;border-color:#a855f733!important;color:#a855f7!important}.tag-animal{background:#fb923c1f!important;border-color:#fb923c33!important;color:#fb923c!important}.tag-object{background:#38bdf81f!important;border-color:#38bdf833!important;color:#38bdf8!important}.recommendations-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.recommendation-group{padding:12px;background:#ffffff05;border-radius:10px;border:1px solid var(--border-color)}.recommendation-group-title{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.prompt-template-box{padding:12px 16px;background:#0000004d;border-radius:8px;border:1px solid var(--border-color);overflow-x:auto}.prompt-template-box code{font-size:12px;color:#a5f3fc;font-family:Fira Code,Consolas,monospace;word-break:break-all;white-space:pre-wrap}.tag-sm{font-size:11px;padding:2px 8px}.analysis-section{max-width:1000px;margin:0 auto}.analysis-input-area{text-align:center;padding:40px 20px}.analysis-hero{margin-bottom:28px}.analysis-hero h2{font-size:26px;font-weight:600;margin-bottom:8px}.creative-input-wrapper{max-width:600px;margin:0 auto 24px;position:relative}.creative-input{width:100%;min-height:130px;padding:18px;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:15px;resize:vertical;transition:var(--transition);font-family:inherit}.creative-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 20px #7c5cfc1f}.creative-input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.creative-input-actions{display:flex;align-items:center;gap:8px}.error-message{padding:12px 18px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:var(--accent-red);font-size:13px;margin:16px auto;max-width:600px;text-align:left}.analysis-results{max-width:1200px;margin:0 auto}.analysis-canvas-wrapper{margin-bottom:24px;border-radius:var(--radius-md);overflow:hidden}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;display:flex;gap:16px;transition:var(--transition)}.stat-label{font-size:12px;color:var(--text-tertiary);font-weight:500;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:14px;line-height:1.6}.stat-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.bpm-display{font-size:44px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bpm-unit{font-size:16px}.confidence{font-size:12px;color:var(--text-secondary);margin-top:4px}.confidence-bar{width:100%;height:6px;background:var(--bg-glass);border-radius:3px;margin-top:8px;position:relative;overflow:hidden}.confidence-bar span{position:absolute;right:0;top:-18px;font-size:11px;color:var(--text-secondary)}.text-secondary{line-height:1.8;color:var(--text-secondary)}.analysis-detail-card{margin-bottom:16px}.analysis-detail-card h3{font-size:16px;font-weight:600;margin-bottom:14px}.scene-suggestions{display:flex;flex-direction:column;gap:10px}.scene-suggestion-item{padding:14px;background:#ffffff05;border-radius:var(--radius-md);border:1px solid var(--border-color);transition:var(--transition)}.scene-suggestion-item:hover{border-color:#7c5cfc26}.scene-suggestion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.scene-time{font-size:12px;color:var(--accent-primary);font-weight:600}.scene-number-badge{font-size:11px;padding:2px 8px;background:#7c5cfc1f;border-radius:var(--radius-full);color:var(--accent-secondary);font-weight:500}.scene-desc{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:8px}.scene-meta{display:flex;gap:6px}.color-palette{display:flex;gap:12px}.color-swatch{width:64px;height:64px;border-radius:var(--radius-md);display:flex;align-items:flex-end;justify-content:center;cursor:pointer;transition:var(--transition);position:relative}.color-swatch:hover{transform:scale(1.1);box-shadow:var(--shadow-sm)}.color-swatch span{font-size:9px;color:#fff;background:#0009;padding:2px 6px;border-radius:4px;margin-bottom:4px}.step-actions{display:flex;justify-content:space-between;margin-top:36px;gap:12px}.storyboard-section{max-width:1200px;margin:0 auto}.storyboard-config{text-align:center;padding:40px 20px}.storyboard-hero{margin-bottom:28px}.storyboard-hero h2{margin-bottom:8px;font-size:26px;font-weight:600}.storyboard-options{max-width:500px;margin:0 auto 24px;display:flex;flex-direction:column;gap:12px}.storyboard-option-card{text-align:left}.storyboard-config h2{margin-bottom:28px;font-size:26px;font-weight:600}.slider-label{display:block;margin-bottom:14px;color:var(--text-primary);font-size:15px;font-weight:600}.slider-value{color:var(--accent-primary);font-size:22px}.slider{width:100%;height:6px;border-radius:3px;background:var(--bg-glass);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;box-shadow:0 0 12px #7c5cfc59}.slider-range{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--text-tertiary)}.storyboard-summary{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:24px}.summary-chip{padding:6px 14px;background:var(--bg-glass);border-radius:var(--radius-sm);font-size:13px;border:1px solid var(--border-color)}.summary-chip span{color:var(--text-secondary)}.summary-chip strong{color:var(--text-primary);margin-left:4px}.summary-item{padding:6px 14px;background:var(--bg-glass);border-radius:var(--radius-sm);font-size:13px;border:1px solid var(--border-color)}.summary-item span{color:var(--text-secondary)}.summary-item strong{color:var(--text-primary);margin-left:4px}.storyboard-editor h2{font-size:26px;font-weight:600;margin-bottom:6px}.storyboard-editor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.hint-text{color:var(--text-secondary);font-size:13px;margin-bottom:24px}.storyboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.scene-card.editing{border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.scene-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-glass)}.scene-image{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--bg-secondary)}.scene-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.scene-card:hover .scene-image img{transform:scale(1.03)}.no-image{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);font-size:13px}.scene-lyrics{padding:8px 14px;font-size:12px;color:var(--accent-cyan);background:#22d3ee0a;border-bottom:1px solid var(--border-color)}.edit-field{margin-bottom:10px}.edit-field label{display:block;font-size:11px;color:var(--text-secondary);margin-bottom:4px;font-weight:500}.edit-field textarea,.edit-field input[type=text],.edit-field select{width:100%;padding:8px 10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;font-family:inherit;resize:vertical}.scene-footer{display:flex;justify-content:space-between;padding:8px 14px;font-size:11px;color:var(--text-tertiary);border-top:1px solid var(--border-color)}.scene-mood,.scene-camera{font-size:11px}.result-section{max-width:1000px;margin:0 auto}.video-gen-area{text-align:center;padding:40px 20px}.video-gen-hero{margin-bottom:28px}.video-gen-hero h2{margin-bottom:8px;font-size:26px;font-weight:600}.gen-summary{max-width:600px;margin:0 auto 28px;text-align:left}.gen-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gen-summary-item{display:flex;flex-direction:column;gap:4px;padding:10px 14px;background:var(--bg-glass);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.gen-summary-label{font-size:11px;color:var(--text-tertiary)}.gen-summary-value{font-size:14px;font-weight:600;color:var(--text-primary)}.gen-summary .summary-item{margin-bottom:6px}.svd-toggle{margin-bottom:16px;max-width:600px;margin-left:auto;margin-right:auto}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.checkbox-label input[type=checkbox]{accent-color:var(--accent-primary);width:16px;height:16px}.option-hint{font-size:11px;color:var(--text-tertiary);margin-top:4px;padding-left:24px}.video-result-header{margin-bottom:28px}.video-result h2{margin-bottom:28px;font-size:26px;font-weight:600}.video-player-card{max-width:800px;margin:0 auto}.save-project-area{margin-top:20px;padding:18px;background:var(--bg-glass);border-radius:var(--radius-md)}.save-project-area h3{margin-bottom:10px;font-size:15px}.save-row input{flex:1;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px}.lyrics-input-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;margin-top:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lyrics-header{margin-bottom:16px}.lyrics-header-icon{font-size:28px}.lyrics-header h3{font-size:16px;font-weight:600;margin-bottom:4px}.lyrics-subtitle{font-size:12px;color:var(--text-secondary)}.lyrics-mode-tabs{display:flex;gap:4px;margin-bottom:16px;background:var(--bg-glass);border-radius:var(--radius-sm);padding:3px}.mode-tab{flex:1;padding:8px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;transition:var(--transition)}.mode-tab:hover:not(.active){background:var(--bg-glass-hover);color:var(--text-primary)}.whisper-section{text-align:center;padding:16px}.whisper-info{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:16px;text-align:left}.whisper-info-icon{font-size:24px;flex-shrink:0}.whisper-info-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.whisper-desc{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.asr-model-selector{display:flex;align-items:center;gap:10px;margin-bottom:16px;text-align:left}.asr-model-label{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap}.asr-model-select{flex:1;padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-glass);color:var(--text-primary);font-size:13px;cursor:pointer;outline:none;transition:border-color .2s}.asr-model-select:focus{border-color:var(--accent-color)}.asr-model-select:disabled{opacity:.5;cursor:not-allowed}.asr-model-badge{display:inline-block;padding:2px 8px;border-radius:4px;background:linear-gradient(135deg,#76b900,#8bc34a);color:#000;font-size:11px;font-weight:700;white-space:nowrap;letter-spacing:.5px}.btn-recognize{padding:10px 24px;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-recognize:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #7c5cfc4d}.btn-recognize:disabled{opacity:.4;cursor:not-allowed}.lyrics-toolbar{display:flex;align-items:center;gap:12px}.btn-timestamp{padding:5px 12px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--accent-primary);font-size:12px;cursor:pointer;transition:var(--transition)}.btn-timestamp:hover{background:var(--bg-glass-hover);border-color:var(--accent-primary)}.lyrics-textarea{width:100%;min-height:120px;padding:14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-family:inherit;resize:vertical;line-height:1.7;transition:var(--transition)}.lyrics-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 16px #7c5cfc1a}.btn-parse-lyrics{padding:10px 24px;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);align-self:center}.btn-parse-lyrics:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #7c5cfc4d}.btn-parse-lyrics:disabled{opacity:.4;cursor:not-allowed}.lyrics-error{margin-top:12px;padding:10px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);color:var(--accent-red);font-size:13px}.lyrics-preview{margin-top:16px;padding:14px;background:#10b9810a;border:1px solid rgba(16,185,129,.15);border-radius:var(--radius-md)}.lyrics-preview-badge{font-size:13px;font-weight:600;color:var(--accent-green)}.lyrics-preview h4{font-size:14px;font-weight:600;color:var(--accent-green);margin-bottom:12px}.lyrics-segments{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.lyrics-segment{display:flex;gap:12px;padding:4px 0;font-size:12px}.segment-time{color:var(--accent-primary);font-weight:500;min-width:80px;font-variant-numeric:tabular-nums}.lyrics-info{margin-top:10px;font-size:11px;color:var(--text-tertiary);padding-top:8px;border-top:1px solid var(--border-color)}.lyrics-driven-option{margin-bottom:20px}.lyrics-preview-mini{margin-top:10px;padding:10px;background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.lyrics-line-mini{display:flex;gap:10px;padding:3px 0;font-size:12px}.time-mini{color:var(--accent-primary);font-weight:500;min-width:36px}.more-lyrics{font-size:11px;color:var(--text-tertiary);margin-top:4px}.one-click-mode{max-width:720px;margin:0 auto}.mode-header{text-align:center;margin-bottom:28px;position:relative}.mode-header-glow{position:absolute;width:300px;height:300px;top:-100px;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(124,92,252,.1) 0%,transparent 70%);pointer-events:none}.mode-header h2{font-size:28px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:6px}.mode-header p{color:var(--text-secondary);font-size:14px}.mode-features{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.one-click-workspace{display:flex;flex-direction:column;gap:16px}.audio-info-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px}.audio-info-name{font-size:14px;font-weight:600;color:var(--text-primary)}.btn-change-audio{padding:4px 12px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:var(--transition)}.btn-change-audio:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.one-click-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.one-click-header{display:flex;align-items:center;gap:14px;margin-bottom:20px;text-align:left}.one-click-header-icon{font-size:32px;flex-shrink:0}.one-click-header h3{font-size:18px;font-weight:600;margin-bottom:4px}.one-click-header p{font-size:13px;color:var(--text-secondary)}.option-row input[type=text],.option-row select,.option-row textarea{padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:inherit;resize:vertical;transition:var(--transition)}.checkbox-row label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.btn-one-click{width:100%;padding:14px;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 0 24px #7c5cfc33;margin-top:8px}.btn-one-click:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 32px #7c5cfc59}.btn-one-click:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:3px;transition:width .5s ease;box-shadow:0 0 12px #7c5cfc4d}.step-dot{width:32px;height:32px;border-radius:50%;background:var(--bg-glass);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;transition:var(--transition)}.progress-step.active .step-dot{background:var(--gradient-primary);border-color:transparent;box-shadow:0 0 16px #7c5cfc4d}.progress-step.completed .step-dot{background:var(--accent-green);border-color:transparent}.progress-step.active .step-name{color:var(--text-primary);font-weight:600}.progress-message{text-align:center;font-size:14px;color:var(--text-secondary);padding:12px;background:var(--bg-glass);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:8px}.one-click-error{margin-top:16px;padding:14px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:var(--accent-red);font-size:13px;display:flex;align-items:center;justify-content:space-between}.one-click-error button{padding:4px 12px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:var(--accent-red);font-size:12px;cursor:pointer;transition:var(--transition)}.one-click-error button:hover{background:#ef444440}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:90%;max-width:700px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}.config-modal{max-width:750px}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition)}.modal-close:hover{background:var(--bg-glass);color:var(--text-primary)}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:10px}.config-tab{flex:1;padding:14px 16px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:12px;text-align:left}.config-tab.active{background:#7c5cfc1a;border-color:var(--accent-primary);box-shadow:0 0 16px #7c5cfc1f}.config-tab-icon{font-size:22px;flex-shrink:0}.config-tab-name{font-size:14px;font-weight:600;color:var(--text-primary)}.config-tab-desc{font-size:11px;color:var(--text-secondary);margin-top:2px}.config-section h3{font-size:15px;margin-bottom:14px;color:var(--text-primary)}.config-section-title{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.config-row{display:flex;align-items:center;margin-bottom:10px;gap:14px}.config-row label{min-width:70px;color:var(--text-secondary);font-size:13px}.config-row select,.config-row input[type=text],.config-row input[type=password]{flex:1;padding:9px 12px;background-color:var(--bg-input)!important;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:var(--transition)}.config-row select{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='%23888' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.config-row select option{background-color:var(--bg-secondary)!important;color:var(--text-primary)}.config-row select:focus,.config-row input:focus{outline:none;border-color:var(--accent-primary)}.provider-status{display:flex;flex-direction:column;gap:6px}.provider-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.provider-item.unavailable{border-left:3px solid var(--accent-red);opacity:.6}.provider-item-left{display:flex;align-items:center;gap:8px}.provider-badge{font-size:11px;padding:3px 8px;border-radius:4px;background:var(--bg-glass)}.badge-ok{color:var(--accent-green);background:#10b9811a!important}.badge-no{color:var(--accent-red);background:#ef44441a!important}.status-badge{font-size:11px;padding:3px 8px;border-radius:4px;background:var(--bg-glass)}.provider-item.available .status-badge{color:var(--accent-green)}.provider-item.unavailable .status-badge{color:var(--accent-red)}.workspace-view{max-width:1200px;margin:0 auto}.workspace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.workspace-header-left{display:flex;align-items:center;gap:14px}.workspace-header-icon{font-size:32px}.workspace-header-desc{color:var(--text-secondary);font-size:13px;margin-top:2px}.workspace-header-stats{display:flex;gap:12px}.workspace-stat{padding:6px 14px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:13px;color:var(--text-secondary)}.project-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition)}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#7c5cfc33}.project-thumb{position:relative;overflow:hidden}.project-status{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-status.completed{background:#10b98133;color:var(--accent-green)}.project-status.draft{background:#f59e0b33;color:var(--accent-orange)}.delete-btn-sm{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;border:none;background:#00000080;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-card:hover .delete-btn-sm{opacity:1}.delete-btn-sm:hover{background:#ef4444cc;color:#fff}.project-info{padding:16px}.project-info h3{font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-info p{font-size:12px;color:var(--text-secondary)}.empty-state{text-align:center;padding:80px 20px}.empty-icon{margin-bottom:20px;opacity:.5}.empty-state h3{font-size:20px;font-weight:600;margin-bottom:8px}.empty-state p{color:var(--text-secondary);font-size:14px;max-width:400px;margin:0 auto}.loading-state{text-align:center;padding:80px 20px;color:var(--text-secondary)}.spinner-lg,.spinner-sm{display:inline-block;border:2px solid rgba(255,255,255,.1);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-lg{width:40px;height:40px;border-width:3px;margin-bottom:16px}.spinner-sm{width:16px;height:16px;vertical-align:middle}.error-message{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:var(--accent-red);font-size:13px;margin:16px 0}.step-actions{display:flex;justify-content:center;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.upload-with-lyrics{display:flex;flex-direction:column;gap:24px}.analysis-section{max-width:900px;margin:0 auto}.analysis-input-area{text-align:center}.analysis-hero{margin-bottom:32px}.analysis-hero-icon{font-size:48px;margin-bottom:16px}.analysis-hero h2{font-size:28px;font-weight:700;margin-bottom:8px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.analysis-hero-desc{color:var(--text-secondary);font-size:14px}.creative-input-wrapper{position:relative;margin-bottom:20px}.creative-input{width:100%;min-height:140px;padding:16px 20px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:14px;line-height:1.6;resize:vertical;transition:var(--transition);font-family:inherit}.creative-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #7c5cfc1a;background:#ffffff0f}.creative-input::placeholder{color:var(--text-tertiary)}.creative-input-footer{display:flex;justify-content:flex-end;margin-top:6px}.char-count{font-size:11px;color:var(--text-tertiary)}.analysis-results{max-width:900px;margin:0 auto}.analysis-canvas-wrapper{margin-bottom:24px}.analysis-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;display:flex;gap:14px;transition:var(--transition)}.stat-card:hover{border-color:#7c5cfc26}.stat-card-primary{border-left:3px solid var(--accent-primary)}.stat-card-accent{border-left:3px solid var(--accent-secondary)}.stat-card-pink{border-left:3px solid var(--accent-pink)}.stat-card-cyan{border-left:3px solid var(--accent-cyan)}.stat-icon{font-size:28px;flex-shrink:0}.stat-content{flex:1;min-width:0}.stat-label{font-size:12px;color:var(--text-tertiary);font-weight:500;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:14px;color:var(--text-primary);line-height:1.5}.stat-value.text-secondary{color:var(--text-secondary);font-size:13px}.stat-tags{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.bpm-display{font-size:36px;font-weight:700;color:var(--accent-primary);line-height:1.1}.bpm-unit{font-size:14px;font-weight:400;color:var(--text-secondary)}.confidence-bar{width:100%;height:6px;background:var(--bg-glass);border-radius:3px;margin-top:10px;position:relative;overflow:hidden}.confidence-fill{height:100%;background:var(--gradient-primary);border-radius:3px;transition:width .5s ease}.confidence-bar span{position:absolute;right:0;top:-16px;font-size:11px;color:var(--text-secondary)}.tag-primary{background:#7c5cfc26;color:var(--accent-primary)}.tag-emotion{background:#f472b61f;color:var(--accent-pink)}.tag-keyword{background:#22d3ee1f;color:var(--accent-cyan)}.tag-sm{padding:3px 8px;font-size:11px}.analysis-detail-card{margin-bottom:20px}.analysis-detail-card h3{font-size:16px;font-weight:600;margin-bottom:16px}.scene-suggestions{display:flex;flex-direction:column;gap:12px}.scene-suggestion-item{padding:14px;background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-color)}.scene-suggestion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.scene-number-badge{font-size:11px;padding:2px 8px;background:#7c5cfc1f;color:var(--accent-primary);border-radius:var(--radius-full);font-weight:500}.scene-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:8px}.scene-meta{display:flex;gap:6px;flex-wrap:wrap}.color-palette{display:flex;gap:10px;flex-wrap:wrap}.color-swatch{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:flex-end;justify-content:center;cursor:pointer;transition:var(--transition);border:1px solid var(--border-color)}.color-swatch:hover{transform:scale(1.1)}.color-swatch span{font-size:9px;color:#fffc;padding:3px;background:#00000080;border-radius:0 0 var(--radius-sm) var(--radius-sm);width:100%;text-align:center}.storyboard-section{max-width:1100px;margin:0 auto}.storyboard-config{text-align:center}.storyboard-hero{margin-bottom:32px}.storyboard-hero-icon{font-size:48px;margin-bottom:16px}.storyboard-hero h2{font-size:28px;font-weight:700;margin-bottom:8px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.storyboard-hero p{color:var(--text-secondary);font-size:14px}.storyboard-options{display:flex;gap:16px;margin-bottom:24px;justify-content:center;flex-wrap:wrap}.storyboard-option-card{flex:1;min-width:260px;max-width:400px;text-align:left}.slider-label{display:block;font-size:14px;font-weight:500;margin-bottom:12px;color:var(--text-primary)}.slider-value{color:var(--accent-primary);font-weight:700}.slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-glass);border-radius:3px;outline:none;margin:8px 0}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--gradient-primary);cursor:pointer;box-shadow:0 0 12px #7c5cfc4d}.slider-range{display:flex;justify-content:space-between;font-size:11px;color:var(--text-tertiary)}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}.checkbox-text{font-weight:500}.option-hint{font-size:12px;color:var(--text-tertiary);margin-top:8px;line-height:1.5}.lyrics-driven-option{border-left:3px solid var(--accent-pink)}.lyrics-preview-mini{margin-top:12px;padding:12px;background:var(--bg-glass);border-radius:var(--radius-sm);max-height:160px;overflow-y:auto}.lyrics-line-mini{display:flex;gap:8px;padding:3px 0;font-size:12px}.time-mini{color:var(--accent-primary);font-variant-numeric:tabular-nums;min-width:36px}.text-mini{color:var(--text-secondary)}.more-lyrics{display:block;text-align:center;font-size:11px;color:var(--text-tertiary);padding-top:6px}.storyboard-summary{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.summary-chip{padding:6px 14px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:12px;display:flex;gap:6px;align-items:center}.summary-chip span{color:var(--text-tertiary)}.summary-chip strong{color:var(--accent-primary)}.storyboard-editor{max-width:1100px;margin:0 auto}.storyboard-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.storyboard-editor-header h2{font-size:22px;font-weight:700}.hint-text{color:var(--text-tertiary);font-size:12px;margin-top:4px}.storyboard-editor-stats{display:flex;gap:8px}.stat-chip{padding:4px 12px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:12px;color:var(--text-secondary)}.storyboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:24px}.scene-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:var(--transition)}.scene-card:hover{border-color:#7c5cfc33;box-shadow:var(--shadow-sm)}.scene-card.editing{border-color:var(--accent-primary);box-shadow:0 0 0 2px #7c5cfc26}.scene-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-glass);border-bottom:1px solid var(--border-color)}.scene-number{font-size:12px;font-weight:600;color:var(--accent-primary)}.scene-time{font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.scene-image{aspect-ratio:16/9;overflow:hidden;background:var(--bg-tertiary)}.scene-image img{width:100%;height:100%;object-fit:cover}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.scene-lyrics{padding:8px 14px;font-size:12px;color:var(--accent-secondary);background:#c084fc0f;border-bottom:1px solid var(--border-color)}.scene-edit-panel{padding:14px;border-top:1px solid var(--border-color);background:var(--bg-glass)}.edit-field{margin-bottom:12px}.edit-field label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:4px;font-weight:500}.edit-field textarea,.edit-field input,.edit-field select{width:100%;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;font-family:inherit;transition:var(--transition)}.edit-field textarea:focus,.edit-field input:focus,.edit-field select:focus{outline:none;border-color:var(--accent-primary)}.scene-footer{display:flex;justify-content:space-between;padding:8px 14px;font-size:11px;color:var(--text-tertiary)}.scene-mood,.scene-camera{padding:2px 8px;background:var(--bg-glass);border-radius:var(--radius-full)}.result-section{max-width:800px;margin:0 auto;text-align:center}.video-gen-area{text-align:center}.video-gen-hero{margin-bottom:32px}.video-gen-hero-icon{font-size:48px;margin-bottom:16px}.video-gen-hero h2{font-size:28px;font-weight:700;margin-bottom:8px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.video-gen-hero p{color:var(--text-secondary);font-size:14px}.gen-summary{margin-bottom:20px}.gen-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gen-summary-item{text-align:center;padding:12px;background:var(--bg-glass);border-radius:var(--radius-md)}.gen-summary-label{display:block;font-size:11px;color:var(--text-tertiary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.gen-summary-value{font-size:15px;color:var(--text-primary)}.svd-toggle,.video-mode-selector{margin-bottom:24px;text-align:left}.video-mode-selector .section-title{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.video-mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.video-mode-card{position:relative;padding:20px 16px;background:var(--bg-input);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:center}.video-mode-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px)}.video-mode-card.active{border-color:var(--accent-primary);background:#7c5cfc14;box-shadow:var(--shadow-glow)}.video-mode-icon{font-size:32px;margin-bottom:8px}.video-mode-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.video-mode-desc{font-size:12px;color:var(--text-secondary);line-height:1.4}.video-mode-badge{position:absolute;top:8px;right:8px;font-size:10px;padding:2px 8px;border-radius:var(--radius-full);font-weight:600}.video-mode-badge.hot{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}.video-mode-badge.new{background:linear-gradient(135deg,#7c5cfc,#22d3ee);color:#fff}.video-model-selector{margin-bottom:24px;text-align:left}.video-model-selector .section-title{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.video-model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.video-model-item{padding:12px 14px;background:var(--bg-input);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.video-model-item:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.video-model-item.active{border-color:var(--accent-primary);background:#7c5cfc14}.video-model-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:6px}.model-badge{font-size:10px;padding:1px 6px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-weight:500}.video-model-meta{display:flex;gap:8px;font-size:11px;color:var(--text-secondary)}.lipsync-settings{margin-bottom:24px;text-align:left}.lipsync-settings .section-title{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.setting-label{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px;display:block}.provider-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.provider-option{padding:14px;background:var(--bg-input);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.provider-option:hover{border-color:var(--border-hover)}.provider-option.active{border-color:var(--accent-primary);background:#7c5cfc14}.provider-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.provider-desc{font-size:11px;color:var(--text-secondary);margin-bottom:4px}.provider-cost{font-size:11px;color:var(--accent-cyan);font-weight:500}.key-toggle-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.key-toggle-row .setting-label{margin-bottom:0}.btn-sm{padding:4px 12px;font-size:12px;border-radius:var(--radius-sm)}.btn-ghost{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.btn-ghost:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.key-input-area{margin-top:8px}.key-input{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;margin-bottom:8px}.key-input:focus{outline:none;border-color:var(--accent-primary)}.lipsync-warning{padding:12px 16px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);color:var(--accent-orange);font-size:13px;margin-top:12px}.video-result{text-align:center}.video-result-header{margin-bottom:24px}.video-result-success-icon{font-size:56px;margin-bottom:12px}.video-result-header h2{font-size:26px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.video-player-card{margin-bottom:24px}.save-project-area{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color);text-align:left}.save-project-area h3{font-size:15px;font-weight:600;margin-bottom:12px}.save-row{display:flex;gap:10px}.save-row input{flex:1;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px}.save-row input:focus{outline:none;border-color:var(--accent-primary)}.lyrics-input-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;margin-top:20px}.lyrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.lyrics-header-left{display:flex;align-items:center;gap:12px}.lyrics-header-icon{font-size:24px}.lyrics-header h3{font-size:16px;font-weight:600}.lyrics-subtitle{font-size:12px;color:var(--text-tertiary);margin-top:2px}.lyrics-mode-tabs{display:flex;gap:4px;background:var(--bg-glass);border-radius:var(--radius-md);padding:3px;margin-bottom:16px}.mode-tab{flex:1;padding:8px 14px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition)}.mode-tab:hover{color:var(--text-primary)}.mode-tab.active{background:var(--accent-primary);color:#fff}.whisper-section{padding:16px;background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-color)}.whisper-info{display:flex;align-items:center;gap:12px;margin-bottom:16px}.whisper-info-icon{font-size:28px}.whisper-info-title{font-size:14px;font-weight:600}.whisper-info-desc{font-size:12px;color:var(--text-secondary)}.asr-model-selector{display:flex;align-items:center;gap:8px;margin-bottom:12px}.asr-model-label{font-size:12px;font-weight:600;white-space:nowrap}.asr-model-select{flex:1;padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-glass);color:var(--text-primary);font-size:12px;cursor:pointer;outline:none}.asr-model-select:focus{border-color:var(--accent-primary)}.asr-model-badge{padding:2px 6px;border-radius:3px;background:linear-gradient(135deg,#76b900,#8bc34a);color:#000;font-size:10px;font-weight:700;letter-spacing:.3px}.manual-section{display:flex;flex-direction:column;gap:12px}.lyrics-toolbar{display:flex;align-items:center;gap:10px}.btn-timestamp{padding:5px 12px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:var(--transition)}.btn-timestamp:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.toolbar-hint{font-size:11px;color:var(--text-tertiary)}.lyrics-textarea{width:100%;min-height:160px;padding:14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;line-height:1.6;resize:vertical;font-family:inherit;transition:var(--transition)}.lyrics-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #7c5cfc1a}.lyrics-textarea::placeholder{color:var(--text-tertiary)}.lyrics-error{padding:10px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:var(--accent-red);font-size:12px;margin-top:12px}.lyrics-preview{margin-top:16px;padding:14px;background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-color)}.lyrics-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.lyrics-preview-badge{padding:4px 10px;background:#10b9811f;color:var(--accent-green);border-radius:var(--radius-full);font-size:12px;font-weight:500}.lyrics-preview-info{font-size:11px;color:var(--text-tertiary)}.lyrics-segments{max-height:200px;overflow-y:auto}.lyrics-segment{display:flex;gap:10px;padding:5px 0;font-size:12px;border-bottom:1px solid var(--border-color)}.lyrics-segment:last-child{border-bottom:none}.segment-time{color:var(--accent-primary);font-variant-numeric:tabular-nums;min-width:80px;flex-shrink:0}.segment-text{color:var(--text-secondary)}.one-click-mode{max-width:800px;margin:0 auto}.mode-header{text-align:center;margin-bottom:32px;position:relative}.mode-header-glow{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(124,92,252,.15) 0%,transparent 70%);pointer-events:none}.mode-header h2{font-size:28px;font-weight:700;margin-bottom:8px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.mode-header p{color:var(--text-secondary);font-size:14px;position:relative}.mode-features{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px;position:relative}.feature-chip{padding:5px 14px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:12px;color:var(--text-secondary)}.one-click-workspace{display:flex;flex-direction:column;gap:20px}.audio-info-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.audio-info-left{display:flex;align-items:center;gap:12px}.audio-info-icon{font-size:24px}.audio-info-name{font-size:14px;font-weight:600}.audio-info-status{font-size:12px;color:var(--accent-green)}.btn-change-audio{padding:6px 14px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:var(--transition)}.btn-change-audio:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.one-click-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.one-click-header{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.one-click-header-icon{font-size:28px}.one-click-header h3{font-size:16px;font-weight:600}.one-click-header p{font-size:12px;color:var(--text-tertiary);margin-top:2px}.one-click-options{display:flex;flex-direction:column;gap:14px}.option-row{display:flex;flex-direction:column;gap:6px}.option-row label{font-size:13px;font-weight:500;color:var(--text-secondary)}.option-row input,.option-row select,.option-row textarea{padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-family:inherit;transition:var(--transition)}.option-row input:focus,.option-row select:focus,.option-row textarea:focus{outline:none;border-color:var(--accent-primary)}.option-row textarea{resize:vertical;min-height:80px}.checkbox-row{flex-direction:row;align-items:center}.checkbox-row label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary)}.btn-one-click{width:100%;padding:14px;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 0 24px #7c5cfc33;margin-top:8px}.btn-one-click:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 32px #7c5cfc59}.btn-one-click:disabled{opacity:.4;cursor:not-allowed}.one-click-progress{padding:20px 0}.progress-bar-container{width:100%;height:6px;background:var(--bg-glass);border-radius:3px;overflow:hidden;margin-bottom:24px}.progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:3px;transition:width .5s ease;box-shadow:0 0 8px #7c5cfc4d}.progress-steps{display:flex;justify-content:space-between;margin-bottom:20px}.progress-step{display:flex;flex-direction:column;align-items:center;gap:6px;opacity:.3;transition:var(--transition)}.progress-step.active{opacity:1}.progress-step.completed{opacity:.7}.step-dot{width:32px;height:32px;border-radius:50%;background:var(--bg-glass);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-secondary);transition:var(--transition)}.progress-step.active .step-dot{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:0 0 16px #7c5cfc4d}.progress-step.completed .step-dot{background:var(--accent-green);border-color:transparent;color:#fff}.step-name{font-size:11px;color:var(--text-secondary)}.progress-step.active .step-name{color:var(--text-primary);font-weight:500}.progress-message{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--bg-glass);border-radius:var(--radius-md);font-size:13px;color:var(--text-secondary)}.progress-icon{font-size:18px}.one-click-error{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:var(--accent-red);font-size:13px;margin-top:12px}.one-click-error button{padding:4px 12px;background:var(--bg-glass);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:var(--accent-red);font-size:12px;cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:90%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.config-modal{max-width:680px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header-left{display:flex;align-items:center;gap:10px}.modal-header-icon{font-size:22px}.modal-header h2{font-size:18px;font-weight:600}.modal-close{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-glass);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.modal-close:hover{background:#ef444426;border-color:#ef44444d;color:var(--accent-red)}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border-color)}.config-tabs{display:flex;gap:8px;margin-bottom:24px}.config-tab{flex:1;padding:12px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:10px;text-align:left;color:var(--text-secondary)}.config-tab:hover{background:var(--bg-glass-hover);border-color:var(--border-hover)}.config-tab.active{background:#7c5cfc14;border-color:var(--accent-primary);color:var(--text-primary)}.config-tab-icon{font-size:20px}.config-tab-name{font-size:13px;font-weight:600}.config-tab-desc{font-size:11px;color:var(--text-tertiary)}.config-section{margin-bottom:24px}.config-section-title{font-size:14px;font-weight:600;margin-bottom:14px;color:var(--text-primary)}.config-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.config-row label{min-width:80px;font-size:13px;color:var(--text-secondary);font-weight:500}.config-row input,.config-row select{flex:1;padding:9px 14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;transition:var(--transition)}.config-row input:focus,.config-row select:focus{outline:none;border-color:var(--accent-primary)}.config-test-row{display:flex;align-items:center;gap:12px;margin-top:12px}.test-result{font-size:12px;padding:4px 10px;border-radius:var(--radius-sm)}.test-result.success{color:var(--accent-green);background:#10b9811a}.test-result.error{color:var(--accent-red);background:#ef44441a}.config-providers-overview{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}.config-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.provider-status{display:flex;flex-direction:column;gap:8px}.provider-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition)}.provider-item:hover{background:var(--bg-glass-hover)}.provider-item.available{border-left:3px solid var(--accent-green)}.provider-item.unavailable{border-left:3px solid var(--accent-red);opacity:.7}.provider-item-left{display:flex;align-items:center;gap:8px;font-size:13px}.provider-item-right{display:flex;align-items:center;gap:8px}.provider-item-icon{font-size:16px}.provider-badge{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500}.badge-ok{color:var(--accent-green);background:#10b9811a}.badge-no{color:var(--accent-red);background:#ef44441a}.free-badge{font-size:10px;padding:1px 6px;border-radius:8px;background:#ec489926;color:#ec4899;font-weight:600}.custom-badge{font-size:10px;padding:1px 6px;border-radius:8px;background:#f59e0b26;color:#f59e0b;font-weight:600}.custom-provider{border-left-color:var(--accent-orange)!important}.btn-delete-provider{background:none;border:none;cursor:pointer;font-size:14px;padding:2px 4px;border-radius:4px;transition:var(--transition);opacity:.6}.btn-delete-provider:hover{opacity:1;background:#ef444426}.add-provider-form{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;margin-bottom:14px}.config-free-notice{padding:12px 16px;background:#ec489914;border:1px solid rgba(236,72,153,.15);border-radius:var(--radius-md);color:#ec4899;font-size:13px;margin-top:12px}.spinner-sm{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-right:4px;vertical-align:middle}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;gap:16px}.loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-text{color:var(--text-secondary);font-size:14px}@media(max-width:768px){.container{padding:0 16px}.header .container{flex-wrap:wrap;height:auto;padding:12px 16px;gap:10px}.nav{order:3;width:100%;overflow-x:auto}.upload-hero-text h2{font-size:24px}.upload-area{padding:40px 24px}.workflow-steps{gap:0}.step-label{font-size:10px}.step-number{width:36px;height:36px;font-size:14px}.analysis-stats-grid{grid-template-columns:1fr}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.aspect-ratio-selector{flex-wrap:wrap}.aspect-option{min-width:calc(33% - 8px)}.gen-summary-grid{grid-template-columns:repeat(2,1fr)}.storyboard-grid{grid-template-columns:1fr}.config-tabs{flex-direction:column}.modal-content{width:95%;max-height:90vh}.step-actions{flex-wrap:wrap}}@media(max-width:480px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.progress-steps{gap:4px}.step-name{font-size:9px}}.workflow-page{max-width:1100px;margin:0 auto}.workflow-page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.btn-back{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:var(--transition)}.btn-back:hover{background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--border-hover)}.workflow-page-title{display:flex;align-items:center;gap:10px}.workflow-page-title h2{font-size:22px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.workflow-badge{padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.workflow-badge.ltx2{background:#7c5cfc26;color:#7c5cfc;border:1px solid rgba(124,92,252,.3)}.workflow-badge.langgraph{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.workflow-page-desc{width:100%;font-size:13px;color:var(--text-secondary);margin:0}.workflow-steps-bar{display:flex;justify-content:space-between;align-items:flex-start;position:relative;margin-bottom:32px;padding:0 8px}.workflow-line{position:absolute;top:18px;left:24px;right:24px;height:3px;background:var(--border-color);border-radius:2px;z-index:0}.workflow-line-fill{height:100%;background:var(--gradient-primary);border-radius:2px;transition:width .5s ease}.workflow-steps-bar .step{display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1;opacity:.4;transition:var(--transition)}.workflow-steps-bar .step.active{opacity:1}.workflow-steps-bar .step.completed{opacity:.7}.workflow-steps-bar .step-number{width:36px;height:36px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:14px;transition:var(--transition)}.workflow-steps-bar .step.active .step-number{background:var(--gradient-primary);border-color:transparent;box-shadow:0 0 20px #7c5cfc66}.workflow-steps-bar .step.completed .step-number{background:#10b98126;border-color:var(--accent-green);color:var(--accent-green)}.workflow-steps-bar .step-label{font-size:11px;color:var(--text-secondary);font-weight:500;white-space:nowrap}.workflow-steps-bar .step.active .step-label{color:var(--text-primary);font-weight:600}.workflow-content{min-height:400px}.audio-tracks-container{margin-bottom:24px;padding:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.audio-analysis-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.analysis-tag{padding:4px 12px;background:#7c5cfc14;border:1px solid rgba(124,92,252,.15);border-radius:var(--radius-full);font-size:12px;color:var(--accent-primary);font-weight:500}.workflow-step-panel{padding:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.workflow-step-panel h3{font-size:20px;font-weight:600;margin-bottom:8px}.workflow-step-panel>p{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.step-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}.step-actions.center{justify-content:center}.btn-large{padding:14px 32px;font-size:16px}.btn-glow{box-shadow:0 0 20px #7c5cfc40}.btn-glow:hover{box-shadow:0 0 30px #7c5cfc66}.generating-state{text-align:center;padding:48px 20px}.generating-state p{color:var(--text-secondary);font-size:14px;margin-top:16px}.loading-spinner{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.analysis-result-card{padding:4px}.analysis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.analysis-item{display:flex;flex-direction:column;gap:4px;padding:14px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md)}.analysis-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.analysis-value{font-size:18px;font-weight:700;color:var(--text-primary)}.recommend-result-card{padding:4px}.recommend-section{margin-bottom:20px}.recommend-section h4{font-size:15px;font-weight:600;margin-bottom:10px}.recommend-chips{display:flex;flex-wrap:wrap;gap:8px}.recommend-chip{padding:8px 16px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.recommend-chip:hover{border-color:var(--border-hover);background:var(--bg-glass-hover)}.recommend-chip.selected{background:#7c5cfc1f;border-color:var(--accent-primary);color:var(--accent-primary);font-weight:500}.scene-confirm-card{padding:16px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.scene-confirm-section{margin-bottom:16px}.scene-confirm-section h4{font-size:14px;font-weight:600;margin-bottom:8px}.confirm-tags{display:flex;flex-wrap:wrap;gap:6px}.confirm-tag{padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:500}.confirm-tag.scene{background:#22c55e1f;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.confirm-tag.character{background:#a855f71f;color:#a855f7;border:1px solid rgba(168,85,247,.2)}.confirm-tag.object{background:#fb923c1f;color:#fb923c;border:1px solid rgba(251,146,60,.2)}.image-count-info{padding:12px;background:#22d3ee0f;border:1px solid rgba(34,211,238,.15);border-radius:var(--radius-md);font-size:14px;color:var(--text-secondary);text-align:center}.image-count-info strong{color:var(--accent-cyan);font-size:18px}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px}.generated-image-card{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);aspect-ratio:16/9}.generated-image-card img{width:100%;height:100%;object-fit:cover}.image-index{position:absolute;top:8px;left:8px;width:24px;height:24px;border-radius:50%;background:#0009;color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.videos-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:16px}.generated-video-item{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color)}.generated-video-item video{width:100%;display:block}.video-index{position:absolute;top:8px;left:8px;padding:4px 10px;border-radius:var(--radius-full);background:#0009;color:#fff;font-size:11px;font-weight:500}.video-result-container{text-align:center}.result-video{width:100%;max-width:800px;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.upload-progress-bar{width:100%;height:4px;background:var(--border-color);border-radius:2px;margin-top:8px;overflow:hidden}.upload-progress-fill{height:100%;background:var(--gradient-primary);border-radius:2px;transition:width .3s ease}.config-row{display:flex;gap:12px;flex-wrap:wrap}.config-field{display:flex;flex-direction:column;gap:4px}.config-field label{font-size:12px;color:var(--text-secondary);font-weight:500}.config-field select{padding:8px 12px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px}.config-field select:focus{outline:none;border-color:var(--accent-primary)}.audio-uploaded-section{padding:4px}.full-audio-track{width:100%;margin-bottom:8px;padding:12px 16px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md)}.full-audio-track-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.full-audio-track-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.full-audio-track-time{font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.full-audio-track-waveform{width:100%;overflow:hidden}.full-audio-track-waveform>div{width:100%!important;overflow:visible!important}.full-audio-track-controls{display:flex;align-items:center;gap:8px;margin-top:8px}.btn-play-track{width:28px;height:28px;border-radius:50%;background:var(--gradient-primary);border:none;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.btn-play-track:hover{transform:scale(1.1);box-shadow:0 0 12px #7c5cfc4d}.track-time-display{font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}@media(max-width:768px){.workflow-steps-bar{overflow-x:auto;padding-bottom:8px}.workflow-steps-bar .step-label{font-size:9px}.workflow-steps-bar .step-number{width:30px;height:30px;font-size:12px}.analysis-grid,.images-grid{grid-template-columns:repeat(2,1fr)}.videos-list{grid-template-columns:1fr}.workflow-page-header{flex-direction:column;align-items:flex-start}}.config-grid{display:flex;flex-direction:column;gap:16px}.config-group{display:flex;flex-direction:column;gap:6px}.config-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.config-textarea{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-family:inherit;resize:vertical;line-height:1.5;transition:var(--transition)}.config-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 12px #7c5cfc1a}.config-note{padding:10px 14px;background:#22d3ee0f;border:1px solid rgba(34,211,238,.12);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary)}.generate-summary{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:14px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md)}.generate-summary .summary-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px}.generate-summary .summary-label{color:var(--text-secondary)}.generate-summary .summary-value{color:var(--text-primary);font-weight:500;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.full-audio-play-btn{width:28px;height:28px;border-radius:50%;background:var(--gradient-primary);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}.full-audio-play-btn:hover{transform:scale(1.1);box-shadow:0 0 12px #7c5cfc4d}.full-audio-play-btn.playing{background:var(--accent-cyan)}.config-field input[type=number]{padding:8px 12px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;width:100%}.config-field input[type=number]:focus{outline:none;border-color:var(--accent-primary)}