/* ═══════════ v30 · voz neural no player ═══════════
   Só o seletor "Neural | Sistema" e a troca dos campos que aparecem em
   cada modo. O resto da barra continua como estava.                      */

.tts-field.tts-motor-field{flex:0 0 auto}
#tts-v9 .tts-motor{display:inline-flex;height:34px;padding:2px;border:1px solid var(--pgln,#e2e2e2);border-radius:10px;gap:2px;box-sizing:border-box}
#tts-v9 .tts-motor button{height:28px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--pgmu,#7a7a7a);font:inherit;font-size:12px;letter-spacing:0;text-transform:none;cursor:pointer;transition:background .16s ease,color .16s ease}
#tts-v9 .tts-motor button.on{background:var(--pguitx,#232323);color:var(--pgui,#fafaf9)}
.tts-field.tts-neural-field{flex:1 1 150px;max-width:210px}

/* Neural: some o idioma e a voz do sistema. Sistema: some a voz neural. */
#tts-v9[data-motor="neural"] .tts-lang-field,#tts-v9[data-motor="neural"] .tts-voice-field{display:none}
#tts-v9[data-motor="sistema"] .tts-neural-field,#tts-v9:not([data-motor]) .tts-neural-field{display:none}

@media(max-width:600px){
 #tts-v9 .tts-motor{height:32px}
 #tts-v9 .tts-motor button{height:26px;padding:0 8px;font-size:11.5px}
 .tts-field.tts-neural-field{flex:1 1 104px}
}
@media (prefers-reduced-motion:reduce){#tts-v9 .tts-motor button{transition:none}}