/* Espaçamento entre os painéis (Leitor e Barra de ferramentas) */
.container > .panel + .panel { margin-top: 12px; }

/* LEITOR: responsivo e confortável */
textarea.input { width:100%; resize:vertical; min-height:3.5em }
#leitor .controls { flex-direction: column; gap: 12px; }
#leitor .controls > label { width: 100%; }
#leitor .controls > div { width: 100%; display: flex; gap: 8px; }
#leitor .controls > div > .button { flex: 1; }
#leitor textarea.input { min-height: 6.5em; }

/* Barra de ferramentas mais compacta */
section[aria-label="Configurações de voz"].panel { padding: 10px 12px; }