.tts-wrap{display:grid;grid-template-columns:1fr 320px;gap:20px;margin-bottom:28px}.tts-main{display:flex;flex-direction:column;gap:14px}.tts-editor-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.tts-textarea{width:100%;min-height:220px;padding:12px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:.95rem;line-height:1.6;resize:vertical}.tts-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.tts-editor-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.tts-char-count{font-size:.78rem;color:var(--text-muted)}.tts-copy-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.tts-copy-btn:hover{color:var(--primary);border-color:var(--primary)}.tts-audio{width:100%;margin:4px 0 0;border-radius:var(--radius-sm)}.tts-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tts-btn-primary{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;font-family:inherit;font-size:.98rem;font-weight:700;cursor:pointer;transition:all .2s}.tts-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d}.tts-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.tts-btn-primary.playing{background:linear-gradient(135deg,#ef4444,#dc2626)}.tts-btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-family:inherit;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s}.tts-btn-secondary:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.tts-btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.tts-side{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;gap:18px}.tts-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:6px}.tts-voice-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text);font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.tts-voice-btn:hover{border-color:var(--primary)}.tts-voice-hint{font-size:.72rem;color:var(--text-muted);margin-top:6px}.tts-voice-hint a{color:var(--primary);text-decoration:none;font-weight:500}.tts-voice-hint a:hover{text-decoration:underline}.tts-row{display:flex;flex-direction:column;gap:6px}.tts-row-hdr{display:flex;justify-content:space-between;align-items:center}.tts-row-name{font-size:.85rem;font-weight:500}.tts-row-val{font-size:.72rem;font-weight:700;color:var(--primary);background:#6366f11a;padding:2px 9px;border-radius:20px}.tts-slider{width:100%;height:5px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:3px;cursor:pointer}.tts-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer}.tts-browse-all-link{display:block;padding:10px 12px;text-align:center;font-size:.82rem;color:var(--primary);border:1px dashed var(--border);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition)}.tts-browse-all-link:hover{background:var(--bg-subtle);border-color:var(--primary)}.tts-pro-card{display:flex;align-items:center;gap:24px;background:linear-gradient(135deg,#6366f114,#8b5cf614);border-color:var(--primary)}.tts-pro-text{flex:1}.tts-pro-text h2{margin-bottom:8px}.tts-pro-text p{margin-bottom:0}.tts-pro-cta{flex-shrink:0;padding:12px 22px;background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;border-radius:var(--radius-md);font-weight:700;font-size:.92rem;text-decoration:none;transition:all .2s}.tts-pro-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d}.vp-overlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(4px);display:none;align-items:flex-start;justify-content:center;z-index:10000;padding:60px 20px 20px}.vp-overlay.open{display:flex}.vp-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:720px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.vp-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.vp-title{font-size:1.05rem;font-weight:700;margin:0}.vp-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:50%;cursor:pointer}.vp-close:hover{color:var(--text)}.vp-search{margin:14px 20px 8px;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text);font-family:inherit;font-size:.92rem}.vp-search:focus{outline:none;border-color:var(--primary);background:var(--surface)}.vp-list{padding:8px 20px 20px;overflow-y:auto}.vp-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin:12px 0 8px}.vp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.vp-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;font-size:.86rem;transition:all var(--transition)}.vp-item:hover{border-color:var(--primary)}.vp-item.active{border-color:var(--primary);background:#6366f114}.vp-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vp-gender{font-size:.68rem;padding:2px 6px;border-radius:4px}.vp-gender.male{background:#3b82f626;color:#3b82f6}.vp-gender.female{background:#ec489926;color:#ec4899}.vp-preview{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-muted);border-radius:50%;cursor:pointer;font-size:.7rem;padding:0}.vp-preview:hover{color:var(--primary);border-color:var(--primary)}.vp-empty{padding:32px;text-align:center;color:var(--text-muted);font-size:.9rem}@media(max-width:760px){.tts-wrap{grid-template-columns:1fr}.tts-pro-card{flex-direction:column;align-items:flex-start;text-align:left}.vp-overlay{padding:20px}}[dir=rtl] .tts-pro-card{text-align:right}