@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-dark:#07090e;--bg-card:#0f1420bf;--bg-card-hover:#161e30d9;--bg-input:#0c101b;--border-color:#ffffff14;--border-glow:#00f2fe4d;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-dim:#64748b;--accent-cyan:#00f2fe;--accent-purple:#9d4edd;--accent-pink:#ec4899;--accent-emerald:#10b981;--accent-yellow:#f59e0b;--accent-red:#ef4444;--gradient-brand:linear-gradient(135deg, #00f2fe 0%, #4facfe 50%, #9d4edd 100%);--gradient-btn:linear-gradient(135deg, #00c6ff 0%, #0072ff 50%, #7b2cbf 100%);--gradient-card-border:linear-gradient(135deg, #00f2fe66, #9d4edd66);--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--shadow-glow:0 0 25px #00f2fe26;--shadow-card:0 10px 30px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 15%,#00f2fe12 0%,#0000 40%),radial-gradient(circle at 85% 85%,#9d4edd12 0%,#0000 40%);background-attachment:fixed;min-height:100vh;line-height:1.5}.app-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:24px}.workspace-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=1024px){.workspace-grid{grid-template-columns:1fr}}.speaker-card-body{flex-direction:column;gap:10px;display:flex}.voice-properties-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=640px){.voice-properties-grid{grid-template-columns:1fr}}.select-mini{height:36px;padding:6px 10px;font-size:.8rem}.persona-chips-wrap{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.preset-chip-sm{color:var(--accent-cyan);cursor:pointer;background:#00f2fe14;border:1px solid #00f2fe40;border-radius:12px;padding:2px 8px;font-size:.73rem;font-weight:500;transition:all .15s}.preset-chip-sm:hover{background:#00f2fe33;transform:scale(1.03)}.workspace-column{flex-direction:column;gap:24px;display:flex}.app-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);z-index:100;background:#0a0e18d9;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:16px 24px;display:flex}.brand-group{align-items:center;gap:16px;display:flex}.logo-icon-wrapper{border-radius:var(--radius-md);background:var(--gradient-brand);width:44px;height:44px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;display:flex}.logo-icon{color:#fff;width:24px;height:24px}.brand-title-row{align-items:center;gap:12px;display:flex}.brand-title{background:var(--gradient-brand);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-size:1.4rem;font-weight:800}.brand-subtitle{color:var(--text-muted);font-size:.85rem}.header-actions{align-items:center;gap:12px;display:flex}.info-banner{background:#0f172af2;border-bottom:1px solid #00f2fe4d;padding:16px 24px;position:relative}.info-content{grid-template-columns:1fr 1fr;gap:24px;max-width:1440px;margin:0 auto;display:grid}.info-column h4{color:var(--accent-cyan);margin-bottom:6px;font-size:.95rem}.info-column p{color:var(--text-muted);font-size:.85rem}.code-snippet{border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--accent-emerald);background:#000;margin-top:8px;padding:6px 12px;font-size:.8rem}.info-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.2rem;position:absolute;top:12px;right:20px}.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);box-shadow:var(--shadow-card);transition:border-color .2s,box-shadow .2s;overflow:hidden}.card:hover{border-color:#ffffff26}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.card-title-group{align-items:center;gap:12px;display:flex}.card-icon{width:20px;height:20px}.card-title{color:var(--text-main);font-size:1.05rem;font-weight:700}.card-subtitle{color:var(--text-muted);font-size:.8rem}.card-body{padding:22px}.badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-model{color:#c084fc;background:#9d4edd26;border:1px solid #9d4edd66}.badge-success{color:#34d399;background:#10b98126;border:1px solid #10b98166}.badge-sm{color:var(--accent-cyan);background:#00f2fe1a;border:1px solid #00f2fe4d;padding:2px 8px;font-size:.7rem}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--gradient-btn);color:#fff;box-shadow:0 4px 14px #0072ff4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0072ff73}.btn-secondary{border:1px solid var(--border-color);color:var(--text-main);background:#ffffff0f}.btn-secondary:hover{background:#ffffff1f}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{color:var(--text-main);background:#ffffff0d}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-status{border:1px solid var(--border-color);background:#0f172acc}.status-active{border-color:#10b98166}.status-warning{border-color:#f59e0b66}.status-indicator{width:12px;height:12px}.status-indicator.active{color:var(--accent-emerald)}.status-indicator.warning{color:var(--accent-yellow)}.glow-button{animation:2.5s infinite alternate pulseGlow}@keyframes pulseGlow{0%{box-shadow:0 0 10px #00f2fe33}to{box-shadow:0 0 25px #00f2fe80}}.form-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.form-group:last-child{margin-bottom:0}.form-group-sm{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.form-label{color:var(--text-main);justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;display:flex}.input-mini-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.input-field,.textarea-field,.select-field{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);padding:10px 14px;font-family:inherit;font-size:.9rem;transition:all .2s}.input-field:focus,.textarea-field:focus,.select-field:focus{border-color:var(--accent-cyan);outline:none;box-shadow:0 0 0 3px #00f2fe26}.textarea-field{resize:vertical;line-height:1.6}.script-textarea{font-family:var(--font-mono);color:#e2e8f0;background:#060911;font-size:.88rem}.presets-container{margin-top:14px}.presets-label{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:8px;font-size:.8rem;display:flex}.presets-buttons{flex-wrap:wrap;gap:8px;display:flex}.preset-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#ffffff0a;border-radius:20px;padding:4px 12px;font-size:.78rem;transition:all .2s}.preset-btn:hover,.preset-btn.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f2fe1a}.speaker-cards-container{flex-direction:column;gap:16px;padding:22px;display:flex}.speaker-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#0a0e1899;flex-direction:column;gap:14px;padding:16px;display:flex}.speaker-card-top{align-items:center;gap:14px;display:flex}.speaker-avatar-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex;box-shadow:0 0 10px #0000004d}.speaker-name-input-wrap{flex:1}.btn-icon-danger{color:var(--accent-red);border-radius:var(--radius-sm);cursor:pointer;background:#ef44441a;border:1px solid #ef444433;padding:8px}.btn-icon-danger:hover{background:#ef444440}.voice-tone-badge{color:var(--accent-cyan);font-size:.72rem;font-weight:600}.voice-preview-meta{border-radius:var(--radius-sm);color:var(--text-muted);background:#ffffff05;margin-bottom:10px;padding:8px 12px;font-size:.8rem}.coaching-tags-bar{margin-bottom:12px}.tags-label{color:var(--text-muted);margin-bottom:6px;font-size:.78rem;display:block}.tags-scroll{flex-wrap:wrap;gap:6px;display:flex}.tag-chip{color:#d8b4fe;border-radius:var(--radius-sm);font-size:.75rem;font-family:var(--font-mono);cursor:pointer;background:#9d4edd1f;border:1px solid #9d4edd4d;padding:3px 8px;transition:all .15s}.tag-chip:hover{background:#9d4edd4d;transform:scale(1.03)}.coaching-tag-badge{color:#f472b6;font-family:var(--font-mono);background:#ec489926;border:1px solid #ec489966;border-radius:4px;align-items:center;gap:3px;margin:0 3px;padding:1px 6px;font-size:.78rem;display:inline-flex}.script-parsed-preview{flex-direction:column;gap:10px;max-height:420px;display:flex;overflow-y:auto}.parsed-line-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#0a0e1880;gap:16px;padding:10px 14px;display:flex}.parsed-speaker-column{border-left:3px solid #3b82f6;flex-direction:column;min-width:110px;padding-left:10px;display:flex}.parsed-speaker-name{font-size:.85rem;font-weight:700}.parsed-speaker-voice{color:var(--text-dim);font-size:.72rem}.parsed-text-column{color:#cbd5e1;flex:1;font-size:.88rem;line-height:1.5}.voice-catalog-section{border-top:1px solid var(--border-color);padding:16px 22px}.catalog-header{cursor:pointer;justify-content:space-between;align-items:center;font-size:.88rem;font-weight:600;display:flex}.catalog-filter-bar{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.search-wrap{flex:1;min-width:200px;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input{padding-left:32px}.category-pills{gap:6px;display:flex}.pill-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#ffffff0a;border-radius:14px;padding:4px 10px;font-size:.75rem}.pill-btn.active{background:var(--accent-cyan);color:#000;font-weight:700}.voice-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;max-height:280px;margin-top:14px;display:grid;overflow-y:auto}.voice-grid-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#0a0e1866;padding:10px}.voice-grid-name{color:var(--accent-cyan);font-size:.85rem;font-weight:700}.voice-grid-desc{color:var(--text-muted);margin-top:4px;font-size:.75rem}.generate-bar-container{flex-direction:column;gap:8px;display:flex}.btn-hero-generate{border-radius:var(--radius-lg);color:#fff;cursor:pointer;background:linear-gradient(135deg,#00f2fe 0%,#4facfe 40%,#0072ff 70%,#9d4edd 100%);border:none;width:100%;padding:18px;font-size:1.1rem;font-weight:800;transition:all .25s;position:relative;box-shadow:0 8px 25px #00f2fe4d}.btn-hero-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px #00f2fe80}.btn-hero-generate:disabled{opacity:.5;cursor:not-allowed}.btn-shortcut{font-size:.75rem;font-family:var(--font-mono);background:#0000004d;border-radius:6px;margin-left:12px;padding:3px 8px}.warning-text{color:var(--accent-yellow);text-align:center;font-size:.82rem}.player-body{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#0a0e18b3;flex-direction:column;gap:16px;margin-top:20px;padding:18px;display:flex}.player-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.player-meta-info{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.meta-tag{color:var(--text-muted);background:#ffffff0d;border-radius:12px;padding:3px 8px;font-size:.75rem}.download-button-group{gap:8px;display:flex}.filename-preview-bar{border-radius:var(--radius-sm);background:#00f2fe0d;border:1px dashed #00f2fe40;align-items:center;gap:10px;padding:8px 12px;font-size:.8rem;display:flex}.filename-label{color:var(--text-muted);font-weight:600}.filename-text{font-family:var(--font-mono);color:var(--accent-cyan);word-break:break-all}.waveform-container{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#050811;justify-content:center;align-items:center;padding:10px;display:flex}.visualizer-canvas{width:100%;height:60px}.controls-container{align-items:center;gap:16px;display:flex}.btn-play-large{background:var(--gradient-brand);color:#fff;cursor:pointer;width:48px;height:48px;box-shadow:var(--shadow-glow);border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex}.btn-play-large:hover{transform:scale(1.08)}.play-offset{margin-left:3px}.timeline-container{flex:1;align-items:center;gap:12px;display:flex}.time-text{font-family:var(--font-mono);color:var(--text-muted);min-width:42px;font-size:.8rem}.seek-slider,.volume-slider{accent-color:var(--accent-cyan);cursor:pointer;flex:1}.volume-speed-controls{align-items:center;gap:14px;display:flex}.speed-selector{border-radius:var(--radius-sm);background:#ffffff0a;gap:4px;padding:2px;display:flex}.speed-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 6px;font-size:.72rem}.speed-btn.active{background:var(--accent-cyan);color:#000;font-weight:700}.volume-control{align-items:center;gap:6px;display:flex}.btn-icon-only{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.log-console-card{background:#04060b}.console-header{cursor:pointer;-webkit-user-select:none;user-select:none}.console-title{font-family:var(--font-mono);color:var(--text-muted);font-size:.85rem}.console-body{font-family:var(--font-mono);background:#020306;flex-direction:column;gap:4px;max-height:160px;padding:12px 16px;font-size:.78rem;display:flex;overflow-y:auto}.log-line{gap:10px;display:flex}.log-time{color:var(--text-dim)}.log-msg{color:#a7f3d0}.log-empty{color:var(--text-dim);font-style:italic}.credential-username{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.password-manager-option{color:var(--text-muted);align-items:center;gap:8px;font-size:.82rem;display:flex}.password-manager-option input{accent-color:var(--accent-cyan)}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--border-glow);border-radius:var(--radius-lg);background:#0d121f;width:100%;max-width:520px;animation:.2s modalScale;overflow:hidden;box-shadow:0 20px 50px #000c}@keyframes modalScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-title-row{align-items:center;gap:10px;display:flex}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.2rem}.modal-body{flex-direction:column;gap:16px;padding:22px;display:flex}.input-with-actions{position:relative}.btn-input-action{color:var(--text-muted);cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.input-hint-row{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.input-hint{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;display:flex}.btn-link{color:var(--accent-cyan);cursor:pointer;background:0 0;border:none;font-size:.75rem;text-decoration:underline}.model-selector-grid{flex-direction:column;gap:8px;display:flex}.model-card-option{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:#ffffff08;align-items:flex-start;gap:10px;padding:10px 14px;transition:all .2s;display:flex}.model-card-option:hover,.model-card-option.active{border-color:var(--accent-purple);background:#9d4edd1a}.model-name{color:var(--text-main);font-size:.88rem;font-weight:700;display:block}.model-desc{color:var(--text-muted);font-size:.75rem}.modal-footer{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.error-banner{color:#fca5a5;border-radius:var(--radius-md);background:#ef444426;border:1px solid #ef444466;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 18px;display:flex}.error-dismiss{color:#fca5a5;cursor:pointer;background:0 0;border:none}.spin-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.hide-mobile{display:none}}