Update app.py

app.py

@@ -6,46 +6,48 @@ import traceback
 import threading
 import os
 import google.generativeai as genai
+import logging
+
+logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(threadName)s - %(message)s')
+logging.info(f"Gradio version: {gr.__version__}")
 
-# --- دریافت کلید API (بدون تغییر) ---
 GOOGLE_API_KEY = os.environ.get('GOOGLE_API_KEY')
 model = None
 if GOOGLE_API_KEY:
     try:
         genai.configure(api_key=GOOGLE_API_KEY)
         model = genai.GenerativeModel('gemini-1.5-flash-latest')
-        print("سرویس Gemini با موفقیت پیکربندی شد.")
+        logging.info("سرویس Gemini با موفقیت پیکربندی شد.")
     except Exception as e:
-        print(f"خطا در پیکربندی Gemini: {e}. قابلیت ترجمه غیرفعال خواهد بود.")
-        model = None
+        logging.error(f"خطا در پیکربندی Gemini: {e}", exc_info=True)
 else:
-    print("هشدار: GOOGLE_API_KEY تنظیم نشده. ترجمه غیرفعال است.")
+    logging.warning("کلید API گوگل (GOOGLE_API_KEY) تنظیم نشده است.")
 
-# --- دیکشنری صداهای انگلیسی (همان لیست گسترده قبلی) ---
+# --- دیکشنری کامل صداهای انگلیسی (همانند قبل) ---
 language_dict_persian_keys = {
     'انگلیسی (آمریکا) - جنی (زن)': 'en-US-JennyNeural', 'انگلیسی (آمریکا) - گای (مرد)': 'en-US-GuyNeural',
-    'انگلیسی (آمریکا) - آنا (زن، کودک)': 'en-US-AnaNeural', 'انگلیسی (آمریکا) - آریا (زن)': 'en-US-AriaNeural',
+    'انگلیسی (آمریکا) - آنا (زن، صدای کودک)': 'en-US-AnaNeural', 'انگلیسی (آمریکا) - آریا (زن)': 'en-US-AriaNeural',
     'انگلیسی (آمریکا) - کریستوفر (مرد)': 'en-US-ChristopherNeural', 'انگلیسی (آمریکا) - اریک (مرد)': 'en-US-EricNeural',
     'انگلیسی (آمریکا) - میشل (زن)': 'en-US-MichelleNeural', 'انگلیسی (آمریکا) - راجر (مرد)': 'en-US-RogerNeural',
     'انگلیسی (آمریکا) - استفانی (زن)': 'en-US-SteffanNeural', 'انگلیسی (آمریکا) - جیسون (مرد)': 'en-US-JasonNeural',
     'انگلیسی (آمریکا) - براندون (مرد)': 'en-US-BrandonNeural', 'انگلیسی (آمریکا) - الیزابت (زن)': 'en-US-ElizabethNeural',
-    'انگلیسی (آمریکا) - دیویس (مرد)': 'en-US-DavisNeural', 'انگلیسی (آمریکا) - جین (زن)': 'en-US-JaneNeural',
-    'انگلیسی (آمریکا) - نانسی (زن)': 'en-US-NancyNeural', 'انگلیسی (آمریکا) - سارا (زن)': 'en-US-SaraNeural',
-    'انگلیسی (آمریکا) - تونی (مرد)': 'en-US-TonyNeural',
+    'انگلیسی (آمریکا) - دیویس (مرد، جدید)': 'en-US-DavisNeural', 'انگلیسی (آمریکا) - جین (زن، جدید)': 'en-US-JaneNeural',
+    'انگلیسی (آمریکا) - نانسی (زن، جدید)': 'en-US-NancyNeural', 'انگلیسی (آمریکا) - سارا (زن، جدید)': 'en-US-SaraNeural',
+    'انگلیسی (آمریکا) - تونی (مرد، جدید)': 'en-US-TonyNeural',
     'انگلیسی (بریتانیا) - لیبی (زن)': 'en-GB-LibbyNeural', 'انگلیسی (بریتانیا) - میزی (زن)': 'en-GB-MaisieNeural',
     'انگلیسی (بریتانیا) - رایان (مرد)': 'en-GB-RyanNeural', 'انگلیسی (بریتانیا) - سونیا (زن)': 'en-GB-SoniaNeural',
-    'انگلیسی (بریتانیا) - توماس (مرد)': 'en-GB-ThomasNeural', 'انگلیسی (بریتانیا) - میا (زن)': 'en-GB-MiaNeural',
-    'انگلیسی (بریتانیا) - نوآ (مرد)': 'en-GB-NoahNeural', 'انگلیسی (بریتانیا) - الیور (مرد)': 'en-GB-OliverNeural',
-    'انگلیسی (بریتانیا) - اولیویا (زن)': 'en-GB-OliviaNeural',
+    'انگلیسی (بریتانیا) - توماس (مرد)': 'en-GB-ThomasNeural', 'انگلیسی (بریتانیا) - میا (زن، جدید)': 'en-GB-MiaNeural',
+    'انگلیسی (بریتانیا) - نوآ (مرد، جدید)': 'en-GB-NoahNeural', 'انگلیسی (بریتانیا) - الیور (مرد، جدید)': 'en-GB-OliverNeural',
+    'انگلیسی (بریتانیا) - اولیویا (زن، جدید)': 'en-GB-OliviaNeural',
     'انگلیسی (استرالیا) - ناتاشا (زن)': 'en-AU-NatashaNeural', 'انگلیسی (استرالیا) - ویلیام (مرد)': 'en-AU-WilliamNeural',
-    'انگلیسی (استرالیا) - آنت (زن)': 'en-AU-AnnetteNeural', 'انگلیسی (استرالیا) - کارلی (زن)': 'en-AU-CarlyNeural',
-    'انگلیسی (استرالیا) - کن (مرد)': 'en-AU-KenNeural', 'انگلیسی (استرالیا) - کیمبرلی (زن)': 'en-AU-KimNeural',
-    'انگلیسی (استرالیا) - تینا (زن)': 'en-AU-TinaNeural',
+    'انگلیسی (استرالیا) - آنت (زن، جدید)': 'en-AU-AnnetteNeural', 'انگلیسی (استرالیا) - کارلی (زن، جدید)': 'en-AU-CarlyNeural',
+    'انگلیسی (استرالیا) - کن (مرد، جدید)': 'en-AU-KenNeural', 'انگلیسی (استرالیا) - کیمبرلی (زن، جدید)': 'en-AU-KimNeural',
+    'انگلیسی (استرالیا) - تینا (زن، جدید)': 'en-AU-TinaNeural',
     'انگلیسی (کانادا) - کلارا (زن)': 'en-CA-ClaraNeural', 'انگلیسی (کانادا) - لیام (مرد)': 'en-CA-LiamNeural',
-    'انگلیسی (کانادا) - کوبی (مرد)': 'en-CA-CobiNeural', 'انگلیسی (کانادا) - ژان (مرد)': 'en-CA-JeanNeural',
+    'انگلیسی (کانادا) - کوبی (مرد، جدید)': 'en-CA-CobiNeural', 'انگلیسی (کانادا) - ژان (مرد، جدید)': 'en-CA-JeanNeural',
     'انگلیسی (ایرلند) - امیلی (زن)': 'en-IE-EmilyNeural', 'انگلیسی (ایرلند) - کانر (مرد)': 'en-IE-ConnorNeural',
     'انگلیسی (هند) - نیرجا (زن)': 'en-IN-NeerjaNeural', 'انگلیسی (هند) - پرابهات (مرد)': 'en-IN-PrabhatNeural',
-    'انگلیسی (هند) - میتالی (زن)': 'en-IN-MithaliNeural',
+    'انگلیسی (هند) - میتالی (زن، جدید)': 'en-IN-MithaliNeural',
     'انگلیسی (آفریقای جنوبی) - لیا (زن)': 'en-ZA-LeahNeural', 'انگلیسی (آفریقای جنوبی) - لوک (مرد)': 'en-ZA-LukeNeural',
     'انگلیسی (هنگ کنگ) - یان (زن)': 'en-HK-YanNeural', 'انگلیسی (هنگ کنگ) - سم (مرد)': 'en-HK-SamNeural',
     'انگلیسی (نیوزیلند) - هیزل (زن)': 'en-NZ-HazelNeural', 'انگلیسی (نیوزیلند) - میچل (مرد)': 'en-NZ-MitchellNeural',
@@ -56,267 +58,381 @@ language_dict_persian_keys = {
     'انگلیسی (تانزانیا) - ایمانی (زن)': 'en-TZ-ImaniNeural', 'انگلیسی (تانزانیا) - الیمو (مرد)': 'en-TZ-ElimuNeural',
 }
 
-# --- توابع Gemini و Edge-TTS (بدون تغییر نسبت به نسخه خیلی خوب قبلی) ---
-async def translate_text_gemini(text, target_language="English"):
-    if not model: return "خطا: سرویس ترجمه در دسترس نیست.", None
-    if not text or not text.strip(): return "خطا: متنی برای ترجمه وارد نشده.", None
+async def translate_text_gemini_async(text, target_language="English"):
+    if not model: logging.error("Gemini model not loaded."); return "Error: Translation service unavailable.", None
+    if not text or not text.strip(): logging.warning("Translate: Empty input text."); return "Error: Input text is empty.", None
     try:
         prompt = f"Translate the following Persian text to {target_language}. Provide only the translated English text, naturally and fluently, without any extra phrases, explanations, or markdown formatting. Be concise and accurate.\n\nPersian: \"{text}\"\n{target_language}:"
         response = await model.generate_content_async(prompt)
         translated_text = response.text.strip()
         if translated_text.lower().startswith(f"{target_language.lower()}:"):
             translated_text = translated_text[len(target_language)+1:].strip()
-        return "ترجمه موفق", translated_text
-    except Exception as e: return f"خطای ترجمه: {type(e).__name__}", None
+        return "Translation successful", translated_text
+    except Exception as e: logging.error(f"Gemini translation error: {e}", exc_info=True); return f"Translation error: {type(e).__name__}", None
 
-async def text_to_speech_edge_async(text_to_speak, tts_voice_key, rate, volume, pitch):
+async def text_to_speech_edge_tts_async(text_to_speak, tts_voice_key, rate, volume, pitch):
+    if not text_to_speak or not text_to_speak.strip(): logging.warning("TTS: Empty input text."); return "TTS Error: Input text is empty.", None
+    voice_id = language_dict_persian_keys.get(tts_voice_key)
+    if voice_id is None: logging.error(f"TTS: Voice key '{tts_voice_key}' not found."); return f"TTS Error: Voice '{tts_voice_key}' not found.", None
     try:
-        if not text_to_speak or not text_to_speak.strip(): return "خطای TTS: متن خالی.", None
-        voice_id = language_dict_persian_keys.get(tts_voice_key)
-        if voice_id is None: return f"خطای TTS: صدای '{tts_voice_key}' نامعتبر.", None
-        if not voice_id.startswith("en-"): return f"خطای TTS: صدای '{tts_voice_key}' انگلیسی نیست.", None
         rate_str, volume_str, pitch_str = f"{int(rate):+g}%", f"{int(volume):+g}%", f"{int(pitch):+g}Hz"
         communicate = edge_tts.Communicate(text_to_speak, voice_id, rate=rate_str, volume=volume_str, pitch=pitch_str)
         with tempfile.NamedTemporaryFile(delete=False, suffix=".mp3") as tmp_file: tmp_path = tmp_file.name
         await communicate.save(tmp_path)
-        return "TTS موفق", tmp_path
-    except edge_tts.exceptions.NoAudioReceived: return f"خطای TTS: صدایی برای '{tts_voice_key}' دریافت نشد.", None
-    except Exception as e: return f"خطای TTS: {type(e).__name__}", None
-
-_event_loops_by_thread = {}
-def _get_or_create_event_loop():
-    thread_id = threading.get_ident()
-    if thread_id not in _event_loops_by_thread or _event_loops_by_thread[thread_id].is_closed():
-        loop = asyncio.new_event_loop(); asyncio.set_event_loop(loop)
-        _event_loops_by_thread[thread_id] = loop
-    return _event_loops_by_thread[thread_id]
+        return "TTS successful", tmp_path
+    except Exception as e: logging.error(f"Edge-TTS error: {e}", exc_info=True); return f"TTS Error: {type(e).__name__}", None
+
+_thread_local = threading.local()
+
+def get_event_loop():
+    if not hasattr(_thread_local, 'loop') or _thread_local.loop.is_closed(): # Check if closed
+        _thread_local.loop = asyncio.new_event_loop()
+        logging.info(f"Created new event loop for thread {threading.get_ident()}")
+    
+    try:
+        asyncio.set_event_loop(_thread_local.loop)
+    except RuntimeError as e:
+        if "cannot be called from a running event loop" not in str(e).lower() and \
+           "There is no current event loop in thread" not in str(e): # More specific check
+             logging.warning(f"RuntimeError setting event loop (possibly already running or other issue): {e}")
+        # Ensure our loop is the current one if possible, especially if one wasn't set.
+        if asyncio.get_event_loop_policy().get_event_loop() is not _thread_local.loop:
+            try:
+                asyncio.set_event_loop(_thread_local.loop)
+            except RuntimeError as e_retry: # Catch if setting again also fails
+                logging.warning(f"Retry setting event loop failed: {e_retry}")
+    return _thread_local.loop
 
 def translate_and_speak_sync_wrapper(persian_text, english_tts_voice_key, rate, volume, pitch):
-    loop = _get_or_create_event_loop()
-    error_message_for_ui = ""
+    logging.info(f"Wrapper called. Text: '{persian_text[:30]}...' Voice: {english_tts_voice_key}")
+    loop = get_event_loop()
+    
     if not GOOGLE_API_KEY or not model:
-        return "خطا: سرویس ترجمه پیکربندی نشده. کلید API را در Secrets بررسی کنید.", None
+        msg = "خطا: سرویس ترجمه پیکربندی نشده است. لطفاً از تنظیم GOOGLE_API_KEY در Secrets اطمینان حاصل کنید."
+        logging.error(msg); return msg, None
     if not persian_text or not persian_text.strip():
-        return "لطفاً متن فارسی را وارد کنید.", None
-    translation_status_msg, translated_text = loop.run_until_complete(translate_text_gemini(persian_text))
-    if "خطا" in translation_status_msg or not translated_text:
-        return f"{translated_text if translated_text else 'ترجمه ناموفق.'}\n({translation_status_msg})", None
-    if english_tts_voice_key not in language_dict_persian_keys:
-        english_tts_voice_key = list(language_dict_persian_keys.keys())[0] if language_dict_persian_keys else None
-        if not english_tts_voice_key: return f"{translated_text}\n\n(خطای TTS: صدایی موجود نیست.)", None
-    tts_status_msg, audio_path = loop.run_until_complete(text_to_speech_edge_async(translated_text, english_tts_voice_key, rate, volume, pitch))
-    if "خطا" in tts_status_msg or not audio_path:
-        return f"{translated_text}\n\n({tts_status_msg})", None
-    return translated_text, audio_path
-# --- تعریف تم و CSS با رویکرد Mobile-First ---
-FLY_PRIMARY_COLOR_HEX = "#2563EB" # آبی تیره‌تر و جذاب‌تر (tailwind blue-600)
-FLY_SECONDARY_COLOR_HEX = "#059669" # سبز تیره‌تر (tailwind emerald-600)
-FLY_ACCENT_COLOR_HEX = "#D97706" # کهربایی تیره‌تر (tailwind amber-600)
-FLY_TEXT_COLOR_HEX = "#1F2937" # (tailwind gray-800)
-FLY_LIGHT_BACKGROUND_HEX = "#F9FAFB"
+        msg = "لطفاً متن فارسی را برای ترجمه وارد کنید."
+        logging.warning(msg); return msg, None
+    try:
+        translation_status_msg, translated_text = loop.run_until_complete(
+            translate_text_gemini_async(persian_text)
+        )
+        if "error" in translation_status_msg.lower() or not translated_text or "خطا" in translation_status_msg.lower() :
+            err_msg = f"ترجمه ناموفق: {translation_status_msg} {translated_text or ''}"
+            logging.error(err_msg); return err_msg, None
+        
+        tts_status_msg, audio_path = loop.run_until_complete(
+            text_to_speech_edge_tts_async(translated_text, english_tts_voice_key, rate, volume, pitch)
+        )
+        if "error" in tts_status_msg.lower() or not audio_path or "خطا" in tts_status_msg.lower():
+            err_msg = f"{translated_text}\n(خطای TTS: {tts_status_msg})"
+            logging.error(err_msg); return err_msg, None
+            
+        logging.info(f"عملیات موفق. مسیر صوت: {audio_path}")
+        return translated_text, audio_path
+    except RuntimeError as e: # Catch specific runtime errors from asyncio
+        if "cannot be started when it is already running" in str(e) or \
+           "This event loop is already running" in str(e):
+            logging.error(f"Asyncio runtime error (loop already running): {e}", exc_info=True)
+            # Attempt to run in a new loop for this specific case, as a fallback
+            # This is a bit of a workaround for complex Gradio/asyncio interactions
+            new_loop = asyncio.new_event_loop()
+            asyncio.set_event_loop(new_loop)
+            try:
+                logging.info("Retrying with a new event loop due to runtime error.")
+                translation_status_msg, translated_text = new_loop.run_until_complete(
+                    translate_text_gemini_async(persian_text)
+                )
+                if "error" in translation_status_msg.lower() or not translated_text or "خطا" in translation_status_msg.lower() :
+                    err_msg = f"ترجمه ناموفق (retry): {translation_status_msg} {translated_text or ''}"
+                    logging.error(err_msg); return err_msg, None
+                
+                tts_status_msg, audio_path = new_loop.run_until_complete(
+                    text_to_speech_edge_tts_async(translated_text, english_tts_voice_key, rate, volume, pitch)
+                )
+                if "error" in tts_status_msg.lower() or not audio_path or "خطا" in tts_status_msg.lower():
+                    err_msg = f"{translated_text}\n(خطای TTS (retry): {tts_status_msg})"
+                    logging.error(err_msg); return err_msg, None
+                
+                logging.info(f"عملیات موفق (retry). مسیر صوت: {audio_path}")
+                return translated_text, audio_path
+            finally:
+                new_loop.close()
+        else:
+            logging.error(f"خطای غیرمنتظره در wrapper (RuntimeError): {e}", exc_info=True)
+            return f"خطای داخلی سرور (RuntimeError): {type(e).__name__}", None
+    except Exception as e:
+        logging.error(f"خطای غیرمنتظره در wrapper: {e}", exc_info=True)
+        return f"خطای داخلی سرور: {type(e).__name__}", None
+
+
+FLY_PRIMARY_COLOR_HEX = "#2563EB" 
+FLY_SECONDARY_COLOR_HEX = "#059669" 
+FLY_ACCENT_COLOR_HEX = "#EA580C" # Brighter orange for more pop
+FLY_TEXT_COLOR_HEX = "#1F2937" 
+FLY_SUBTLE_TEXT_HEX = "#4B5563" # Darker for better contrast
+FLY_LIGHT_BACKGROUND_HEX = "#F3F4F6" # Slightly off-white
 FLY_WHITE_HEX = "#FFFFFF"
-FLY_BORDER_COLOR_HEX = "#D1D5DB" # (tailwind gray-300)
-FLY_INPUT_BG_HEX = "#F3F4F6" # (tailwind gray-100)
+FLY_BORDER_COLOR_HEX = "#D1D5DB" 
+FLY_INPUT_BG_HEX = "#FFFFFF" 
+FLY_PANEL_BG_HEX = "#E0F2FE" # Light blue panel for translated text
 
 app_theme = gr.themes.Soft(
     primary_hue=gr.themes.colors.blue,
     secondary_hue=gr.themes.colors.emerald,
     neutral_hue=gr.themes.colors.slate,
     font=[gr.themes.GoogleFont("Vazirmatn"), "Arial", "sans-serif"],
-).set(body_background_fill=FLY_LIGHT_BACKGROUND_HEX)
+).set(
+    body_background_fill=FLY_LIGHT_BACKGROUND_HEX,
+    # Adding some more theme variables for consistency
+    input_background_fill="white",
+    button_primary_background_fill=FLY_ACCENT_COLOR_HEX,
+    button_primary_text_color="white",
+)
 
 custom_css = f"""
-@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600&display=swap'); /* فونت مدرن و گرد برای UI */
-
+@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
 :root {{
     --fly-primary: {FLY_PRIMARY_COLOR_HEX}; --fly-secondary: {FLY_SECONDARY_COLOR_HEX};
     --fly-accent: {FLY_ACCENT_COLOR_HEX}; --fly-text: {FLY_TEXT_COLOR_HEX};
-    --fly-light-bg: {FLY_LIGHT_BACKGROUND_HEX}; --fly-white: {FLY_WHITE_HEX};
-    --fly-border: {FLY_BORDER_COLOR_HEX}; --fly-input-bg: {FLY_INPUT_BG_HEX};
-    --fly-text-light: #6B7280; /* gray-500 */
-    --fly-radius-sm: 8px; --fly-radius-md: 12px; --fly-radius-lg: 16px;
-    --fly-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-    --fly-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
-    --fly-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
-}}
-body {{
-    font-family: 'Vazirmatn', 'Rubik', 'Poppins', sans-serif; direction: rtl;
-    background-color: var(--fly-light-bg); color: var(--fly-text);
-    line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
-    padding: 0.5rem; /* پدینگ اولیه برای موبایل */
-}}
-.gradio-container {{ /* استایل پایه برای موبایل */
-    max-width: 100% !important; width: 100% !important;
-    margin: 0 auto !important; padding: 1rem 0.8rem !important; /* پدینگ کمتر برای موبایل */
-    border-radius: var(--fly-radius-lg) !important; box-shadow: var(--fly-shadow-md) !important;
-    background-color: var(--fly-white) !important; overflow: hidden;
+    --fly-subtle-text: {FLY_SUBTLE_TEXT_HEX}; --fly-light-bg: {FLY_LIGHT_BACKGROUND_HEX};
+    --fly-white: {FLY_WHITE_HEX}; --fly-border: {FLY_BORDER_COLOR_HEX};
+    --fly-input-bg: {FLY_INPUT_BG_HEX}; --fly-panel-bg: {FLY_PANEL_BG_HEX};
+    --global-font: 'Vazirmatn', 'Inter', 'Poppins', Arial, sans-serif;
+    --english-font: 'Poppins', 'Inter', Arial, sans-serif;
+    --border-radius-sm: 6px; --border-radius-md: 10px; --border-radius-lg: 16px; /* Added border radius variables */
+    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
 }}
-.app-header {{
-    text-align: center; padding: 1.5rem 1rem;
-    background-image: linear-gradient(130deg, var(--fly-primary) 0%, var(--fly-secondary) 100%);
-    color: white; border-radius: var(--fly-radius-md);
-    margin: -0.8rem -0.8rem 1.5rem -0.8rem; box-shadow: var(--fly-shadow-sm);
-}}
-.app-header h1 {{
-    color: white !important; font-size: 1.6em !important; font-weight: 600 !important;
-    margin: 0 0 0.3rem 0; font-family: 'Poppins', 'Vazirmatn', sans-serif;
-}}
-.app-header p {{ color: rgba(255,255,255,0.9) !important; font-size: 0.9em !important; margin-top: 0; font-weight: 400;}}
-
-.gr-form {{ gap: 0.8rem !important; }} /* فاصله کمتر بین المان‌های فرم در موبایل */
+body {{font-family: var(--global-font); direction: rtl; background-color: var(--fly-light-bg); color: var(--fly-text); line-height: 1.7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 15px;}}
+.gradio-container {{max-width: 100% !important; width: 100% !important; min-height: 100vh; margin: 0 auto !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; background-color: var(--fly-light-bg) !important; display: flex; flex-direction: column;}}
 
-.gr-button.lg.primary {{
-    background: var(--fly-accent) !important; margin-top: 1rem !important; padding: 0.8rem 1.2rem !important;
-    transition: all 0.25s ease !important; color: white !important; font-weight: 500 !important;
-    border-radius: var(--fly-radius-md) !important; border: none !important; box-shadow: var(--fly-shadow-sm) !important;
-    width: 100% !important; font-size: 1em !important;
+.app-header-fly {{
+    text-align: center; padding: 24px 15px; /* Increased padding */
+    background-image: linear-gradient(135deg, var(--fly-primary) 0%, var(--fly-secondary) 100%);
+    color: white; margin: 0 0 1.5rem 0; /* Increased bottom margin */
+    border-bottom-left-radius: var(--border-radius-lg); border-bottom-right-radius: var(--border-radius-lg); /* Rounded bottom corners */
+    box-shadow: var(--shadow-md);
 }}
-.gr-button.lg.primary:hover {{
-    background: #B45309 !important; /* amber-700 */ transform: translateY(-2px) !important;
-    box-shadow: var(--fly-shadow-md) !important;
+.app-header-fly h1 {{font-size: 1.8em !important; font-weight: 700 !important; margin: 0 0 6px 0; font-family: var(--english-font); letter-spacing: -0.5px;}}
+.app-header-fly p {{font-size: 0.95em !important; margin-top: 4px; font-weight: 400; color: rgba(255, 255, 255, 0.9) !important;}}
+
+.main-content-area-fly {{
+    flex-grow: 1; padding: 0 1rem; /* Add horizontal padding to content area */
+    max-width: 700px; /* Max width for content on larger screens */
+    width: 100%;
+    margin: 0 auto; /* Center content area */
 }}
-.gr-input, .gr-dropdown select, .gr-textbox, .gr-slider {{ /* استایل دراپ داون */
-    border-radius: var(--fly-radius-sm) !important; border: 1.5px solid var(--fly-border) !important;
-    font-size: 0.95em !important; background-color: var(--fly-input-bg) !important;
-    padding: 0.6rem 0.8rem !important; transition: all 0.2s ease;
-    width: 100% !important; /* عرض کامل در موبایل */
+
+/* --- Input and Dropdown Styling --- */
+.gr-input > label > span, .gr-dropdown > label > span, .gr-slider > label > span {{ /* Target label text */
+    font-weight: 600 !important; color: var(--fly-subtle-text) !important; font-size: 0.9em !important; margin-bottom: 6px !important; display: inline-block;
 }}
-.gr-dropdown select {{ /* تلاش برای استایل دهی به خود select */
-    -webkit-appearance: none; -moz-appearance: none; appearance: none; /* حذف ظاهر پیش‌فرض مرورگر */
-    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007AFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
-    background-repeat: no-repeat; background-position: left 0.7rem center; background-size: 0.8em;
-    padding-left: 2rem !important; /* جا برای آیکون */
+.gr-input > label + div > textarea, 
+.gr-dropdown > label + div > div > input, /* For editable dropdowns if any, and the display part */
+.gr-dropdown select {{ /* Target actual select */
+    border-radius: var(--border-radius-md) !important; 
+    border: 1px solid var(--fly-border) !important; 
+    font-size: 0.95em !important; 
+    background-color: var(--fly-input-bg) !important;
+    padding: 10px 14px !important; 
+    line-height: 1.6; 
+    width: 100% !important; 
+    box-sizing: border-box !important;
+    font-family: var(--global-font) !important;
+    color: var(--fly-text) !important;
+    transition: border-color 0.2s ease, box-shadow 0.2s ease;
 }}
-.gr-input:focus, .gr-dropdown select:focus, .gr-textbox:focus {{
+.gr-input > label + div > textarea:focus,
+.gr-dropdown > label + div > div > input:focus,
+.gr-dropdown select:focus {{
     border-color: var(--fly-primary) !important;
-    box-shadow: 0 0 0 3px rgba(59,130,246,0.12) !important; background-color: var(--fly-white) !important;
+    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2) !important;
 }}
-.gr-textbox[label="📜 متن ترجمه شده (انگلیسی)"] {{
-    background-color: #E0F2FE !important; /* light-blue-100 */ border-color: #BAE6FD !important; /* light-blue-200 */
-    min-height: 90px; font-family: 'Poppins', 'Vazirmatn', sans-serif; font-size: 0.95em !important;
-    line-height: 1.5; padding: 0.8rem !important;
+.gr-dropdown > label + div {{ position: relative; }} /* Container for potential custom arrow */
+.gr-dropdown > label + div::after {{ /* Basic custom arrow (optional, can be tricky) */
+    /* content: '▼'; font-size: 0.7em; color: var(--fly-subtle-text);
+    position: absolute; left: 12px; top: 50%; transform: translateY(-50%); pointer-events: none; */
 }}
-.gr-panel, div[label="⚙️ تنظیمات پیشرفته صدا (اختیاری)"] > .gr-accordion > .gr-panel {{
-    border-radius: var(--fly-radius-sm) !important; border: 1px solid var(--fly-border) !important;
-    background-color: #F0F9FF !important; /* light-blue-50 */ padding: 0.8rem !important; margin-top: 0.6rem;
+
+
+/* Special styling for translated text output */
+.translated-text-output .gr-input > label + div > textarea {{
+    background-color: var(--fly-panel-bg) !important; 
+    border-color: #A5D5FE !important; 
+    min-height: 100px; 
+    font-family: var(--english-font) !important; 
+    font-size: 1em !important;
+    color: var(--fly-text) !important;
+    box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
 }}
-div[label="⚙️ تنظیمات پیشرفته صدا (اختیاری)"] > .gr-accordion > button.gr-button {{
-    font-weight: 500 !important; padding: 0.6rem 0.8rem !important; border-radius: var(--fly-radius-sm) !important;
-    background-color: #E0E7FF !important; /* indigo-100 */ color: var(--fly-primary) !important;
-    border: 1px solid #C7D2FE !important; /* indigo-200 */ font-size: 0.9em;
+
+/* Accordion for voice settings */
+.gr-accordion.gradio-accordion > button.gr-button {{ /* Target accordion button */
+    font-weight: 500 !important; padding: 10px 12px !important; border-radius: var(--border-radius-md) !important; 
+    background-color: #E5E7EB !important; color: var(--fly-text) !important; 
+    border: 1px solid #D1D5DB !important; font-size: 0.9em;
+    margin-bottom: 0.5rem; /* Space before panel opens */
 }}
-label > span {{ font-weight: 500 !important; color: var(--fly-text-light) !important; font-size: 0.85em !important; margin-bottom: 0.4rem !important;}}
-.gr-slider label span {{ font-size: 0.8em !important; color: var(--fly-text-light); }}
-.gr-audio audio {{ width: 100%; border-radius: var(--fly-radius-sm); box-shadow: var(--fly-shadow-sm); }} /* استایل پلیر صوتی */
-
-.custom-hr {{ height: 1px; background-color: var(--fly-border); margin: 1.5rem 0; border: none; }}
-.api-warning-message {{
-    background-color: #FFFBEB !important; /* amber-50 */ color: #92400E !important; /* amber-700 */
-    padding: 0.7rem 1rem !important; border-radius: var(--fly-radius-sm) !important;
-    border: 1px solid #FDE68A !important; /* amber-200 */ text-align: center !important;
-    margin-bottom: 1rem !important; font-size: 0.85em !important;
+.gr-accordion.gradio-accordion > div.gr-panel {{ /* Panel inside accordion */
+    border-radius: var(--border-radius-md) !important; border: 1px solid var(--fly-border) !important; 
+    background-color: var(--fly-white) !important; 
+    padding: 1rem !important; 
+    margin-top: 0 !important; box-shadow: var(--shadow-sm);
 }}
-.app-footer {{ text-align:center; font-size:0.75em; color:var(--fly-text-light); margin-top:2rem; padding-bottom:0.5rem;}}
-div[label="💡 چند نمونه برای شروع سریع"] {{ margin-top: 1.5rem; }}
-div[label="💡 چند نمونه برای شروع سریع"] .gr-button.gr-button-tool {{
-    background-color: #E0E7FF !important; color: var(--fly-primary) !important;
-    border-radius: var(--fly-radius-sm) !important; font-size: 0.75em !important; padding: 0.35rem 0.6rem !important;
+
+.gr-slider {{ padding: 4px 0 !important;}}
+.gr-slider label span {{font-size: 0.85em !important; color: var(--fly-subtle-text);}}
+
+/* Main Submit Button */
+.fly-submit-button-container .gr-button {{
+    background: linear-gradient(135deg, var(--fly-accent), #F97316) !important; /* Orange gradient */
+    margin-top: 1rem !important; padding: 12px 24px !important; 
+    transition: all 0.25s ease-in-out !important; color: white !important; font-weight: 600 !important; 
+    border-radius: var(--border-radius-md) !important; border: none !important; 
+    box-shadow: var(--shadow-md) !important; width: 100% !important; 
+    font-size: 1em !important; display: flex; align-items: center; justify-content: center;
+    letter-spacing: 0.5px;
 }}
-footer, .gradio-footer, .flagging-container, .flex.row.gap-2.absolute.bottom-2.right-2.gr-compact.gr-box.gr-text-gray-500, div[data-testid="flag"], button[title="Flag"], button[aria-label="Flag"], .footer-utils {{
-    display: none !important; visibility: hidden !important;
+.fly-submit-button-container .gr-button:hover {{
+    background: linear-gradient(135deg, #F97316, var(--fly-accent)) !important; /* Slightly different on hover */
+    transform: translateY(-2px) !important; box-shadow: 0 6px 12px -2px rgba(234, 88, 12, 0.4) !important;
 }}
 
-/* استایل‌های دسکتاپ با min-width */
-@media (min-width: 640px) {{ /* تبلت و دسکتاپ کوچک */
-    .gradio-container {{ max-width: 700px !important; padding: 1.5rem 2rem !important; }}
-    .app-header {{ padding: 2rem 1.5rem; margin: -2rem -2rem 2rem -2rem; }}
-    .app-header h1 {{ font-size: 1.8em !important; }}
-    .app-header p {{ font-size: 0.95em !important; }}
-    .gr-form {{ gap: 1rem !important; }}
-    .gr-button.lg.primary {{ font-size: 1.05em !important; padding: 0.9rem 1.5rem !important; }}
+/* Examples Section */
+.examples-section-fly .gr-button.gr-button-tool {{ /* Example buttons */
+    background-color: #E0E7FF !important; color: var(--fly-primary) !important; 
+    border-radius: var(--border-radius-sm) !important; font-size: 0.8em !important; padding: 6px 10px !important;
+    border: 1px solid #C7D2FE !important; margin: 2px !important;
+    transition: background-color 0.2s ease, transform 0.1s ease;
+}}
+.examples-section-fly .gr-button.gr-button-tool:hover {{
+    background-color: #C7D2FE !important; transform: translateY(-1px);
 }}
-@media (min-width: 769px) {{ /* دسکتاپ متوسط و بزرگتر */
-    .gradio-container {{ max-width: 780px !important; padding: 2rem 2.5rem !important; }}
-    .app-header {{ padding: 2.2rem 2rem; margin: -2.5rem -2.5rem 2.5rem -2.5rem; }}
-    .app-header h1 {{ font-size: 2em !important; }}
-    .app-header p {{ font-size: 1em !important; }}
-    .main-content-row {{ flex-direction: row !important; gap: 1.5rem !important; }} /* بازگشت به چیدمان افقی */
-    .main-content-row > .gr-column:nth-child(1) {{ flex-basis: 60%; }}
-    .main-content-row > .gr-column:nth-child(2) {{ flex-basis: 40%; }}
+.examples-section-fly > .gr-label > span {{ /* Label for "💡 نمونه" */
+    font-size: 1.1em !important; font-weight: 600; color: var(--fly-text);
+    margin-bottom: 0.5rem !important;
+}}
+
+
+.custom-hr-fly {{height: 1px; background-color: var(--fly-border); margin: 1.5rem 0; border: none;}}
+.api-warning-message-fly {{background-color: #FFFBEB !important; color: #92400E !important; padding: 10px 12px !important; border-radius: var(--border-radius-sm) !important; border: 1px solid #FDE68A !important; text-align: center !important; margin: 0 0 1rem 0 !important; font-size: 0.9em !important;}}
+.app-footer-fly {{text-align:center; font-size:0.8em; color: var(--fly-subtle-text); margin-top:2rem; padding-bottom: 1rem;}}
+footer, .gradio-footer {{display: none !important;}}
+
+/* Audio player adjustments */
+.gr-audio audio {{ border-radius: var(--border-radius-md); box-shadow: var(--shadow-sm); }}
+
+@media (min-width: 640px) {{
+    body {{font-size: 16px;}}
+    .gradio-container {{ /* On desktop, container has a card-like feel */
+      /* max-width: is handled by main-content-area-fly */
+      padding: 0 !important; /* No padding on overall container */
+      margin: 0 auto !important; 
+      background-color: var(--fly-light-bg) !important; 
+      border-radius: 0 !important; 
+      box-shadow: none !important;
+    }}
+    .app-header-fly {{ /* Header still full-width or constrained by its parent */
+        border-bottom-left-radius: var(--border-radius-lg); 
+        border-bottom-right-radius: var(--border-radius-lg);
+        margin-left: auto; margin-right: auto; /* Centering if it has a max-width */
+    }}
+     .app-header-fly h1 {{ font-size: 2em !important; }} .app-header-fly p {{ font-size: 1em !important; }}
+    
+    .main-content-area-fly {{padding: 0 1.5rem 1.5rem 1.5rem;}} /* More padding on desktop */
+    
+    .api-warning-message-fly {{font-size: 0.9em;}}
+    
+    .main-inputs-row-fly {{ display: flex; flex-direction: row; gap: 1.5rem; align-items: flex-start;}}
+    .main-inputs-row-fly > .gr-column:nth-child(1) {{ flex: 3; }} /* Input column wider */
+    .main-inputs-row-fly > .gr-column:nth-child(2) {{ flex: 2; }} /* Output column */
+    
+    .fly-submit-button-container .gr-button {{ width: auto !important; align-self: flex-start; padding: 12px 30px !important; font-size: 1.05em !important;}}
+    
+    .gr-input > label + div > textarea, .gr-dropdown select, .translated-text-output .gr-input > label + div > textarea {{ font-size: 1em; }}
+    .gr-input > label > span, .gr-dropdown > label > span, .gr-slider > label > span {{ font-size: 0.95em; }}
+    .app-footer-fly {{font-size:0.85em;}}
 }}
 """
 
