.text-to-speech{max-width:800px;margin:0 auto}.tts-input-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.tts-info{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border)}.char-count{color:var(--text-muted);font-size:.875rem}.clear-btn{background:none;border:1px solid var(--border);color:var(--text-muted);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem}.clear-btn:hover{border-color:var(--danger);color:var(--danger)}.tts-controls{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.tts-buttons{display:flex;gap:var(--space-md);flex-wrap:wrap}.tts-error{background:#ff4d6d1a;border:1px solid var(--danger);color:var(--danger);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);text-align:center}.tts-status{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--radius-lg);color:var(--accent);font-weight:500}.speaking-indicator{display:flex;gap:var(--space-xs)}.speaking-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:speakingPulse 1.4s ease-in-out infinite both}.speaking-dot:nth-child(1){animation-delay:-.32s}.speaking-dot:nth-child(2){animation-delay:-.16s}@keyframes speakingPulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@media(max-width:768px){.control-grid{grid-template-columns:1fr}.tts-buttons{flex-direction:column}.tts-info{flex-direction:column;gap:var(--space-sm);align-items:flex-start}.tts-reading-display{margin-top:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);line-height:1.8;color:var(--text-secondary);max-height:180px;overflow-y:auto}.reading-word{transition:background .15s ease,color .15s ease;border-radius:3px;padding:1px 2px}.reading-word.active{background:var(--accent);color:var(--bg-primary);font-weight:600}.char-count-warning{color:var(--danger);font-weight:600}.tts-info-actions{display:flex;gap:var(--space-sm);align-items:center}.upload-btn{background:none;border:1px solid var(--border);color:var(--text-muted);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem}.upload-btn:hover{border-color:var(--accent);color:var(--accent)}.voice-meta{display:flex;flex-direction:column;gap:4px}.voice-count-note{font-size:.75rem;color:var(--text-muted)}.tts-pronunciation{margin-top:var(--space-md)}.pron-toggle{background:none;border:1px dashed var(--border);color:var(--accent);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:500}.pron-panel{margin-top:var(--space-sm);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.pron-hint{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-sm)}.pron-form{display:flex;gap:var(--space-sm);flex-wrap:wrap}.pron-form input{flex:1;min-width:140px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:.9rem}.pron-list{list-style:none;margin:var(--space-sm) 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.pron-list li{display:flex;justify-content:space-between;align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;font-size:.85rem}.pron-list button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem}.pron-list button:hover{color:var(--danger)}@media(max-width:480px){.pron-form{flex-direction:column}.tts-info-actions{flex-wrap:wrap}}}.tts-draft-banner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;background:var(--bg-secondary);border:1px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);font-size:.9rem;color:var(--text-secondary)}.tts-draft-actions{display:flex;gap:var(--space-sm)}.draft-btn{background:none;border:1px solid var(--border);color:var(--text-muted);padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;transition:all var(--transition-fast)}.draft-btn:hover{border-color:var(--text-secondary)}.draft-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--bg-primary);font-weight:600}.draft-btn-primary:hover{opacity:.9}.tts-input-section{position:relative;transition:border-color .2s ease}.tts-input-section.dragging{border-color:var(--accent)}.drop-overlay{position:absolute;inset:0;background:var(--bg-primary);opacity:.92;border:2px dashed var(--accent);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--accent);pointer-events:none;z-index:2}.tts-reading-display{margin-top:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);line-height:1.8;color:var(--text-secondary);max-height:180px;overflow-y:auto}.reading-word{transition:background .15s ease,color .15s ease;border-radius:3px;padding:1px 2px}.reading-word.active{background:var(--accent);color:var(--bg-primary);font-weight:600}.tts-char-meter{margin-top:var(--space-md)}.char-bar-track{height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin-bottom:var(--space-xs)}.char-bar-fill{height:100%;transition:width .2s ease,background .2s ease;border-radius:2px}.char-bar-ok{background:var(--accent)}.char-bar-warn{background:#f5a623}.char-bar-over{background:var(--danger)}.char-count-warning{color:var(--danger);font-weight:600}.tts-info-actions{display:flex;gap:var(--space-sm);align-items:center}.upload-btn{background:none;border:1px solid var(--border);color:var(--text-muted);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem}.upload-btn:hover{border-color:var(--accent);color:var(--accent)}.upload-status{margin-top:var(--space-sm);padding:8px 12px;border-radius:var(--radius-sm);font-size:.85rem}.upload-status-success{background:#00c8781a;color:#0a7a4f;border:1px solid rgba(0,200,120,.3)}.upload-status-error{background:#ff4d6d1a;color:var(--danger);border:1px solid var(--danger)}.voice-meta{display:flex;flex-direction:column;gap:8px}.voice-status-row{display:flex;gap:8px;flex-wrap:wrap}.voice-status-pill{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;padding:3px 10px;border-radius:20px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted)}.pill-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted)}.pill-active{color:var(--accent);border-color:var(--accent)}.pill-active .pill-dot{background:var(--accent)}.pill-muted{opacity:.6}.tts-pronunciation{margin-top:var(--space-md)}.pron-toggle{background:none;border:1px dashed var(--border);color:var(--accent);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:500}.pron-panel{margin-top:var(--space-sm);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.pron-hint{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-sm)}.pron-form{display:flex;gap:var(--space-sm);flex-wrap:wrap}.pron-form input{flex:1;min-width:140px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:.9rem}.pron-duplicate-warning{font-size:.8rem;color:var(--danger);margin:var(--space-sm) 0 0}.pron-list{list-style:none;margin:var(--space-sm) 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.pron-list li{display:flex;justify-content:space-between;align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 10px;font-size:.85rem}.pron-list-label{background:none;border:none;color:var(--text-secondary);cursor:pointer;text-align:left;padding:4px 0;flex:1}.pron-list-label:hover{color:var(--accent)}.pron-remove-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;padding:4px 6px}.pron-remove-btn:hover{color:var(--danger)}@media(max-width:480px){.pron-form{flex-direction:column}.tts-info-actions{flex-wrap:wrap}.tts-draft-banner{flex-direction:column;align-items:flex-start}.voice-status-row{gap:6px}}.tts-script-banner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;background:#f5a62314;border:1px solid #f5a623;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);font-size:.9rem;color:var(--text-secondary)}.script-banner-note{font-size:.8rem;color:var(--text-muted);font-style:italic}.last-updated{text-align:center;padding:24px 0;border-top:1px solid var(--border);margin-top:40px}.last-updated p{color:var(--text-muted);font-size:14px;margin:0}