:root{--primary-teal: #0F766E;--accent-teal: #0d9488;--warm-gold: #D97706;--light-gold: #FBBF24;--neutral-950: #f8fafc;--neutral-900: #f1f5f9;--neutral-100: #1e293b;--neutral-50: #0f172a;--soft-bg: #f8fafc;--panel-bg: rgba(255, 255, 255, .85);--panel-border: rgba(20, 184, 166, .22);--muted-text: #64748b;--input-bg: rgba(241, 245, 249, .9);--button-secondary-bg: rgba(15, 118, 110, .08);--button-secondary-border: rgba(15, 118, 110, .3);--message-user-bg: rgba(20, 184, 166, .12);--message-assistant-bg: rgba(217, 119, 6, .1);--success: #16a34a;--warning: #d97706;--error: #dc2626;color-scheme:light;font-family:Inter,system-ui,sans-serif;background:var(--neutral-950);color:var(--neutral-50)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(20,184,166,.1),transparent 30%),radial-gradient(circle at top right,rgba(217,119,6,.08),transparent 28%),linear-gradient(180deg,#f0f9f8,#f8fafc)}button,input,textarea{font:inherit}button{cursor:pointer}.page-shell{max-width:1280px;margin:0 auto;padding:12px 32px 32px}.hero-card,.panel,.banner{border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 4px 24px #0f766e14,0 1px 4px #0000000f}.hero-card{display:flex;justify-content:space-between;gap:24px;padding:32px;border-radius:28px;margin-bottom:24px}.hero-brand-block{display:grid;gap:16px;align-content:start}.home-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 20px}.hero-logo{height:auto;display:block;width:auto;max-width:calc(100% - 60px);max-height:100px}@media (max-width: 600px){.hero-logo{max-height:90px}}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--accent-teal)}h1,h2,h3,p{margin-top:0}h1{font-size:48px;margin-bottom:12px}.hero-copy,.panel-header p,.voice-card p,.voice-preview p,.empty,.message p{color:var(--muted-text)}.voice-card p{margin:0;font-size:.82rem}.hero-actions{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-end;gap:12px}.auth-page-shell{max-width:1040px;min-height:100vh;display:grid;align-content:center;gap:24px}.auth-hero-card{align-items:center}.auth-panel{max-width:640px;margin:0 auto;width:100%}.auth-panel-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.auth-toggle-row{display:flex;gap:10px;flex-wrap:wrap}.auth-submit{width:100%}.auth-logout-button{margin-left:auto}.pill,.status-badge,.selected-voice-label{border-radius:999px;padding:10px 14px;background:#0f766e1f;border:1px solid rgba(20,184,166,.2);font-size:14px}.layout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px}.panel{padding:24px;border-radius:24px}.panel-header{margin-bottom:18px}.stack{display:grid;gap:16px}.step-field span{font-weight:700;color:var(--neutral-50)}.step-note{padding:14px 16px;border-radius:16px;background:#d9770614;border:1px solid rgba(251,191,36,.14);color:var(--muted-text)}label{display:grid;gap:8px}.password-input-wrap{position:relative}.password-input-wrap input{padding-right:56px}.password-visibility-button{position:absolute;top:50%;right:10px;transform:translateY(-50%);border:0;background:transparent;color:var(--muted-text);padding:6px;border-radius:10px}.password-visibility-button:hover{background:#14b8a61f;color:var(--neutral-50)}.confirm-password-field{padding:12px;border-radius:18px;border:1px solid rgba(251,191,36,.22);background:#d977060f}input,textarea{width:100%;border:1px solid rgba(20,184,166,.2);border-radius:16px;padding:14px 16px;background:var(--input-bg);color:var(--neutral-50)}input:focus,textarea:focus{outline:2px solid rgba(20,184,166,.26);outline-offset:1px;border-color:#14b8a67a}.primary,.secondary{border-radius:16px;padding:14px 18px;transition:transform .15s ease,opacity .15s ease,background .15s ease}.primary{border:1px solid rgba(15,118,110,.3);background:var(--primary-teal);color:#fff;font-weight:700}.secondary{background:var(--button-secondary-bg);color:var(--neutral-100);border:1px solid var(--button-secondary-border)}.primary:disabled,.secondary:disabled{opacity:.55;cursor:not-allowed}.primary:hover,.secondary:hover,.voice-card:hover{transform:translateY(-1px)}.voice-list{display:grid;gap:12px}.empty-voice-state{display:grid;gap:14px;padding:18px;border-radius:18px;border:1px dashed rgba(20,184,166,.22);background:#0f766e0f}.voice-card-row{display:flex;align-items:center;gap:8px}.voice-card-row .voice-card{flex:1}.voice-card{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;padding:16px;border-radius:18px;border:1px solid rgba(15,118,110,.16);background:#f0f9f8b3;color:inherit}.voice-card.selected{border-color:#fbbf24a8;box-shadow:inset 0 0 0 1px #d9770661}.status-badge.ready{color:var(--success)}.status-badge.pending{color:var(--warning)}.voice-preview{margin-top:18px;padding-top:18px;border-top:1px solid rgba(20,184,166,.14)}.training-ready-banner{margin-bottom:14px;padding:12px 14px;border-radius:14px;background:#14b8a61f;border:1px solid rgba(20,184,166,.2);color:var(--neutral-100)}.voice-preview-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.voice-preview audio,.generated-audio audio{width:100%;margin-top:12px}.script-panel{margin-bottom:24px}.script-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.script-card{padding:18px;border-radius:20px;border:1px solid rgba(15,118,110,.16);background:#f0f9f8b3}.script-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.script-card textarea{min-height:180px}.recording-panel{margin-bottom:24px}.recording-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.recording-summary{border-radius:999px;padding:10px 14px;background:#d977061f;border:1px solid rgba(251,191,36,.22);font-size:14px;white-space:nowrap}.recording-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.recording-diagnostics{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.recording-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.recording-toolbar-copy{color:var(--muted-text)}.recording-diagnostics span{padding:10px 12px;border-radius:14px;background:#0f766e1a;border:1px solid rgba(20,184,166,.14);color:var(--neutral-100);font-size:14px}.mic-error-inline{background:#d9262624!important;border-color:#fca5a53d!important;color:var(--error)!important}.recording-card{padding:18px;border-radius:20px;border:1px solid rgba(15,118,110,.16);background:#f0f9f8b3}.recording-card-header{display:flex;flex-direction:column;width:100%;margin-bottom:14px}.recording-card-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;align-items:center}.recording-badge{border-radius:999px;padding:8px 12px;font-size:13px;border:1px solid rgba(15,118,110,.16);background:#dcf0eecc}.recording-badge.recording{color:var(--warning)}.recording-badge.recorded{color:var(--success)}.recording-badge.idle{color:var(--muted-text)}.recording-script-preview{white-space:pre-wrap;line-height:1.6;padding:16px;border-radius:16px;background:#0f766e14;border:1px solid rgba(20,184,166,.12);color:var(--neutral-100);margin-bottom:16px}.recording-toggle{min-width:124px}.recording-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.recording-actions-group{display:flex;align-items:center;gap:6px}.recording-actions-group+.recording-actions-group{padding-left:12px;border-left:1px solid rgba(15,118,110,.15)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border-radius:10px;border:1px solid rgba(15,118,110,.4);background:#0f766e0f;color:var(--primary-teal);cursor:pointer;transition:background .15s,border-color .15s;flex-shrink:0}.icon-btn:hover:not(:disabled){background:#0f766e1f;border-color:#0f766e99}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.wizard-app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;margin-bottom:8px}.wizard-logo{height:90px;width:auto;display:block;margin:0 auto;position:absolute;left:50%;transform:translate(-50%)}.wizard-app-header{position:relative}@media (max-width: 480px){.wizard-logo{height:80px}.wizard-app-header{min-height:100px;padding:6px 16px 10px}}.wizard-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.wizard-steps{display:flex;flex-direction:column;gap:6px}.wizard-step{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:500}.wizard-step-connector{width:20px;height:1px;background:#ffffff26;flex-shrink:0}.wizard-step-dot{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.wizard-step--pending .wizard-step-dot{background:transparent;border:1px solid rgba(255,255,255,.15);color:#64748b}.wizard-step--pending .wizard-step-label{color:#64748b}.wizard-step--active .wizard-step-dot{background:var(--teal-500, #14b8a6);color:#fff}.wizard-step--active .wizard-step-label{color:#e2e8f0;font-weight:600}.wizard-step--done .wizard-step-dot{background:#22c55e26;border:1px solid rgba(34,197,94,.4);color:#4ade80}.wizard-step--done .wizard-step-label{color:#4ade80}.wizard-return-btn{flex-shrink:0}.wizard-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid rgba(15,118,110,.12)}.wizard-nav-btn{border-radius:16px;padding:12px 20px;font-size:.9rem;font-weight:600;background:var(--button-secondary-bg);border:1px solid var(--button-secondary-border);color:var(--primary-teal);transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,opacity .15s ease;cursor:pointer}.wizard-nav-btn:hover:not(:disabled){background:#0f766e24;border-color:var(--primary-teal);color:#0a5a54;transform:translateY(-1px)}.wizard-nav-btn:disabled{background:#e2e8f0b3;border-color:#94a3b84d;color:#94a3b8;opacity:.65;cursor:not-allowed}.voice-status-checklist{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding:12px 16px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.voice-status-checklist .check-done{color:#4ade80;font-size:.875rem}.voice-status-checklist .check-pending{color:#94a3b8;font-size:.875rem}.recording-complete-banner{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;margin-bottom:20px;border-radius:16px;background:linear-gradient(135deg,#22c55e1a,#14b8a61a);border:1px solid rgba(34,197,94,.3)}.recording-complete-banner-icon{font-size:2rem;line-height:1;flex-shrink:0}.recording-complete-banner h3{margin:0 0 6px;color:#4ade80;font-size:1rem}.recording-complete-banner p{margin:0;color:#94a3b8;font-size:.9rem;line-height:1.6}.recording-sticky-toolbar{position:sticky;bottom:0;z-index:40;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;margin:12px -18px -18px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(15,118,110,.12);border-radius:0 0 20px 20px;box-shadow:0 -2px 10px #0f766e0f}.recording-actions-group .icon-btn{width:44px;height:44px;border-radius:12px;background:var(--primary-teal);border-color:var(--primary-teal);color:#fff;box-shadow:0 1px 3px #0f766e40}.recording-actions-group .icon-btn:hover:not(:disabled){background:#0a5a54;border-color:#0a5a54;transform:translateY(-1px)}.recording-actions-group .icon-btn:disabled{background:#94a3b859;border-color:#94a3b859;color:#fff;opacity:.55}.recording-actions-group .rec-icon-btn{background:#ef4444;border-color:#ef4444;color:#fff}.recording-actions-group .rec-icon-btn:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.recording-actions-group .rec-icon-btn:disabled{background:#94a3b859;border-color:#94a3b859;color:#fff;opacity:.55}.script-instruction{font-style:italic;color:#94a3b8}.status-dot-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 8px;border-radius:999px;font-size:12px;font-weight:500;line-height:1;white-space:nowrap}.status-dot-pill--idle{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.25)}.status-dot-pill--active{background:#fbbf241f;color:#fbbf24;border:1px solid rgba(251,191,36,.3);animation:pulse-pill 1s ease-in-out infinite}.status-dot-pill--done{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.25)}@keyframes pulse-pill{0%,to{opacity:1}50%{opacity:.6}}.rec-icon-btn{color:#ef4444;border-color:#ef444459}.rec-icon-btn:hover:not(:disabled){background:#ef44441f;border-color:#ef444499}.rec-icon-btn:disabled{color:#ef4444;opacity:.35}.recording-playback{margin-top:16px;padding:16px;border-radius:16px;background:#d9770614}.recording-playback audio{width:100%;margin-top:10px}.library-panel{display:grid;gap:18px;margin-bottom:24px}.library-panel-header,.library-column-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.library-toggle-row{display:flex;flex-wrap:wrap;gap:10px}.library-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:20px}.library-column{display:grid;gap:16px}.library-list{display:grid;gap:12px}.content-library-card{padding:16px 18px;border-radius:16px;border:1px solid rgba(15,118,110,.14);background:#f0f9f8b3;display:flex;flex-direction:column;gap:8px}.content-library-card-header{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.content-library-preview{font-size:.82rem;color:#64748b;line-height:1.5;margin:0}.subscription-lock-card,.content-preview-card{padding:18px;border-radius:20px;border:1px solid rgba(15,118,110,.16);background:#f0f9f8b3}.subscription-lock-card{background:#d9770614;border-color:#fbbf2438}.content-preview-body{margin-top:16px;white-space:pre-wrap;line-height:1.7;max-height:360px;overflow-y:auto;padding:16px;border-radius:16px;background:#0f766e14;border:1px solid rgba(20,184,166,.12)}.content-preview-actions{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.content-preview-hint{font-size:13px;color:var(--muted-text)}.char-count-pill{display:inline-block;width:fit-content;margin-top:6px;padding:2px 8px;border-radius:999px;background:#16a34a;color:#fff;font-size:11px;font-weight:500;letter-spacing:.02em}.narration-processing{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 16px;border-radius:12px;background:#14b8a614;border:1px solid rgba(20,184,166,.2);font-size:14px;color:var(--teal-300, #5eead4)}.narration-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(20,184,166,.25);border-top-color:#14b8a6;border-radius:50%;flex-shrink:0;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.create-voice-sticky-status{position:sticky;top:0;z-index:50;background:var(--surface, #1e1e2e);border-bottom:1px solid rgba(255,255,255,.08);padding:16px 32px}.narrations-panel{display:grid;gap:18px;margin-bottom:24px}.narrations-list{display:grid;gap:14px}.narration-card{padding:18px;border-radius:20px;border:1px solid rgba(15,118,110,.16);background:#f0f9f8b3}.narration-card-header{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.narration-meta{display:flex;flex-wrap:wrap;gap:2px 6px;align-items:center;font-size:.78rem;color:#64748b}.narration-meta span+span:before{content:"·";margin-right:6px;opacity:.4}@media (max-width: 980px){.narration-meta{flex-direction:column;gap:2px;align-items:flex-start}.narration-meta span+span:before{display:none}}.narration-card-header audio{flex:1;min-width:240px;max-width:460px}.custom-audio-player{display:flex;align-items:center;gap:10px;width:100%;max-width:360px;min-width:0;background:#f0f9f8e6;border:1px solid rgba(15,118,110,.2);border-radius:12px;padding:10px 14px}.cap-play-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#14b8a633;border:1px solid rgba(20,184,166,.35);color:#14b8a6;cursor:pointer;transition:background .15s ease}.cap-play-btn:hover{background:#14b8a659}.cap-progress-track{flex:1;height:4px;background:#0f766e2e;border-radius:2px;cursor:pointer;position:relative;min-width:0}.cap-progress-fill{height:100%;background:#14b8a6;border-radius:2px;pointer-events:none;transition:width .1s linear}.cap-time{flex-shrink:0;font-size:.75rem;color:#475569;font-variant-numeric:tabular-nums;white-space:nowrap}.conversation-panel{display:grid;gap:18px}.landing-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.landing-card{width:min(100%,520px);padding:40px 32px;border-radius:28px;background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:0 4px 24px #0f766e14,0 1px 4px #0000000f}.landing-logo{width:min(100%,280px);height:auto;margin-bottom:24px}.landing-card h1{font-size:32px;margin-bottom:14px;color:var(--neutral-50)}.landing-tagline{font-size:1.05rem;color:var(--muted-text);margin-bottom:24px;line-height:1.6}.landing-notify{font-size:.9rem;color:var(--muted-text);margin-bottom:12px}.landing-form{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.landing-form input{flex:1;min-width:220px;padding:12px 14px;border-radius:12px;border:1px solid rgba(15,118,110,.25);background:var(--input-bg);color:var(--neutral-50)}.landing-backdoor{margin-top:24px}.prompt-row{display:flex;flex-wrap:wrap;gap:10px}.chat-window{min-height:280px;max-height:460px;overflow-y:auto;padding:16px;border-radius:20px;background:#f0f9f8b3;border:1px solid rgba(15,118,110,.12)}.message{max-width:75%;padding:14px 16px;border-radius:20px;margin-bottom:14px}.message span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;color:var(--accent-teal)}.message.user{margin-left:auto;background:var(--message-user-bg)}.message.assistant{background:var(--message-assistant-bg)}.composer-row{display:grid;grid-template-columns:1fr auto;gap:14px}.generated-audio{padding:18px;border-radius:20px;background:#d9770614}.banner{margin-top:18px;padding:16px 18px;border-radius:18px}.banner.success{color:var(--success)}.banner.error{color:var(--error)}.app-top-bar{display:flex;justify-content:flex-end;padding:12px 16px 0}.hamburger-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#0f766e14;border:1px solid rgba(15,118,110,.2);color:var(--primary-teal);cursor:pointer;flex-shrink:0;transition:background .15s ease}.hamburger-btn:hover{background:#0f766e24}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.menu-drawer{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;background:#fffffff7;border-left:1px solid rgba(15,118,110,.18);z-index:101;display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.menu-drawer--open{transform:translate(0)}.menu-drawer-header{padding:28px 24px 20px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;gap:4px}.menu-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:none;border:1px solid rgba(0,0,0,.1);color:#94a3b8;cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.menu-close-btn:hover{background:#0000000d;color:#334155}.menu-user-label{font-size:.72rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.menu-user-email{font-size:.88rem;color:#1e293b;word-break:break-all}.menu-nav{flex:1;display:flex;flex-direction:column;padding:12px 0;overflow-y:auto}.menu-nav-item{display:flex;align-items:center;gap:12px;padding:14px 24px;font-size:.95rem;color:#334155;background:none;border:none;cursor:pointer;text-align:left;transition:background .12s ease,color .12s ease}.menu-nav-item:hover{background:#0f766e12;color:#0f766e}.menu-drawer-footer{padding:16px 24px 32px;border-top:1px solid rgba(0,0,0,.06)}.menu-logout-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 0;font-size:.9rem;color:#f87171;background:none;border:none;cursor:pointer;transition:opacity .15s ease}.menu-logout-btn:hover{opacity:.75}@media (max-width: 980px){.layout-grid,.composer-row,.hero-card,.script-grid,.recording-grid{grid-template-columns:1fr;display:grid}.recording-panel-header,.script-card-header,.library-panel-header,.library-column-header{display:grid}.recording-card-header{flex-direction:column;gap:10px}.recording-card-header-actions{justify-content:flex-start}.recording-toolbar{display:grid}.library-grid{grid-template-columns:1fr}.auth-panel-header{display:grid}.message{max-width:100%}.page-shell{padding:8px 20px 20px}}.create-narration-panel{display:flex;flex-direction:column;gap:24px}.narration-form-section{display:flex;flex-direction:column;gap:12px}.narration-form-section h3{margin:0;font-size:1rem;color:var(--neutral-100)}.voice-selection-list,.content-selection-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.voice-selection-card,.content-selection-card{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:16px;border:1px solid rgba(15,118,110,.16);background:#f0f9f8b3;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.voice-selection-card:hover,.content-selection-card:hover{border-color:#0f766e66;background:#f0f9f8e6;transform:translateY(-1px)}.voice-selection-card--selected,.content-selection-card--selected{border-color:var(--primary-teal);background:#0f766e14;box-shadow:inset 0 0 0 1px var(--primary-teal)}.voice-selection-card input,.content-selection-card input{margin-top:4px;accent-color:var(--primary-teal)}.voice-selection-info,.content-selection-info{display:flex;flex-direction:column;gap:4px;flex:1}.voice-selection-info strong,.content-selection-info strong{font-size:.95rem;color:var(--neutral-100)}.voice-selection-info span,.content-selection-info span{font-size:.82rem;color:var(--muted-text);line-height:1.4}.narration-title-input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(15,118,110,.25);background:var(--input-bg);color:var(--neutral-100);font-size:.95rem}.narration-title-input:focus{outline:none;border-color:var(--primary-teal);box-shadow:0 0 0 3px #0f766e14}.narration-result{display:flex;flex-direction:column;gap:20px}.narration-result-player{padding:16px;border-radius:16px;background:#f0f9f8b3;border:1px solid rgba(15,118,110,.16)}.narration-select{width:100%;padding:12px 40px 12px 14px;border-radius:14px;border:1px solid rgba(15,118,110,.25);background:var(--input-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230F766E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px 18px;color:var(--neutral-100);font-size:.95rem;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.narration-select:focus{outline:none;border-color:var(--primary-teal);box-shadow:0 0 0 3px #0f766e14}.narration-selection-preview{margin:0;font-size:.85rem;color:var(--muted-text);line-height:1.5}.narration-card-actions{display:flex;justify-content:flex-start;margin-top:12px;padding-top:12px;border-top:1px solid rgba(15,118,110,.12)}.narrations-panel-header,.content-library-panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.narration-download-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;border:1px solid var(--button-secondary-border);background:var(--button-secondary-bg);color:var(--primary-teal);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.narration-download-btn:hover:not(:disabled){background:#0f766e24;border-color:var(--primary-teal);transform:translateY(-1px)}.narration-download-btn:disabled{opacity:.6;cursor:not-allowed}