.voice-samples-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.voice-samples-dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:100%;max-width:640px;min-height:0;max-height:90vh;display:flex}.voice-samples-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 8px;display:flex}.voice-samples-title{font-size:1.15rem;font-weight:600}.voice-samples-close{color:var(--text-muted);padding:0 4px;font-size:1.5rem;line-height:1}.voice-samples-close:hover{color:var(--text)}.voice-samples-content{min-height:0;padding:8px 20px 20px;overflow-y:auto}.voice-samples-intro,.voice-samples-hint{color:var(--text-muted);margin-bottom:12px;font-size:.85rem;line-height:1.45}.voice-samples-error{color:var(--error);margin-bottom:12px;font-size:.85rem}.voice-samples-link{color:var(--accent);font-size:inherit;font-weight:500;text-decoration:underline}.voice-samples-search{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);padding:8px 12px}.voice-samples-tabs{gap:8px;margin-bottom:10px;display:flex}.voice-samples-filters{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.voice-samples-accent{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex:0 0 160px;padding:8px 10px}.voice-samples-accent:focus,.voice-samples-search:focus{border-color:var(--accent);outline:none}.voice-samples-list{flex-direction:column;gap:8px;list-style:none;display:flex}.voice-samples-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.voice-samples-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.voice-samples-name{align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.voice-samples-current{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:var(--bg-tertiary);border-radius:999px;padding:2px 7px;font-size:.7rem;font-weight:600}.voice-samples-description{color:var(--text-muted);text-transform:capitalize;font-size:.75rem}.voice-samples-actions{flex-shrink:0;gap:8px;display:flex}
.voice-select{flex-direction:column;gap:8px;width:100%;display:flex}.voice-select-sublabel{color:var(--text-muted);font-size:.75rem;font-weight:500}.voice-select-row{align-items:stretch;gap:8px;display:flex}.voice-select-row select{flex:1;min-width:0}.voice-select-library{white-space:nowrap;flex-shrink:0}.voice-select-hint{color:var(--text-muted);margin-top:4px;font-size:.75rem}.voice-select-error{color:var(--error,#c0392b);margin-top:4px;font-size:.75rem}
.style-picker-overlay{z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.style-picker{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;width:100%;max-width:980px;max-height:85vh;display:flex;overflow:hidden}.style-picker-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.style-picker-title{font-size:1.05rem;font-weight:700}.style-picker-close{color:var(--text-muted);border-radius:var(--radius-sm);padding:2px 8px;font-size:1.4rem;line-height:1}.style-picker-close:hover{color:var(--text);background:var(--surface-hover)}.style-picker-body{padding:16px 20px 24px;overflow-y:auto}.style-picker-group{margin-bottom:18px}.style-picker-group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:10px;font-size:.78rem;font-weight:700}.style-picker-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.style-card{border-radius:var(--radius);border:2px solid var(--border);background:var(--bg-elevated);aspect-ratio:2/3;padding:0;transition:border-color .15s,transform .1s;position:relative;overflow:hidden}.style-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.style-card.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.style-card img{object-fit:cover;width:100%;height:100%;display:block}.style-card-label{color:#eef4ec;text-align:center;background:linear-gradient(#0000,#000000bf);padding:6px 8px;font-size:.76rem;font-weight:600;position:absolute;bottom:0;left:0;right:0}.style-card--text{justify-content:center;align-items:center;min-height:80px;display:flex}.style-card--text .style-card-label{color:var(--text);background:0 0;position:static}@media (max-width:720px){.style-picker-grid{grid-template-columns:repeat(2,1fr)}}
.style-trigger{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);text-align:left;align-items:center;gap:8px;padding:6px 10px 6px 6px;font-size:.92rem;transition:border-color .15s;display:flex}.style-trigger:hover:not(:disabled){border-color:var(--border-strong)}.style-trigger:disabled{opacity:.45;cursor:not-allowed}.style-trigger-thumb{object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:28px;height:42px}.style-trigger-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.style-trigger-caret{color:var(--text-muted);flex-shrink:0}
.color-scheme-select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:8px;padding:6px 10px;display:flex}.color-scheme-select:focus-within{border-color:var(--accent)}.color-scheme-dot{border:1px solid var(--border-strong);border-radius:50%;flex-shrink:0;width:16px;height:16px}.color-scheme-dropdown{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.92rem}.color-scheme-dropdown option{background:var(--surface);color:var(--text)}
.voice-speed{width:100%}.voice-speed-row{align-items:center;gap:10px;display:flex}.voice-speed-slider{min-width:0;accent-color:var(--accent);flex:1}.voice-speed-value{font-variant-numeric:tabular-nums;color:var(--text);text-align:right;flex-shrink:0;min-width:3.2em;font-size:.8rem}.voice-speed-labels{color:var(--text-muted);justify-content:space-between;margin-top:2px;font-size:.7rem;display:flex}