/* Text-only voice card: name with duration, creation time, preview, delete. */
.main[data-page=voices] .voice-workspace .voice-layout{display:block;container:voice-library / inline-size}
.main[data-page=voices] .voice-workspace .voice-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-height:none;overflow:visible;min-width:0}
.main[data-page=voices] .voice-workspace .voice-row.voice-card{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;margin:0;padding:18px 16px 14px;min-width:0;border:1px solid #ded5eb;border-radius:13px;background:#fff;box-shadow:0 2px 8px #39224904;cursor:default}
.main[data-page=voices] .voice-card .voice-card-name{display:block;min-width:0;margin:0;color:#2e2038;font-size:1.214286rem;font-weight:650;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main[data-page=voices] .voice-card .voice-card-heading{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:10px}
.main[data-page=voices] .voice-card-heading .voice-card-name{flex:0 1 auto}
.main[data-page=voices] .voice-card .voice-card-duration{flex:none;color:#84798e;font-size:0.857143rem;line-height:1.6;font-variant-numeric:tabular-nums}
.voice-card-name[data-voice-rename]{cursor:text;border-radius:3px}
.voice-card-name[data-voice-rename]:focus-visible{outline:2px solid #9b73cf;outline-offset:3px}
.voice-card-rename{flex:1;min-width:0;margin:0}
.voice-card-rename input{width:100%;min-width:0;padding:0 4px;border:1px solid #bea1e7;border-radius:4px;color:#2e2038;font-family:inherit;font-size:1.214286rem;font-weight:650;line-height:1.5;background:#fcfaff}
.voice-card-rename .form-error{display:block;font-size:0.857143rem;white-space:normal}
.voice-card-rename .form-error:empty{display:none}
.voice-card{position:relative}
.voice-card.is-default .voice-card-heading{margin-right:46px}
.voice-default-stamp{position:absolute;right:16px;top:15px;display:grid;place-items:center;width:34px;height:34px;border:1.5px solid #b69bd6;border-radius:50%;color:#9875bf;font-size:0.785714rem;letter-spacing:1px;transform:rotate(-12deg);pointer-events:none}
.main[data-page=voices] .voice-card .voice-card-created{display:flex;align-items:flex-start;gap:7px;margin:0 0 12px;color:#84798e;font-size:0.857143rem;line-height:1.6;min-width:0}
.voice-card-created>svg{margin-top:2px;flex:none}
.voice-card-created>span{min-width:0;overflow-wrap:anywhere}
.voice-card-created time{font-variant-numeric:tabular-nums}
.main[data-page=voices] .voice-card .voice-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid #eee8f3}
.main[data-page=voices] .voice-card-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:none;min-width:0;min-height:34px;margin:0;padding:6px 9px;border-radius:9px;font-size:0.857143rem;line-height:1.5;box-shadow:none;background:transparent}
.main[data-page=voices] .voice-card-actions{gap:6px}
.main[data-page=voices] .voice-card-actions .voice-card-default{color:#84798e;border:1px solid #e6dfed}
.main[data-page=voices] .voice-card-default:hover:enabled{color:#8052bc;border-color:#bea1e7;background:#fcfaff}
.main[data-page=voices] .voice-card-default[aria-pressed=true]{color:#9875bf;opacity:1;background:#faf7fd}
.main[data-page=voices] .voice-card-actions .voice-card-preview{color:#8052bc;border:1px solid #bea1e7;background:#fcfaff}
.main[data-page=voices] .voice-card-actions .voice-card-preview svg{width:15px;height:15px;fill:currentColor;stroke-width:1.4}
.main[data-page=voices] .voice-card-actions .voice-card-delete{color:#d74b55;border:1px solid #efafb6;background:#fff}
.main[data-page=voices] .voice-card-preview:hover:enabled{background:#f3ebff;border-color:#a67bdc}
.main[data-page=voices] .voice-card-delete:hover:enabled{background:#fff3f4;border-color:#e5818c}
.main[data-page=voices] .voice-card-actions .btn:focus-visible{outline:2px solid #9b73cf;outline-offset:3px}
.main[data-page=voices] .voice-card-grid>.empty{grid-column:1/-1}
@container voice-library (max-width:880px){.main[data-page=voices] .voice-workspace .voice-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container voice-library (max-width:560px){.main[data-page=voices] .voice-workspace .voice-card-grid{grid-template-columns:minmax(0,1fr)}}
@container voice-library (max-width:260px){.main[data-page=voices] .voice-card-actions{gap:4px}.main[data-page=voices] .voice-card-actions .btn{padding:6px;font-size:0.785714rem;gap:4px}.main[data-page=voices] .voice-card-actions .btn svg{width:14px;height:14px}}

/* Voice selection keeps the library card layout with preview as its only action. */
.voice-picker-dialog .voice-picker-list{gap:12px}
.voice-picker-card{position:relative;min-width:0;padding:18px 16px 14px;border:1px solid #ded5eb;border-radius:13px;background:#fff;box-shadow:0 2px 8px #39224904}
.voice-picker-card.active{border-color:#b69bd6;background:#fcfaff}
.voice-picker-card:has(.voice-picker-option:hover){border-color:#bb95ce}
.voice-picker-card .voice-picker-option{display:block;padding:0;border:0;border-radius:3px;background:transparent;color:#2e2038}
.voice-picker-card .voice-picker-option:focus-visible{outline:2px solid #9b73cf;outline-offset:5px}
.voice-picker-card .voice-card-heading{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:10px}
.voice-picker-card.is-default .voice-card-heading{margin-right:46px}
.voice-picker-card .voice-card-name{display:block;min-width:0;font-size:1.214286rem;font-weight:650;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.voice-picker-card .voice-card-duration{flex:none;color:#84798e;font-size:0.857143rem;font-variant-numeric:tabular-nums}
.voice-picker-card .voice-card-created{display:flex;align-items:flex-start;gap:7px;margin:0 0 12px;color:#84798e;font-size:0.857143rem;line-height:1.6}
.voice-picker-card .voice-card-actions{display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid #eee8f3}
.voice-picker-card .voice-card-preview{display:inline-flex;align-items:center;gap:5px;min-height:34px;margin:0;padding:6px 9px;border:1px solid #bea1e7;border-radius:9px;background:#fcfaff;color:#8052bc;font-size:0.857143rem;line-height:1.5;box-shadow:none}
.voice-picker-card .voice-card-preview svg{width:15px;height:15px;fill:currentColor;stroke-width:1.4}
.voice-picker-card .voice-card-preview:hover:enabled{background:#f3ebff;border-color:#a67bdc}
.voice-picker-card .voice-card-preview:focus-visible{outline:2px solid #9b73cf;outline-offset:3px}
.voice-picker-dialog .global-preview{position:relative;inset:auto;flex:none;width:100%;min-width:0;box-sizing:border-box;margin:0;border-radius:12px}

/* Compact selection rows and the inline audition transport. */
.voice-picker-card{display:flex;align-items:center;gap:10px;padding:10px 12px}
.voice-picker-card .voice-picker-option{display:flex;align-items:center;gap:12px;flex:1;min-width:0;width:auto;text-align:left}
.voice-picker-card .voice-card-heading{flex:1;min-width:0;margin:0;gap:8px}
.voice-picker-card.is-default .voice-card-heading{margin-right:0}
.voice-picker-card .voice-card-name{font-size:1rem}
.voice-picker-card .voice-card-created{flex:none;align-items:center;gap:5px;margin:0;font-size:.785714rem;white-space:nowrap}
.voice-picker-card .voice-card-created>span{white-space:nowrap}
.voice-picker-card .voice-card-created>svg{margin:0}
.voice-picker-card .voice-default-stamp{position:static;flex:none;width:auto;height:auto;border:0;transform:none;font-size:.714286rem;letter-spacing:0}
.voice-picker-card .voice-card-actions{flex:none;padding:0;border:0}
.voice-picker-dialog .global-preview{display:flex;flex-wrap:nowrap;gap:8px;padding:10px 12px}
.voice-picker-dialog .global-preview-song{flex:0 1 100px;max-width:100px;gap:6px}
.voice-picker-dialog .global-preview-art{display:none}
.voice-picker-dialog .global-preview .global-preview-progress{order:0;flex:1 1 0;gap:6px;min-width:80px}
.voice-picker-dialog .global-preview-volume{display:flex;flex:0 0 68px;gap:4px}
.voice-picker-dialog .global-preview-volume input{width:44px}
.voice-picker-dialog .global-preview .icon-btn{flex-shrink:0}
@media(max-width:550px){
 .voice-picker-card{gap:6px;padding:8px}
 .voice-picker-card .voice-picker-option{gap:6px}
 .voice-picker-card .voice-card-created{display:none}
 .voice-picker-dialog .global-preview{gap:5px;padding:8px}
 .voice-picker-dialog .global-preview-song{flex-basis:45px;max-width:45px}
 .voice-picker-dialog .global-preview-volume{flex-basis:36px}
 .voice-picker-dialog .global-preview-volume>svg{display:none}
 .voice-picker-dialog .global-preview-volume input{width:36px}
 .voice-picker-dialog .global-preview .global-preview-progress{gap:3px;min-width:65px}
 .voice-picker-dialog .global-preview-progress input{min-width:20px}
}