Update app.py

app.py

@@ -23,7 +23,7 @@ class HumanTouchApp:
         return Groq(api_key=api_key)
 
     def _load_system_prompt(self) -> str:
-        # This one prompt powers both modes, using context to differentiate tasks.
+        # This one prompt now powers both modes, using context to differentiate tasks.
         return """
         You are HumanTouch, an AI specializing in transforming text into emotionally resonant communication.
         Your output style is guided by two scores: Style (0=Logical, 100=Poetic) and Tone (0=Formal, 100=Passionate).
@@ -100,7 +100,6 @@ class HumanTouchApp:
 def create_interface():
     app = HumanTouchApp()
 
-    # This CSS combines the light, colorful aesthetic with the components of the tabbed interface.
     custom_css = """
     /* --- Main Background and Font --- */
     body, #main_container {
@@ -156,6 +155,21 @@ def create_interface():
     
     #chat_input textarea { border-radius: 9999px !important; border: 2px solid #E2E8F0; }
     #compose_btn { background: #4299E1; }
+
+    /* --- Responsive Fix for Mobile --- */
+    @media (max-width: 768px) {
+        #header h1 { font-size: 1.8rem; }
+        #header p { font-size: 1rem; margin-bottom: 1rem; }
+        .gradio-tabs { padding: 0.5rem; }
+
+        /* Reduce height on mobile to prevent pushing content off-screen */
+        #humanizer_input, #humanizer_output {
+            min-height: 25vh; /* Was 45vh, which is too tall for mobile */
+        }
+        #symbiotic_canvas {
+            height: 55vh !important; /* Was 60vh, reduced to give more room */
+        }
+    }
     """
 
     with gr.Blocks(css=custom_css, title="HumanTouch") as interface:
@@ -211,7 +225,7 @@ def create_interface():
 
 
 if __name__ == "__main__":
-    logging.info("Launching HumanTouch App with Blended UI and Light Theme...")
+    logging.info("Launching HumanTouch App with Mobile Responsive Fix...")
     try:
         interface = create_interface()
         interface.launch(debug=True)