.narrator-header{margin-bottom:2rem}.header-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.page-title{font-size:2.25rem;font-weight:800;letter-spacing:-0.025em;margin-bottom:0.45rem}.page-subtitle{color:var(--text-secondary);font-size:0.98rem;max-width:780px;line-height:1.6}.cloud-cluster-badge{display:inline-flex;align-items:center;gap:0.75rem;background:var(--bg-surface);border:1px solid var(--border-strong);padding:0.55rem 1rem;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.25);white-space:nowrap}.status-pulse-dot{width:9px;height:9px;background-color:var(--accent-emerald);border-radius:50%;box-shadow:0 0 10px rgba(16,185,129,0.8);animation:statusPulse 2s infinite ease-in-out}@keyframes statusPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:0.7}}.cluster-info{display:flex;flex-direction:column}.cluster-title{font-size:0.78rem;font-weight:800;color:var(--text-primary);letter-spacing:0.02em}.cluster-meta{font-size:0.68rem;color:var(--accent-emerald);font-family:var(--font-mono)}.ai-engine-tag{background:rgba(16,185,129,0.1) !important;border-color:rgba(16,185,129,0.3) !important;color:var(--accent-emerald) !important}.narrator-workspace-grid{display:grid;grid-template-columns:1fr 340px;gap:1.75rem;align-items:start}@media (max-width:980px){.narrator-workspace-grid{grid-template-columns:1fr}}.editor-column{display:flex;flex-direction:column;min-height:600px}.text-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-subtle);margin-bottom:1.25rem;flex-wrap:wrap}.text-metrics{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap}.metric-pill{font-size:0.78rem;font-weight:600;color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-strong);padding:0.25rem 0.65rem;border-radius:var(--radius-full)}.metric-pill.highlight{color:var(--dev-blue-400);border-color:rgba(13,82,247,0.3);background:rgba(13,82,247,0.08)}.metric-pill span{font-weight:700;color:var(--text-primary)}.metric-pill.highlight span{color:var(--dev-blue-400)}.text-actions{display:flex;align-items:center;gap:0.5rem}.textarea-wrapper{flex-grow:1;position:relative;display:flex;flex-direction:column}.narrator-textarea{width:100%;min-height:440px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:1.5rem;font-family:var(--font-sans);font-size:1.05rem;line-height:1.75;color:var(--text-primary);resize:vertical;outline:none;transition:var(--transition)}.narrator-textarea:focus{border-color:var(--dev-blue);box-shadow:0 0 0 3px rgba(13,82,247,0.15)}.spell-panel{background:var(--bg-surface-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.25rem;animation:fadeIn 0.2s ease-out}.spell-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.85rem}.spell-title-box{display:flex;align-items:center;gap:0.5rem;font-size:0.88rem;font-weight:700;color:var(--dev-blue-400)}.spell-title-box svg{width:18px;height:18px}.btn-close-panel{background:transparent;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;line-height:1;transition:var(--transition)}.btn-close-panel:hover{color:var(--text-primary)}.spell-suggestions-list{display:flex;flex-direction:column;gap:0.5rem;max-height:180px;overflow-y:auto}.spell-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface);border:1px solid var(--border-subtle);padding:0.5rem 0.85rem;border-radius:var(--radius-sm);font-size:0.84rem}.spell-item-word{color:var(--accent-rose);font-weight:600;text-decoration:line-through}.spell-item-fix{color:var(--accent-emerald);font-weight:700;cursor:pointer;padding:0.2rem 0.5rem;border-radius:var(--radius-sm);background:var(--accent-emerald-bg);border:1px solid rgba(16,185,129,0.25);transition:var(--transition)}.spell-item-fix:hover{transform:scale(1.05)}.reading-strip{margin-top:1.25rem;padding:1rem 1.25rem;background:rgba(13,82,247,0.08);border:1px solid rgba(13,82,247,0.25);border-radius:var(--radius-md);animation:fadeIn 0.25s ease-out}.reading-indicator{display:flex;align-items:center;gap:0.5rem;font-size:0.78rem;font-weight:700;color:var(--dev-blue-400);margin-bottom:0.35rem;text-transform:uppercase;letter-spacing:0.05em}.reading-active-sentence{font-size:0.95rem;font-style:italic;color:var(--text-primary);line-height:1.5}.controls-column{display:flex;flex-direction:column;gap:1.5rem}.panel-section-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);padding-bottom:0.75rem;border-bottom:1px solid var(--border-subtle)}.control-slider-group{display:flex;flex-direction:column;gap:0.45rem}.slider-header{display:flex;align-items:center;justify-content:space-between}.slider-value{font-family:var(--font-mono);font-size:0.85rem;font-weight:700;color:var(--dev-blue-400)}.range-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-full);background:var(--bg-surface-elevated);border:1px solid var(--border-strong);outline:none;cursor:pointer}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--dev-blue);box-shadow:0 0 10px var(--dev-blue-glow);cursor:pointer;border:2px solid #FFFFFF;transition:transform 0.15s ease}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-labels{display:flex;justify-content:space-between;font-size:0.72rem;color:var(--text-muted)}.playback-actions{display:flex;gap:0.75rem;margin-top:0.5rem}.btn-playback{flex-grow:1;padding:0.85rem 1.25rem;font-size:0.95rem}.btn-stop{padding:0.85rem 1rem}.export-box{margin-top:0.5rem;padding-top:1.25rem;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:0.65rem}.export-status-text{font-size:0.78rem;color:var(--text-muted);text-align:center}.w-full{width:100%}.studio-audio-player-card{margin-top:1.5rem;padding:1.25rem 1.5rem;background:linear-gradient(180deg,var(--bg-surface-elevated) 0%,var(--bg-surface) 100%);border:1px solid rgba(13,82,247,0.35);border-radius:var(--radius-lg);box-shadow:0 12px 30px rgba(0,0,0,0.35),0 0 20px rgba(13,82,247,0.15);animation:fadeIn 0.3s ease-out}.player-top-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.75rem;flex-wrap:wrap;gap:0.5rem}.player-track-info{display:flex;align-items:center;gap:0.65rem}.player-live-indicator{width:8px;height:8px;background:var(--accent-emerald);border-radius:50%;box-shadow:0 0 8px rgba(16,185,129,0.7);animation:statusPulse 1.8s infinite ease-in-out}.player-track-title{font-size:0.88rem;font-weight:700;color:var(--text-primary)}.player-voice-tag{font-size:0.74rem;color:var(--dev-blue-400);background:rgba(13,82,247,0.1);border:1px solid rgba(13,82,247,0.25);padding:0.15rem 0.55rem;border-radius:var(--radius-full)}.player-time-display{font-family:var(--font-mono);font-size:0.82rem;color:var(--text-muted)}.player-time-display span{color:var(--text-primary);font-weight:600}.player-progress-container{margin:0.85rem 0 1rem 0}.player-seek-slider{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:var(--radius-full);background:var(--border-strong);outline:none;cursor:pointer}.player-seek-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--dev-blue);cursor:pointer;border:2px solid #FFFFFF;transition:transform 0.15s ease}.player-seek-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.player-bottom-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.player-playback-group{display:flex;align-items:center;gap:0.5rem}.highlight-btn{border-color:rgba(16,185,129,0.4) !important;color:var(--accent-emerald) !important;background:rgba(16,185,129,0.08) !important}.highlight-btn:hover{background:rgba(16,185,129,0.16) !important;border-color:var(--accent-emerald) !important}.panel-header-with-action{display:flex;align-items:center;justify-content:space-between;padding-bottom:0.75rem;border-bottom:1px solid var(--border-subtle)}.panel-header-with-action .panel-section-title{padding-bottom:0;border-bottom:none}.btn-icon-subtle{display:inline-flex;align-items:center;gap:0.35rem;background:transparent;border:1px solid var(--border-subtle);padding:0.3rem 0.65rem;border-radius:var(--radius-sm);color:var(--text-muted);font-size:0.76rem;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-icon-subtle svg{width:14px;height:14px}.btn-icon-subtle:hover{color:var(--dev-blue-400);border-color:var(--dev-blue);background:rgba(13,82,247,0.08)}.accent-filter-select{font-weight:600;border-color:rgba(13,82,247,0.3)}.voice-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.35rem}.btn-preview-link{display:inline-flex;align-items:center;gap:0.3rem;background:none;border:none;color:var(--dev-blue-400);font-size:0.76rem;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-preview-link svg{width:14px;height:14px}.btn-preview-link:hover{color:#93C5FD;text-decoration:underline}.voice-meta-card{margin-top:0.5rem;padding:0.65rem 0.85rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:0.25rem}.voice-badge-tag{font-size:0.7rem;font-weight:700;color:var(--accent-emerald);text-transform:uppercase;letter-spacing:0.04em}.voice-style-text{font-size:0.78rem;color:var(--text-secondary);line-height:1.4}.acoustic-box{padding:0.75rem 0.95rem;background:rgba(13,82,247,0.05);border:1px solid rgba(13,82,247,0.2);border-radius:var(--radius-md)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:0.75rem}.switch-info{display:flex;flex-direction:column}.switch-title{font-size:0.82rem;font-weight:700;color:var(--text-primary)}.switch-desc{font-size:0.72rem;color:var(--text-muted)}.toggle-switch{position:relative;display:inline-block;width:42px;height:22px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.slider-round{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-surface-elevated);border:1px solid var(--border-strong);transition:0.25s;border-radius:34px}.slider-round:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:var(--text-secondary);transition:0.25s;border-radius:50%}input:checked + .slider-round{background-color:var(--dev-blue);border-color:var(--dev-blue)}input:checked + .slider-round:before{transform:translateX(20px);background-color:#FFFFFF}.cloud-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(3,7,18,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem;animation:fadeIn 0.2s ease-out}.cloud-modal-card{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:100%;max-width:480px;padding:2.25rem 2rem;position:relative;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,0.6),0 0 35px rgba(13,82,247,0.2);display:flex;flex-direction:column;align-items:center;text-align:center}.cloud-modal-glow{position:absolute;top:-50px;left:50%;transform:translateX(-50%);width:260px;height:140px;background:radial-gradient(circle,rgba(13,82,247,0.35) 0%,transparent 70%);pointer-events:none;filter:blur(35px)}.cloud-modal-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.cloud-brand-mini{display:flex;align-items:center;gap:0.5rem;font-size:0.74rem;font-weight:800;color:var(--text-primary);letter-spacing:0.05em}.cloud-server-tag{font-family:var(--font-mono);font-size:0.72rem;color:var(--accent-emerald);background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.25);padding:0.2rem 0.55rem;border-radius:var(--radius-full)}.cloud-visual-processing{position:relative;margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center}.neural-soundwave-bars{display:flex;align-items:center;gap:6px;height:48px;margin-bottom:0.85rem}.n-bar{width:6px;background:linear-gradient(180deg,#60A5FA 0%,#0D52F7 100%);border-radius:var(--radius-full);animation:barPulse 1s infinite ease-in-out}.n-bar:nth-child(1){height:18px;animation-delay:0.1s}.n-bar:nth-child(2){height:32px;animation-delay:0.25s}.n-bar:nth-child(3){height:46px;animation-delay:0.15s}.n-bar:nth-child(4){height:26px;animation-delay:0.35s}.n-bar:nth-child(5){height:40px;animation-delay:0.05s}.n-bar:nth-child(6){height:48px;animation-delay:0.3s}.n-bar:nth-child(7){height:30px;animation-delay:0.2s}.n-bar:nth-child(8){height:20px;animation-delay:0.4s}@keyframes barPulse{0%,100%{transform:scaleY(0.4);opacity:0.5}50%{transform:scaleY(1.1);opacity:1;filter:drop-shadow(0 0 6px rgba(13,82,247,0.6))}}.cloud-percent-display{font-family:var(--font-mono);font-size:1.85rem;font-weight:800;color:var(--text-primary);letter-spacing:-0.02em}.cloud-step-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:0.35rem}.cloud-step-desc{font-size:0.85rem;color:var(--text-secondary);margin-bottom:1.75rem;max-width:380px;min-height:2.2rem}.cloud-progress-track{width:100%;height:8px;background:var(--bg-surface-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-full);overflow:hidden;margin-bottom:1.75rem}.cloud-progress-fill{width:0%;height:100%;background:linear-gradient(90deg,#0D52F7 0%,#38BDF8 100%);border-radius:var(--radius-full);transition:width 0.15s ease-out;box-shadow:0 0 12px rgba(13,82,247,0.6)}.cloud-modal-footer{width:100%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-subtle);padding-top:1.15rem}.cipher-badge{font-size:0.72rem;color:var(--text-muted)}.btn-cancel-link{background:none;border:none;color:var(--text-muted);font-size:0.8rem;cursor:pointer;transition:var(--transition)}.btn-cancel-link:hover{color:var(--accent-rose)}.pro-settings-card{text-align:left;align-items:stretch}.modal-close-btn{align-self:flex-end;font-size:1.5rem;color:var(--text-muted);cursor:pointer;line-height:1;margin-top:-0.5rem;margin-bottom:0.5rem}.modal-close-btn:hover{color:var(--text-primary)}.pro-modal-title{font-size:1.25rem;font-weight:800;margin-bottom:0.45rem}.pro-modal-desc{font-size:0.85rem;color:var(--text-secondary);line-height:1.55}.input-hint{font-size:0.72rem;color:var(--text-muted);margin-top:0.35rem;display:block}.pro-modal-actions{margin-top:1.5rem}