Update app.py

app.py

@@ -103,7 +103,7 @@ def translate_and_speak_sync_wrapper(persian_text, english_tts_voice_key, rate,
     logging.info(f"Wrapper called. Text: '{persian_text[:30]}...' Voice: {english_tts_voice_key}")
     loop = get_event_loop()
     audio_file_to_clean = None 
-    status_update = gr.update(value=None, visible=False) # Default status
+    status_update = gr.update(value=None, visible=False) 
 
     if not GOOGLE_API_KEY or not model:
         msg = "خطا: سرویس ترجمه پیکربندی نشده است. لطفاً از تنظیم GOOGLE_API_KEY اطمینان حاصل کنید."
@@ -158,16 +158,16 @@ def translate_and_speak_sync_wrapper(persian_text, english_tts_voice_key, rate,
         return f"خطای داخلی سرور: {type(e).__name__}", None, status_update
 
 # --- تعریف تم و CSS بسیار زیباتر ---
-FLY_PRIMARY_COLOR_HEX = "#4F46E5"  # Indigo
-FLY_SECONDARY_COLOR_HEX = "#10B981" # Emerald
-FLY_ACCENT_COLOR_HEX = "#F59E0B"   # Amber
-FLY_TEXT_COLOR_HEX = "#111827"     # Gray 900
-FLY_SUBTLE_TEXT_HEX = "#6B7280"    # Gray 500
-FLY_LIGHT_BACKGROUND_HEX = "#F9FAFB" # Gray 50
+FLY_PRIMARY_COLOR_HEX = "#4F46E5"  
+FLY_SECONDARY_COLOR_HEX = "#10B981" 
+FLY_ACCENT_COLOR_HEX = "#F59E0B"   
+FLY_TEXT_COLOR_HEX = "#111827"     
+FLY_SUBTLE_TEXT_HEX = "#6B7280"    
+FLY_LIGHT_BACKGROUND_HEX = "#F9FAFB" 
 FLY_WHITE_HEX = "#FFFFFF"
-FLY_BORDER_COLOR_HEX = "#D1D5DB"   # Gray 300
+FLY_BORDER_COLOR_HEX = "#D1D5DB"   
 FLY_INPUT_BG_HEX = "#FFFFFF"
-FLY_PANEL_BG_HEX = "#E0E7FF"       # Indigo 100
+FLY_PANEL_BG_HEX = "#E0E7FF"       
 
 app_theme = gr.themes.Base(
     font=[gr.themes.GoogleFont("Inter"), "system-ui", "sans-serif"],
@@ -175,6 +175,7 @@ app_theme = gr.themes.Base(
     body_background_fill=FLY_LIGHT_BACKGROUND_HEX,
 )
 
+# CSS بدون کامنت‌های /* ... */
 custom_css = f"""
 @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
@@ -202,8 +203,8 @@ custom_css = f"""
     --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);
     --transition-fast: all 0.15s ease-in-out;
     --transition-normal: all 0.25s ease-in-out;
-    --fly-primary-rgb: 79, 70, 229; /* For Indigo #4F46E5 */
-    --fly-accent-rgb: 245, 158, 11; /* For Amber #F59E0B */
+    --fly-primary-rgb: 79, 70, 229; 
+    --fly-accent-rgb: 245, 158, 11; 
 }}
 
 body {{font-family: var(--font-global); direction: rtl; background-color: var(--fly-bg-light); color: var(--fly-text-primary); line-height: 1.7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px;}}
@@ -216,22 +217,22 @@ body {{font-family: var(--font-global); direction: rtl; background-color: var(--
 
 .main-content-area-fly {{
     flex-grow: 1; 
-    padding: 0.75rem; /* Smaller padding for mobile */
+    padding: 0.75rem; 
     width: 100%; 
     margin: 0 auto;
-    box-sizing: border-box; /* Ensure padding is included in width */
+    box-sizing: border-box; 
 }}
 .content-panel {{
     background-color: var(--fly-bg-white); 
-    padding: 1rem; /* Smaller padding for mobile */
+    padding: 1rem; 
     border-radius: var(--radius-xl); 
     box-shadow: var(--shadow-xl); 
     margin-top: -2rem; 
     position: relative; 
     z-index: 10;
     margin-bottom: 2rem;
-    width: 100%; /* Ensure panel takes full width of its parent */
-    box-sizing: border-box; /* Ensure padding is included in width */
+    width: 100%; 
+    box-sizing: border-box; 
 }}
 
 .gr-input > label > span.label-text, .gr-dropdown > label > span.label-text, .gr-slider > label > span.label-text {{font-weight: 600 !important; color: var(--fly-text-primary) !important; font-size: 0.9em !important; margin-bottom: 0.5rem !important; display: block;}}
@@ -269,19 +270,17 @@ div#examples_section .gr-sample-button:hover, div#examples_section table tbody t
 .app-footer-fly {{text-align:center; font-size:0.85em; color: var(--fly-text-secondary); margin-top:2.5rem; padding: 1rem 0; background-color: rgba(255,255,255,0.3); backdrop-filter: blur(5px); border-top: 1px solid var(--fly-border-color);}}
 footer, .gradio-footer {{display: none !important;}}
 
-/* Tablet and wider mobile */
-@media (min-width: 640px) {
-    .main-content-area-fly {
-        padding: 1.5rem; /* Restore larger padding */
-        max-width: 900px; /* Apply max-width */
-    }
-    .content-panel {
-        padding: 1.5rem; /* Restore larger padding */
-    }
-}
+@media (min-width: 640px) {{
+    .main-content-area-fly {{
+        padding: 1.5rem; 
+        max-width: 900px; 
+    }}
+    .content-panel {{
+        padding: 1.5rem; 
+    }}
+}}
 
-/* Desktop */
-@media (min-width: 768px) {
+@media (min-width: 768px) {{
     .main-content-columns-fly {{display: flex; flex-direction: row; gap: 2rem; align-items: flex-start;}}
     .main-content-columns-fly > .gr-column:nth-child(1) {{flex: 3;}}
     .main-content-columns-fly > .gr-column:nth-child(2) {{flex: 2; position: sticky; top: 1.5rem;}}
@@ -289,7 +288,7 @@ footer, .gradio-footer {{display: none !important;}}
     .app-title-card h1 {{font-size: 2.75em !important;}}
     .app-title-card p {{font-size: 1.1em !important;}}
     .content-panel {{ padding: 2rem; }}
-}
+}}
 """
 
 default_english_tts_voice = 'انگلیسی (آمریکا) - جنی (زن)'