Update app.py

app.py

@@ -1,4 +1,3 @@
-
 import os
 from groq import Groq
 import gradio as gr
@@ -7,7 +6,6 @@ import re
 
 # Get API key from Hugging Face Secrets
 groq_key = os.environ.get("Groq_API_Key")
-
 if not groq_key:
     raise ValueError("Groq_API_Key not found in environment variables. Please add it to your Hugging Face Space secrets.")
 
@@ -104,7 +102,6 @@ theme_options = [
 ]
 language_options = ["English", "Urdu"]
 
-
 # -------------------------------------------------------------
 # CUSTOM CSS
 # -------------------------------------------------------------
@@ -187,26 +184,16 @@ custom_css = """
 }
 """
 
-
 # -------------------------------------------------------------
-# BUILD GRADIO INTERFACE (Correct for Gradio 4.x)
+# BUILD GRADIO INTERFACE
 # -------------------------------------------------------------
 with gr.Blocks(theme=gr.themes.Soft()) as iface:
 
-    # Inject CSS manually (Gradio 4.x)
+    # Inject CSS manually
     gr.HTML(f"<style>{custom_css}</style>")
 
-    gr.HTML("""
-    <div class="main-header">
-        🌈 StoryTime AI🎪
-    </div>
-    """)
-
-    gr.HTML("""
-    <div class="subtitle">
-        🎯 Create amazing stories that spark imagination and teach valuable lessons!
-    </div>
-    """)
+    gr.HTML('<div class="main-header">🌈 StoryTime AI🎪</div>')
+    gr.HTML('<div class="subtitle">🎯 Create amazing stories that spark imagination and teach valuable lessons!</div>')
 
     with gr.Row():
         # LEFT PANEL
@@ -235,25 +222,14 @@ with gr.Blocks(theme=gr.themes.Soft()) as iface:
         # RIGHT PANEL
         with gr.Column(scale=2):
             with gr.Group(elem_classes="story-container"):
-                gr.Markdown("### 📖 Your Magical Story")
                 story_output = gr.Markdown(
                     "Your story will appear here! Choose settings and click the magic button! 🎇",
                     show_label=False
                 )
 
-            with gr.Group():
-                gr.Markdown("### 🎧 Listen to Your Story")
-                audio_output = gr.Audio(
-                    label="Audio Story",
-                    elem_classes="audio-player",
-                    show_label=False
-                )
+            audio_output = gr.Audio(label="Audio Story", elem_classes="audio-player", show_label=False)
 
-    gr.HTML("""
-    <div class="footer">
-        Made with ❤ for young readers everywhere! | Watch your stories come to life! ✨
-    </div>
-    """)
+    gr.HTML('<div class="footer">Made with ❤ for young readers everywhere! | Watch your stories come to life! ✨</div>')
 
     generate_btn.click(
         create_story_interface,
@@ -261,9 +237,8 @@ with gr.Blocks(theme=gr.themes.Soft()) as iface:
         [story_output, audio_output]
     )
 
-
 # -------------------------------------------------------------
 # LAUNCH APP
 # -------------------------------------------------------------
-if _name_ == "_main_":
-    iface.launch()
+if __name__ == "__main__":
+    iface.launch()