-# --- انتخاب صدای پیش‌فرض انگلیسی (بدون تغییر) ---
 default_english_tts_voice = 'انگلیسی (آمریکا) - جنی (زن)'
-if not language_dict_persian_keys:
-    print("خطای بحرانی: language_dict_persian_keys خالی است!")
-    default_english_tts_voice = None
-elif default_english_tts_voice not in language_dict_persian_keys:
-    default_english_tts_voice = list(language_dict_persian_keys.keys())[0]
+if not language_dict_persian_keys or default_english_tts_voice not in language_dict_persian_keys:
+    default_english_tts_voice = list(language_dict_persian_keys.keys())[0] if language_dict_persian_keys else "No voices"
 
-# --- ساخت رابط کاربری Gradio (بدون تغییر در منطق، فقط کلاس‌ها و ساختار HTML ممکن است کمی فرق کند) ---
 with gr.Blocks(theme=app_theme, css=custom_css, title="آموزش زبان فلای") as demo:
-    gr.HTML(f"""
-    <div class="app-header">
-        <h1>Fly Language Learning</h1>
-        <p>متن فارسی خود را وارد کنید، به انگلیسی ترجمه شده و با لهجه دلخواه بشنوید</p>
-    </div>
-    """)
+    # Use an elem_id or elem_classes for the main container if you want to style it uniquely
+    # For example: with gr.Blocks(..., elem_id="fly-app-container")
+    
+    gr.HTML(f"""<div class="app-header-fly"><h1>Fly Language Learning</h1><p>ترجمه فارسی به انگلیسی و تلفظ با لهجه دلخواه</p></div>""")
+    
+    with gr.Column(elem_classes=["main-content-area-fly"]): # Central content area
+        if not GOOGLE_API_KEY or not model:
+            missing_key_msg = "⚠️ **ترجمه غیرفعال:** "
+            if not GOOGLE_API_KEY: missing_key_msg += "کلید API گوگل تنظیم نشده."
+            elif not model: missing_key_msg += "خطا در مدل Gemini."
+            gr.Markdown(f"<div class='api-warning-message-fly'>{missing_key_msg} لطفاً Secrets را بررسی کنید.</div>")
 
