.narrator.lab-app .mm-body{gap:20px}.narrator .nr-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:20px 28px;align-items:start}.narrator .nr-writing{display:flex;flex-direction:column;gap:14px;min-width:0}.narrator .nr-editor{min-width:0}.narrator .nr-picker{grid-column:2;min-width:0;border-left:1px solid var(--lab-line);padding-left:28px}.narrator .nr-controls{grid-column:1;gap:6px}.narrator .nr-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.narrator .nr-heading h3{margin:0;color:var(--lab-text);font:600 13px/1.5 var(--lab-ui)}.narrator.lab-app .mm-text{min-height:168px;font-size:15px;line-height:1.7}.narrator .nr-field-foot{display:flex;align-items:center;gap:8px 12px;padding:6px 12px 10px}.narrator .mm-chips{flex:1;min-width:0;align-items:center}.narrator .nr-try{margin-right:2px;color:var(--lab-muted);font:12px/1.5 var(--lab-ui)}.narrator .nr-count{flex:none;margin-left:auto;color:var(--lab-muted);font:11.5px var(--font);font-variant-numeric:tabular-nums;white-space:nowrap}.narrator .mm-say-row{justify-content:space-between;gap:12px 16px}.narrator .mm-exag input{width:120px}.narrator .mm-say{margin-left:auto}.narrator .nr-langs{display:flex;flex-wrap:wrap;gap:6px}.narrator .nr-langs[hidden]{display:none}.narrator .nr-langs button{min-height:30px;padding:4px 12px;border:1px solid var(--lab-line);border-radius:999px;background:transparent;color:var(--lab-text-2);font:12px/1.4 var(--lab-ui);cursor:pointer}.narrator .nr-langs [aria-checked=true]{border-color:var(--lab-accent);background:var(--lab-selected);color:var(--lab-text);font-weight:500}.narrator .nr-voices{display:flex;flex-direction:column;gap:6px}.narrator .nr-voices.expanded{max-height:264px;overflow-y:auto;scrollbar-gutter:stable;padding-right:4px}.narrator .nr-voices>p{margin:0}.narrator .nr-voices button{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1px 10px;min-height:52px;padding:8px 12px;border:1px solid var(--lab-line);border-radius:10px;background:var(--lab-surface);box-shadow:var(--lab-card-shadow);color:var(--lab-text);text-align:left;cursor:pointer}.narrator .nr-voices button:focus-visible{outline-offset:-2px}.narrator .nr-voices b{overflow:hidden;color:var(--lab-text);font:600 13px/1.4 var(--lab-ui);text-overflow:ellipsis;white-space:nowrap}.narrator .nr-voices span{grid-column:1;overflow:hidden;color:var(--lab-muted);font:11.5px/1.4 var(--lab-ui);text-overflow:ellipsis;white-space:nowrap}.narrator .nr-voices i{grid-column:2;grid-row:1 / span 2;color:var(--lab-accent);font:600 13px var(--lab-ui);font-style:normal}.narrator .nr-voices [aria-checked=true]{border-color:var(--lab-accent);background:var(--lab-selected)}.narrator .nr-voices [aria-checked=true] span{color:var(--lab-text-2)}.narrator :is(.nr-voices,.nr-langs) button:disabled{cursor:wait;opacity:.6}.narrator .nr-voice-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.narrator :is(.nr-expand,.nr-preview){min-height:30px;padding:5px 12px;border:1px solid var(--lab-line);border-radius:999px;background:transparent;color:var(--lab-text-2);font:12px/1.4 var(--lab-ui);cursor:pointer}.narrator .nr-expand[hidden]{display:none}.narrator .nr-preview{margin-left:auto}.narrator .nr-preview:disabled{color:var(--lab-muted);cursor:wait;opacity:.7}@media(hover:hover){.narrator :is(.nr-langs,.nr-voices) button:not([aria-checked=true]):not(:disabled):hover,.narrator :is(.nr-expand,.nr-preview):not(:disabled):hover{border-color:var(--lab-line-strong);background:var(--lab-hover);color:var(--lab-text)}}.narrator .nr-search{width:100%;box-sizing:border-box;padding:7px 14px;border:1px solid var(--lab-line);border-radius:999px;background:var(--lab-field);color:var(--lab-text);font:13px/1.5 var(--lab-ui)}.narrator .nr-search[hidden]{display:none}.narrator .mm-pick select{max-width:420px}@container (max-width: 680px){.narrator .nr-workspace{grid-template-columns:minmax(0,1fr);gap:20px}.narrator .nr-writing{display:contents}.narrator .nr-editor{order:1}.narrator .nr-picker{order:2;grid-column:1;padding-left:0;border-left:0}.narrator .nr-controls{order:3;position:sticky;bottom:-22px;z-index:2;padding:12px 0 22px;background:var(--lab-bg);box-shadow:0 -12px 12px -6px var(--lab-bg)}.narrator.lab-app .mm-text{min-height:128px}.narrator .nr-voices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.narrator .nr-voices>p{grid-column:1 / -1}.narrator .mm-say{flex-basis:100%}}@media(max-width:640px){.narrator .nr-controls{bottom:-18px;padding-bottom:18px}.narrator .mm-pick select{max-width:none}}@media(max-width:640px),(pointer:coarse){.narrator.lab-app .mm-text,.narrator .nr-search{font-size:16px}.narrator :is(.mm-chips,.nr-langs) button,.narrator :is(.nr-expand,.nr-preview){min-height:40px}}