/* Scoped to this workspace: the hosted shell does not load WebUI's isolated CSS bundle. */
.sound-voice-page { box-sizing: border-box; width: calc(100% - 40px); max-width: 960px; min-width: 0; margin: 24px auto; padding: 28px; }
.sound-voice-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 24px; }
.sound-voice-header h1 { margin: 0 0 10px; }
.sound-voice-tabs, .sound-voice-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0; }
.sound-voice-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin-bottom: 20px; }
.sound-voice-page label { display: block; margin-bottom: 8px; }
.sound-voice-result { display: grid; gap: 16px; margin-top: 24px; }
.sound-voice-result audio { width: 100%; }
.sound-voice-result .btn { justify-self: start; }
.sound-voice-result small { overflow-wrap: anywhere; }
@media (max-width: 600px) { .sound-voice-header { flex-direction: column; } .sound-voice-page { width: calc(100% - 16px); margin: 12px auto; padding: 18px 12px; } }