body{margin:0;padding:0;background-color:#0b0f19;color:#f3f4f6;font-family:Inter,-apple-system,sans-serif;min-height:100vh}#app{width:100%;min-height:100vh}.ktv-player-container[data-v-c6b7c532]{background:#171c29bf;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin-top:16px;box-shadow:0 10px 30px #0003}.ktv-header[data-v-c6b7c532]{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:16px;margin-bottom:20px}.title-row[data-v-c6b7c532]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ktv-header h3[data-v-c6b7c532]{font-family:Outfit,sans-serif;font-size:18px;font-weight:600;color:#00f2fe}.timer-badge[data-v-c6b7c532]{font-family:monospace;font-size:15px;background:#00f2fe1a;color:#00f2fe;padding:4px 8px;border-radius:6px;border:1px solid rgba(0,242,254,.2)}.audio-element[data-v-c6b7c532]{width:100%;height:40px;outline:none}.ktv-lyrics-box[data-v-c6b7c532]{min-height:120px;max-height:240px;overflow-y:auto;font-size:20px;line-height:2.5;color:#f3f4f640;text-align:center;padding:10px;font-family:Outfit,sans-serif;font-weight:500;scroll-behavior:smooth;border-radius:8px;background:#ffffff03;border:1px solid rgba(255,255,255,.02)}.ktv-line[data-v-c6b7c532]{margin:10px 0;transition:all .3s ease}.ktv-line.active[data-v-c6b7c532]{color:#f3f4f680}.ktv-word[data-v-c6b7c532]{display:inline-block;margin:0 5px;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:4px;padding:0 4px;cursor:pointer}.ktv-word[data-v-c6b7c532]:hover{color:#ffffffb3}.ktv-word.active[data-v-c6b7c532]{color:#00f2fe;font-weight:800;transform:scale(1.18);text-shadow:0 0 12px rgba(0,242,254,.8),0 0 20px rgba(0,242,254,.4)}.ktv-word.passed[data-v-c6b7c532]{color:#f3f4f6;opacity:.9}.role-badge[data-v-c6b7c532]{background:#4facfe26;color:#4facfe;border:1px solid rgba(79,172,254,.3);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;margin-right:12px;vertical-align:middle;display:inline-block}.role-badge.tutor[data-v-c6b7c532],.role-badge.sarah[data-v-c6b7c532]{background:#00f2fe26;color:#00f2fe;border-color:#00f2fe4d}.role-badge.student[data-v-c6b7c532],.role-badge.marc[data-v-c6b7c532]{background:#a855f726;color:#c084fc;border-color:#a855f74d}.empty-lyrics[data-v-c6b7c532]{font-size:14px;color:#9ca3af;font-style:italic;padding-top:40px}.video-generator-container[data-v-1d01f57a]{background:#171c29bf;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin-top:16px;box-shadow:0 10px 30px #0003}.card-title-row[data-v-1d01f57a]{display:flex;justify-content:space-between;align-items:center;border-left:4px solid #00f2fe;padding-left:12px;margin-bottom:20px}.card-title-row h3[data-v-1d01f57a]{font-family:Outfit,sans-serif;font-size:18px;font-weight:600;color:#f3f4f6}.status-badge[data-v-1d01f57a]{font-size:12px;font-weight:600;padding:3px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.status-idle[data-v-1d01f57a]{color:#9ca3af;background:#ffffff0d}.status-warning[data-v-1d01f57a]{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b4d}.status-success[data-v-1d01f57a]{color:#10b981;background:#10b98126;border-color:#10b9814d}.generator-body[data-v-1d01f57a]{display:flex;flex-direction:column;gap:18px}.setting-group[data-v-1d01f57a]{display:flex;flex-direction:column;gap:8px}.group-label[data-v-1d01f57a]{font-size:13px;color:#9ca3af;font-weight:500}.upload-zone-sub[data-v-1d01f57a]{border:2px dashed rgba(255,255,255,.15);border-radius:12px;padding:24px;text-align:center;cursor:pointer;background:#ffffff03;transition:all .3s ease}.upload-zone-sub[data-v-1d01f57a]:hover,.upload-zone-sub.active[data-v-1d01f57a]{border-color:#00f2fe;background:#00f2fe05}.zone-icon[data-v-1d01f57a]{width:32px;height:32px;fill:#9ca3af;margin-bottom:6px;transition:transform .3s ease}.upload-zone-sub:hover .zone-icon[data-v-1d01f57a]{fill:#00f2fe;transform:translateY(-2px)}.zone-text[data-v-1d01f57a]{font-size:13px;font-weight:500;color:#f3f4f6}.preview-bg-container[data-v-1d01f57a]{display:flex;align-items:center;gap:12px;background:#ffffff08;padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.bg-thumb[data-v-1d01f57a]{width:80px;height:45px;object-fit:cover;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.bg-info[data-v-1d01f57a]{display:flex;flex-direction:column;flex-grow:1;gap:3px}.bg-name[data-v-1d01f57a]{font-size:12px;font-weight:600;color:#f3f4f6;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-size[data-v-1d01f57a]{font-size:10px;color:#9ca3af}.btn[data-v-1d01f57a]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#0b0f19;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn[data-v-1d01f57a]:hover{opacity:.9;box-shadow:0 4px 12px #00f2fe4d}.btn[data-v-1d01f57a]:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary[data-v-1d01f57a]{background:#ffffff14;color:#f3f4f6;border:1px solid rgba(255,255,255,.08)}.btn-secondary[data-v-1d01f57a]:hover{background:#ffffff26;box-shadow:none}.btn-danger-sub[data-v-1d01f57a]{background:#ef4444;color:#fff;border:none}.btn-danger-sub[data-v-1d01f57a]:hover{box-shadow:0 4px 12px #ef44444d}.settings-grid[data-v-1d01f57a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.slider-wrapper[data-v-1d01f57a]{display:flex;align-items:center;height:38px}.slider-field[data-v-1d01f57a]{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;cursor:pointer}.slider-field[data-v-1d01f57a]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#4facfe,#00f2fe);cursor:pointer;box-shadow:0 0 8px #00f2fe80;transition:transform .1s ease}.slider-field[data-v-1d01f57a]::-webkit-slider-thumb:hover{transform:scale(1.2)}.input-item[data-v-1d01f57a]{display:flex;flex-direction:column;gap:4px}.input-item label[data-v-1d01f57a]{font-size:12px;color:#9ca3af}.input-field[data-v-1d01f57a]{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 12px;color:#f3f4f6;font-size:13px;outline:none;transition:border-color .3s}.input-field[data-v-1d01f57a]:focus{border-color:#00f2fe}.select-field[data-v-1d01f57a]{background-color:#0d121f}.controls-section[data-v-1d01f57a]{display:flex;flex-direction:column;gap:10px}.btn-row[data-v-1d01f57a]{display:flex;gap:10px}.start-btn[data-v-1d01f57a]{flex-grow:1}.stop-btn[data-v-1d01f57a]{background:#ef4444;color:#fff}.render-canvas-container[data-v-1d01f57a]{margin-top:10px;text-align:center;background:#000;border-radius:8px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1)}.preview-canvas[data-v-1d01f57a]{max-width:100%;height:auto;display:block;margin:0 auto}.render-badge[data-v-1d01f57a]{position:absolute;top:10px;left:10px;background:#0009;padding:4px 8px;border-radius:4px;font-size:11px;color:#00f2fe}.progress-bar-container[data-v-1d01f57a]{margin-top:12px}.progress-info[data-v-1d01f57a]{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px;color:#f3f4f6}.progress-track[data-v-1d01f57a]{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill[data-v-1d01f57a]{height:100%;background:linear-gradient(90deg,#00f2fe,#4facfe);transition:width .1s linear}.output-section[data-v-1d01f57a]{border-top:1px solid rgba(255,255,255,.08);padding-top:16px;display:flex;flex-direction:column;gap:10px}.output-section h4[data-v-1d01f57a]{font-size:13px;color:#9ca3af}.output-video-player[data-v-1d01f57a]{width:100%;border-radius:8px;background:#000;box-shadow:0 4px 12px #00000080}.download-btn[data-v-1d01f57a]{width:100%;text-decoration:none}:root{--bg-color: #0b0f19;--card-bg: rgba(23, 28, 41, .75);--card-border: rgba(255, 255, 255, .08);--accent-cyan: #00f2fe;--accent-blue: #4facfe;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--success: #10b981;--warning: #f59e0b;--danger: #ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;background-image:radial-gradient(circle at 10% 20%,rgba(0,242,254,.04) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(79,172,254,.04) 0%,transparent 40%);background-attachment:fixed}.app-container{max-width:1500px;width:100%;margin:0 auto;padding:24px;display:flex;flex-direction:column;min-height:100vh}header{border-bottom:1px solid var(--card-border);padding-bottom:16px;margin-bottom:24px}h1{font-family:Outfit,sans-serif;font-size:28px;font-weight:800;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:6px}.header-desc{font-size:13px;color:var(--text-secondary)}main{display:grid;grid-template-columns:2fr 1fr;gap:24px;flex-grow:1}.business-flow{display:flex;flex-direction:column;gap:24px}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 30px #0003;transition:all .3s ease}.card-title{font-family:Outfit,sans-serif;font-size:18px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;border-left:4px solid var(--accent-cyan);padding-left:12px;color:var(--text-primary)}.collapse-icon{font-size:12px;color:var(--accent-blue);font-weight:500}.api-config-body{display:flex;flex-direction:column;gap:12px;background:#ffffff05;padding:16px;border-radius:8px;border:1px solid rgba(255,255,255,.03)}.api-input-group{display:flex;flex-direction:column;gap:6px}.api-input-group label{font-size:12px;color:var(--text-secondary);font-weight:500}.word-input-field{background:#ffffff0d;border:1px solid var(--card-border);border-radius:8px;padding:8px 12px;color:var(--text-primary);font-size:13px;outline:none;font-family:monospace}.word-input-field:focus{border-color:var(--accent-cyan)}.api-tip{font-size:11px;color:var(--text-secondary);font-style:italic}.upload-zone-app{border:2px dashed rgba(255,255,255,.15);border-radius:12px;padding:30px;text-align:center;cursor:pointer;background:#ffffff03;transition:all .3s ease;margin-bottom:16px}.upload-zone-app:hover,.upload-zone-app.active{border-color:var(--accent-cyan);background:#00f2fe05}.upload-svg{width:48px;height:48px;fill:var(--text-secondary);margin-bottom:12px;transition:transform .3s ease}.upload-zone-app:hover .upload-svg{fill:var(--accent-cyan);transform:translateY(-3px)}.upload-title{font-size:14px;font-weight:500;margin-bottom:6px}.upload-subtitle{font-size:11px;color:var(--text-secondary)}.pictures-list-container{border-top:1px solid var(--card-border);padding-top:16px}.sub-heading{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.pictures-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:16px}.pic-card-item{background:#ffffff05;border:1px solid var(--card-border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.pic-thumb-wrapper{position:relative;padding-top:56.25%;background:#1f2937}.pic-thumb-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.pic-badge{position:absolute;top:6px;left:6px;background:#000000b3;color:var(--accent-cyan);font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.pic-meta-info{padding:12px;display:flex;flex-direction:column;gap:8px;flex-grow:1}.meta-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.meta-label{color:var(--text-secondary)}.meta-input{background:#ffffff0d;border:1px solid var(--card-border);border-radius:4px;color:var(--text-primary);padding:2px 6px;width:50px;outline:none;font-size:11px;text-align:center}.meta-input:focus{border-color:var(--accent-cyan)}.checkbox-row{justify-content:flex-start;gap:6px}.checkbox-row label{cursor:pointer}.status-indicator{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;background:#ffffff0d}.status-indicator.idle{color:var(--text-secondary)}.status-indicator.uploading{color:var(--accent-blue);background:#4facfe1a}.status-indicator.extracting{color:var(--warning);background:#f59e0b1a}.status-indicator.success{color:var(--success);background:#10b98126}.status-indicator.failed{color:var(--danger);background:#ef444426}.pic-card-actions{display:flex;gap:4px;margin-top:6px}.small-btn{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--card-border);padding:4px 6px;font-size:10px;border-radius:4px;cursor:pointer;flex-grow:1}.small-btn:hover:not(:disabled){background:#ffffff26}.small-btn:disabled{opacity:.3;cursor:not-allowed}.btn-danger-small{color:#f87171}.btn-danger-small:hover{background:#ef444426!important}.actions-row{display:flex;gap:12px;justify-content:flex-end}.btn{background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));color:#0b0f19;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover:not(:disabled){opacity:.9;box-shadow:0 4px 12px #00f2fe4d}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff14;color:var(--text-primary);border:1px solid var(--card-border)}.btn-secondary:hover{background:#ffffff26;box-shadow:none}.step-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:12px}.progress-badge{font-size:12px;background:#00f2fe1a;color:var(--accent-cyan);padding:2px 8px;border-radius:4px}.extraction-progress-box{background:#ffffff05;border:1px solid var(--card-border);padding:12px;border-radius:8px;margin-bottom:16px}.progress-details{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.progress-track{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));transition:width .3s}.textstr-input-wrapper{width:100%}.textstr-textarea{width:100%;background:#ffffff08;border:1px solid var(--card-border);border-radius:8px;padding:14px;color:var(--text-primary);font-size:14px;font-family:Inter,-apple-system,sans-serif;line-height:1.6;resize:vertical;outline:none;transition:all .3s ease}.textstr-textarea:focus{border-color:var(--accent-cyan);background:#ffffff0f;box-shadow:0 0 12px #00f2fe26}.progress-track-indefinite{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;position:relative}.progress-fill-indefinite{height:100%;width:30%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));border-radius:3px;position:absolute;animation:loadingIndefinite 1.5s infinite ease-in-out}@keyframes loadingIndefinite{0%{left:-30%}to{left:100%}}.action-bar{display:flex;justify-content:flex-end}.merged-results-body{display:flex;flex-direction:column;gap:16px}.result-block{display:flex;flex-direction:column;gap:6px}.block-title{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-secondary)}.text-action-btn{background:none;border:none;color:var(--accent-cyan);font-size:12px;cursor:pointer;font-weight:600}.text-action-btn:hover{text-decoration:underline}.text-display-box{background:#0000004d;border:1px solid var(--card-border);border-radius:8px;padding:12px;max-height:160px;overflow-y:auto;font-size:13px;white-space:pre-wrap;color:var(--text-primary);line-height:1.6}.audio-player-wrapper{background:#0003;border:1px solid var(--card-border);padding:12px;border-radius:8px}.app-audio-player{width:100%;height:32px;outline:none}.empty-audio-placeholder{font-size:12px;color:var(--text-secondary);font-style:italic;padding:16px;text-align:center;background:#00000026;border-radius:8px;border:1px dashed var(--card-border)}.loading-box{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff05;border:1px solid var(--card-border);border-radius:8px}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-box p{font-size:13px;color:var(--text-secondary)}.json-display-box{background:#07090e;border:1px solid var(--card-border);border-radius:8px;padding:12px;max-height:180px;overflow-y:auto;font-family:monospace;font-size:11px}.json-display-box pre{color:#a7f3d0;margin:0;white-space:pre-wrap}.logs-sidebar{display:flex;flex-direction:column;position:sticky;top:24px;height:calc(100vh - 48px)}.logs-card{height:100%;display:flex;flex-direction:column;margin-bottom:0}.clear-logs-btn{padding:4px 8px;font-size:11px}.logs-list-box{flex-grow:1;background:#07090e;border:1px solid var(--card-border);border-radius:12px;padding:16px;overflow-y:auto;font-family:Courier New,Courier,monospace;font-size:11px;display:flex;flex-direction:column;gap:12px}.log-item-entry{border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:8px}.log-header-row{display:flex;justify-content:space-between;align-items:center;color:var(--accent-cyan);margin-bottom:6px;font-weight:700}.log-time{color:var(--text-secondary);font-weight:400}.log-status{font-size:9px;padding:2px 4px;border-radius:3px}.log-status.success{color:#34d399;background:#34d3991a}.log-status.failed{color:#f87171;background:#f871711a}.log-sub-section{margin-top:4px}.log-label{display:block;font-size:9px;color:var(--text-secondary);margin-bottom:2px}.log-code-pre{color:#60a5fa;white-space:pre-wrap;background:#ffffff05;padding:4px 6px;border-radius:4px;font-size:10px;max-height:100px;overflow-y:auto}.response-pre{color:#34d399}.color-config-body{padding:8px 0}.color-options-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:12px}.color-badge-option{width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;border:2px solid transparent;transition:all .3s ease;box-shadow:0 4px 10px #0000004d}.color-badge-option:hover{transform:scale(1.15)}.color-badge-option.active{border-color:var(--text-primary);transform:scale(1.1)}.active-check{color:#0b0f19;font-weight:900;font-size:14px}.custom-color-picker-wrapper{display:flex;align-items:center;gap:8px;background:#ffffff08;border:1px solid var(--card-border);padding:4px 10px;border-radius:20px;cursor:pointer}.custom-color-picker-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;width:24px;height:24px;cursor:pointer;padding:0}.custom-color-picker-input::-webkit-color-swatch{border:1px solid var(--card-border);border-radius:50%;padding:0}.custom-color-picker-input::-moz-color-swatch{border:1px solid var(--card-border);border-radius:50%;padding:0}.custom-color-label{font-size:12px;color:var(--text-secondary);font-weight:500}