/* script/: write a voice script and make its voice (README.md). */
main { max-width: 64rem; margin: 0 auto; padding: 0 16px 40px; }
.picker select { flex: 1; min-width: 10rem; color: var(--text); background: var(--panel);
  border: 1px solid var(--line); border-radius: 10px; padding: 8px 10px; }
.sides { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 44rem) { .sides { grid-template-columns: 1fr; } }
.side textarea { min-height: 16rem; line-height: 1.5; }
.voices { display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: 8px; }
.voice { display: flex; align-items: center; gap: 8px; background: var(--panel); border: 1px solid var(--line);
  border-radius: 12px; padding: 8px 10px; cursor: pointer; }
.voice.chosen { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent) inset; }
.voice input { margin: 0; }
.voice .grow { flex: 1; font-size: .92rem; }
#result audio { width: 100%; margin-top: 8px; }