-    if not GOOGLE_API_KEY or not model:
-        missing_key_msg = "⚠️ **هشدار: قابلیت ترجمه غیرفعال است.** "
-        if not GOOGLE_API_KEY: missing_key_msg += "لطفاً کلید `GOOGLE_API_KEY` را در Secrets تنظیم کنید."
-        elif not model: missing_key_msg += "خطا در بارگذاری مدل Gemini. لاگ‌ها یا کلید API را بررسی کنید."
-        gr.Markdown(f"<div class='api-warning-message'>{missing_key_msg}</div>")
-
-    with gr.Row(elem_classes="main-content-row"): # این کلاس برای کنترل چیدمان در دسکتاپ استفاده می‌شود
-        with gr.Column(scale=3, min_width=300): # min_width برای اطمینان از عدم کوچک شدن بیش از حد ستون
-            input_text_persian = gr.Textbox(lines=5, label="📝 متن فارسی",
-                placeholder="مثال: قیمت این چنده؟",
-                value="سلام، امروز چطورید؟ می‌خوام در مورد فیلم جدیدی که دیدم صحبت کنم.")
-            
-            dropdown_label = "🗣️ انتخاب لهجه و گوینده"
-            if not language_dict_persian_keys: dropdown_label += " (لیست خالی!)"
-            
-            language_dropdown_tts_english = gr.Dropdown(
-                choices=list(language_dict_persian_keys.keys()) if language_dict_persian_keys else ["لیست صداها خالی است"],
-                value=default_english_tts_voice, label=dropdown_label, interactive=bool(language_dict_persian_keys))
-            
-            with gr.Accordion("⚙️ تنظیمات پیشرفته صدا", open=False):
-                with gr.Row(): # برای چیدمان بهتر اسلایدرها در آکاردئون
-                    rate_slider = gr.Slider(minimum=-100, maximum=100, step=1, value=0, label="سرعت", scale=1)
-                    volume_slider = gr.Slider(minimum=-100, maximum=100, step=1, value=0, label="حجم", scale=1)
-                pitch_slider = gr.Slider(minimum=-50, maximum=50, step=1, value=0, label="گام", scale=2)
+        with gr.Row(elem_classes=["main-inputs-row-fly"]): # Row for input and output columns
+            with gr.Column(scale=3): # Input column (takes more space)
+                input_text_persian = gr.Textbox(
+                    lines=4, label="📝 متن فارسی خود را وارد کنید:", placeholder="مثال: سلام، حال شما چطور است؟",
+                    elem_id="persian-input-textbox" # For potential specific styling
+                )
+                language_dropdown_tts_english = gr.Dropdown(
+                    choices=list(language_dict_persian_keys.keys()) if language_dict_persian_keys else ["لیست صداها خالی است"],
+                    value=default_english_tts_voice, label="🗣️ گوینده و لهجه انگلیسی را انتخاب کنید:", interactive=bool(language_dict_persian_keys)
+                )
+                with gr.Accordion("⚙️ تنظیمات پیشرفته صدا", open=False):
+                    rate_slider = gr.Slider(-100, 100, 0, step=10, label="سرعت گفتار")
+                    volume_slider = gr.Slider(-100, 100, 0, step=10, label="بلندی صدا")
+                    pitch_slider = gr.Slider(-50, 50, 0, step=5, label="زیر و بمی صدا (Pitch)")
+                
+                with gr.Group(elem_classes=["fly-submit-button-container"]):
+                     submit_button = gr.Button("🚀 ترجمه و پخش صدا", variant="primary")
 
