Update app.py and voice styles (female2, male1)

app.py

@@ -902,70 +902,15 @@ body, .gradio-container {
 
 /* Dropdown styling */
 .ctrl-lang .gradio-dropdown > label > div,
-.ctrl-lang .gradio-dropdown > label > div > div {
+.ctrl-lang .gradio-dropdown > label > div > div,
+.ctrl-voice .gradio-dropdown > label > div,
+.ctrl-voice .gradio-dropdown > label > div > div {
     background: #0d0d14 !important;
     border: 1px solid #2a2a3e !important;
     border-radius: 8px !important;
     color: #e8e8f0 !important;
 }
 
-/* Voice radio — pill buttons */
-.ctrl-voice .gradio-radio fieldset {
-    border: none !important;
-    padding: 0 !important;
-    margin: 0 !important;
-}
-.ctrl-voice .gradio-radio fieldset > div {
-    display: flex !important;
-    flex-direction: row !important;
-    flex-wrap: wrap !important;
-    gap: 0.4rem !important;
-    margin-top: 0.35rem !important;
-}
-.ctrl-voice .gradio-radio fieldset > div > label {
-    flex: 1 !important;
-    min-width: 80px !important;
-    display: flex !important;
-    align-items: center !important;
-    justify-content: center !important;
-    height: 36px !important;
-    background: #0d0d14 !important;
-    border: 1px solid #2a2a3e !important;
-    border-radius: 8px !important;
-    cursor: pointer !important;
-    transition: border-color 0.15s, background 0.15s !important;
-    padding: 0 0.75rem !important;
-    gap: 0.4rem !important;
-}
-.ctrl-voice .gradio-radio fieldset > div > label:has(input:checked) {
-    background: #0f1f3d !important;
-    border-color: #60a5fa !important;
-}
-.ctrl-voice .gradio-radio fieldset > div > label > input[type=radio] {
-    width: 14px !important;
-    height: 14px !important;
-    accent-color: #60a5fa !important;
-    flex-shrink: 0 !important;
-}
-.ctrl-voice .gradio-radio fieldset > div > label > span {
-    color: #c4c4d4 !important;
-    font-size: 0.82rem !important;
-    font-weight: 500 !important;
-    text-transform: none !important;
-    letter-spacing: normal !important;
-    white-space: nowrap !important;
-}
-.ctrl-voice .gradio-radio fieldset > div > label:has(input:checked) > span {
-    color: #60a5fa !important;
-}
-.ctrl-voice .gradio-radio legend span {
-    color: #9ca3af !important;
-    font-size: 0.75rem !important;
-    font-weight: 600 !important;
-    text-transform: uppercase !important;
-    letter-spacing: 0.06em !important;
-}
-
 /* Sliders */
 .ctrl-steps .gradio-slider,
 .ctrl-speed .gradio-slider { width: 100% !important; }
@@ -1055,7 +1000,7 @@ with gr.Blocks(title="BlueTTS — Multilingual TTS") as demo:
                         value="en", label="Language",
                     )
                 with gr.Column(elem_classes="ctrl-voice"):
-                    voice_input = gr.Radio(
+                    voice_input = gr.Dropdown(
                         choices=list(VOICES.keys()), value="Female 1", label="Voice",
                     )
             with gr.Row(elem_classes="ctrl-row2"):