Update app.py

app.py

@@ -94,7 +94,6 @@ def process_translation(text, audio_input, direction, is_hinglish):
     return original_text, translated_text, audio_output
 
 # --- CUSTOM CSS  ---
-
 custom_css = """
 <style>
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
@@ -102,20 +101,16 @@ body, button, input, select, textarea, .gradio-container { font-family: 'Poppins
 .header-div { text-align: center; margin-bottom: 20px; }
 .header-title { font-size: 2.5em; font-weight: 600; color: #2c3e50; margin: 0; }
 .header-subtitle { font-size: 1.2em; color: #7f8c8d; font-weight: 300; margin-top: 5px; }
-.input-box, .output-box { border: 1px solid #e0e0e0; border-radius: 12px; padding: 20px; background: white; box-shadow: 0 4px 6px rgba(0,0,0,0.05); }
-.primary-btn { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; color: white !important; font-weight: bold; border-radius: 8px; }
-.feedback-area { background-color: #f9f9f9; border-left: 5px solid #f1c40f; padding: 15px; border-radius: 5px; }
 </style>
 """
 
 # --- THE UI ---
-
 with gr.Blocks(title="Kurukh AI Translator") as demo:
     
-    # INJECT CSS MANUALLY 
+    # INJECT CSS MANUALLY
     gr.HTML(custom_css)
 
-    # HEADER (Using HTML for better styling control)
+    # HEADER
     gr.HTML("""
     <div class="header-div">
         <h1 class="header-title">🇮🇳 AI Kurukh (Oraon) Translator</h1>
@@ -146,16 +141,18 @@ with gr.Blocks(title="Kurukh AI Translator") as demo:
                     is_hinglish = gr.Checkbox(label="🔤 Hinglish Typing (e.g. 'Tumhara')", value=False)
                     
                     input_text = gr.Textbox(label="Enter Text", placeholder="Type sentences here...", lines=4)
-                    input_audio = gr.Audio(sources=["microphone"], type="filepath", label="🎙️ Voice Input (Hindi Only)")
                     
-                   
+                    
+                    input_audio = gr.Audio(source="microphone", type="filepath", label="🎙️ Voice Input (Hindi Only)")
+                    
                     translate_btn = gr.Button("Translate 🚀", variant="primary")
 
                 # RIGHT COLUMN
                 with gr.Column():
                     gr.Markdown("### 📤 Translation Result")
-                    output_text = gr.Textbox(label="Translation", lines=4, interactive=False, show_copy_button=True)
-                    output_audio = gr.Audio(label="🔊 Listen (Hindi Only)", interactive=False, autoplay=False)
+                   
+                    output_text = gr.Textbox(label="Translation", lines=4, interactive=False)
+                    output_audio = gr.Audio(label="🔊 Listen (Hindi Only)", interactive=False)
 
             translate_btn.click(
                 fn=process_translation, 
@@ -169,7 +166,7 @@ with gr.Blocks(title="Kurukh AI Translator") as demo:
             gr.Markdown("Our AI is learning! If you spot a mistake, please submit the correct translation below.")
             
             
-            with gr.Group():
+            with gr.Column():
                 with gr.Row():
                     fb_direction = gr.Radio(["Kurukh -> Hindi", "Hindi -> Kurukh"], label="Direction", value="Kurukh -> Hindi")