.voice-panel{display:block;width:100%;margin:14px 0 20px;padding:18px;border:1px solid var(--line,#cbdacf);border-radius:12px;background:var(--soft,#eef6f0);color:var(--ink,#183d33);overflow-wrap:anywhere}
.voice-heading{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:10px}
.voice-heading h3{margin:0;font-size:1rem;flex:1}
.voice-close{flex:0 0 44px;width:44px;min-height:44px;padding:4px;font-size:1.4rem;line-height:1}
.voice-status{margin:8px 0;font-size:.85rem;line-height:1.6}
.voice-counter{margin:4px 0 12px;font-size:.75rem;color:var(--muted,#526b5d);font-variant-numeric:tabular-nums}
.voice-panel label{display:block;font-size:.8rem;line-height:1.5;margin-bottom:8px;font-weight:600}
.voice-panel .voice-preview{display:block;width:100%;min-height:130px;padding:12px;border:1px solid #a9bfb1;border-radius:8px;background:#fff;color:var(--ink,#183d33);font:inherit;font-size:16px;line-height:1.6;resize:vertical}
.voice-panel .voice-preview[readonly]{background:#f7faf8}
.voice-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}
.voice-panel [hidden]{display:none!important}
.voice-panel :focus-visible{outline:3px solid #008c69;outline-offset:3px}
.voice-panel .form-note{margin:14px 0 0}
@media(max-width:520px){.voice-panel{padding:14px}.voice-actions>.button{flex:1 1 130px;min-height:44px}.voice-heading .voice-close{flex:0 0 44px}}