-            submit_button = gr.Button("🚀 ترجمه و پخش", variant="primary")
+            with gr.Column(scale=2): # Output column
+                output_text_translated = gr.Textbox(
+                    label="📜 ترجمه انگلیسی:", interactive=False, lines=5, placeholder="اینجا نتیجه ترجمه نمایش داده می‌شود...",
+                    elem_classes=["translated-text-output"] # Class for specific styling
+                )
+                output_audio = gr.Audio(label="🎧 فایل صوتی:", type="filepath", format="mp3", interactive=False)
 
-        with gr.Column(scale=2, min_width=280):
-            output_text_translated = gr.Textbox(label="📜 متن ترجمه شده (انگلیسی)", interactive=False, lines=6, 
-                placeholder="متن انگلیسی و یا پیام‌های خطا اینجا...")
-            output_audio = gr.Audio(type="filepath", label="🎧 فایل صوتی", format="mp3", interactive=False)
+        gr.HTML("<hr class='custom-hr-fly'>")
+        
+        example_list = []
+        if language_dict_persian_keys and default_english_tts_voice != "No voices" :
+            num_voices = len(language_dict_persian_keys)
+            voice_keys = list(language_dict_persian_keys.keys())
+            # Try to pick diverse examples
+            voice1_idx, voice2_idx, voice3_idx = 0, min(num_voices // 2, num_voices-1), min(num_voices-1, num_voices-1) # Ensure valid indices
+            example_list = [
+                    ["سلام، قیمت این چقدر است؟", voice_keys[voice1_idx], 0, 0, 0],
+                    ["می‌توانید نزدیک‌ترین ایستگاه اتوبوس را به من نشان دهید؟", voice_keys[voice2_idx], 0, 0, 0],
+                    ["ببخشید، من انگلیسی خوب صحبت نمی‌کنم.", voice_keys[voice3_idx], -10, 0, 0],
+                ]
+        
+        if example_list:
+            # Added elem_classes for styling the examples section
+            gr.Examples(
+                examples=example_list,
+                inputs=[input_text_persian, language_dropdown_tts_english, rate_slider, volume_slider, pitch_slider],
+                outputs=[output_text_translated, output_audio],
+                fn=translate_and_speak_sync_wrapper, 
+                label="💡 چند نمونه برای شروع:", # More descriptive label
+                elem_classes=["examples-section-fly"]
+            )
+        
+    gr.Markdown("<p class='app-footer-fly'>ساخته شده با ❤️ برای یادگیری زبان فلای © ۲۰۲۴</p>")
 
-    gr.HTML("<hr class='custom-hr'>")
-    
-    example_list = []
-    if language_dict_persian_keys:
-        num_voices = len(language_dict_persian_keys); voice_keys = list(language_dict_persian_keys.keys())
-        v1=voice_keys[0]; v2=voice_keys[min(1,num_voices-1)]; v3=voice_keys[min(8,num_voices-1)] # صدای بریتانیایی
-        example_list = [
-            ["این یک کتاب جالب است.", v1, 0,0,0],
-            ["فردا هوا چطور خواهد بود؟", v2, 0,0,0],
-            ["من به کمک شما نیاز دارم.", v3, -10,0,0]]
-    
-    if example_list:
-        gr.Examples(examples=example_list,
-            inputs=[input_text_persian, language_dropdown_tts_english, rate_slider, volume_slider, pitch_slider],
-            outputs=[output_text_translated, output_audio],
-            fn=translate_and_speak_sync_wrapper,
-            cache_examples=os.getenv("GRADIO_CACHE_EXAMPLES","False").lower()=="true", label="💡 نمونه‌ها")
-    
-    gr.Markdown("<p class='app-footer'>آموزش زبان فلای - یادگیری لذت‌بخش</p>")
+    submit_button.click(
+        fn=translate_and_speak_sync_wrapper,
+        inputs=[input_text_persian, language_dropdown_tts_english, rate_slider, volume_slider, pitch_slider],
+        outputs=[output_text_translated, output_audio]
+    )
 
 if __name__ == "__main__":
-    if not language_dict_persian_keys: print("خطای بحرانی: language_dict_persian_keys خالی است!")
-    demo.launch(server_name="0.0.0.0", server_port=7860, debug=os.environ.get("GRADIO_DEBUG","False").lower()=="true")
+    if not language_dict_persian_keys: logging.critical("دیکشنری صداها خالی است! برنامه ممکن است به درستی کار نکند.")
+    demo.launch(server_name="0.0.0.0", server_port=7860, debug=True)