Update app.py

app.py

@@ -28,20 +28,21 @@ async def text_to_speech(text, voice, rate, pitch):
     if not voice:
         return None, "Please select a voice."
 
-    voice_short_name = voice.split(" - ")[0]
+    voice_short = voice.split(" - ")[0]
 
     rate_str = f"{rate:+d}%"
     pitch_str = f"{pitch:+d}Hz"
 
     communicate = edge_tts.Communicate(
         text,
-        voice_short_name,
+        voice_short,
         rate=rate_str,
         pitch=pitch_str,
     )
 
     with tempfile.NamedTemporaryFile(
-        delete=False, suffix=".mp3"
+        delete=False,
+        suffix=".mp3",
     ) as tmp:
         path = tmp.name
         await communicate.save(path)
@@ -62,7 +63,7 @@ async def tts_interface(text, voice, rate, pitch):
 
 
 # -----------------------------
-# Custom Theme + CSS
+# Theme + CSS
 # -----------------------------
 
 SPJIMR_THEME = gr.themes.Base(
@@ -72,7 +73,6 @@ SPJIMR_THEME = gr.themes.Base(
     font=["Inter", "sans-serif"],
 )
 
-
 CUSTOM_CSS = """
 body {
     background: #FAF8F6 !important;
@@ -84,16 +84,7 @@ body {
     border-radius: 12px;
     color: white;
     text-align: center;
-}
-
-#header h1 {
-    font-size: 32px;
-    margin-bottom: 5px;
-}
-
-#header p {
-    opacity: 0.9;
-    font-size: 15px;
+    margin-bottom: 20px;
 }
 
 .card {
@@ -107,7 +98,6 @@ body {
 .section-title {
     color: #7A1E2D;
     font-weight: 600;
-    margin-bottom: 10px;
 }
 
 .footer {
@@ -127,118 +117,80 @@ async def create_demo():
 
     voices = await get_voices()
 
-    with gr.Blocks(
-        theme=SPJIMR_THEME,
-        css=CUSTOM_CSS,
-        analytics_enabled=False,
-    ) as demo:
+    with gr.Blocks(analytics_enabled=False) as demo:
 
-        # -------------------------
         # Header
-        # -------------------------
-
         gr.HTML("""
         <div id="header">
             <h1>🎙️ SPJIMR AI Voice Studio</h1>
-            <p>Professional Text-to-Speech Generation Platform</p>
+            <p>Professional Text-to-Speech Platform</p>
         </div>
         """)
 
-        gr.Markdown("")
-
-        # -------------------------
-        # Main Panel
-        # -------------------------
-
+        # Main Layout
         with gr.Row():
 
-            # Left: Input Panel
+            # Input
             with gr.Column(scale=5):
 
-                with gr.HTML('<div class="card">'):
-
-                    gr.Markdown(
-                        "### 📝 Input",
-                        elem_classes="section-title",
-                    )
-
-                    text_input = gr.Textbox(
-                        label="Text Script",
-                        lines=7,
-                        placeholder="Enter lecture notes, podcast scripts, or narration text...",
-                    )
+                gr.Markdown(
+                    "### 📝 Input",
+                    elem_classes="section-title",
+                )
 
-                    voice_dropdown = gr.Dropdown(
-                        choices=[""] + list(voices.keys()),
-                        label="Voice Selection",
-                        value="",
-                    )
+                text_input = gr.Textbox(
+                    label="Text Script",
+                    lines=7,
+                    placeholder="Enter lecture notes, podcast scripts, or narration...",
+                )
 
-                gr.HTML("</div>")
+                voice_dropdown = gr.Dropdown(
+                    choices=[""] + list(voices.keys()),
+                    label="Voice Selection",
+                    value="",
+                )
 
 
-            # Right: Controls
+            # Controls
             with gr.Column(scale=4):
 
-                with gr.HTML('<div class="card">'):
+                gr.Markdown(
+                    "### 🎛️ Controls",
+                    elem_classes="section-title",
+                )
 
-                    gr.Markdown(
-                        "### 🎛️ Voice Controls",
-                        elem_classes="section-title",
-                    )
+                rate_slider = gr.Slider(
+                    -50, 50, 0, step=1,
+                    label="Speech Rate (%)"
+                )
 
-                    rate_slider = gr.Slider(
-                        minimum=-50,
-                        maximum=50,
-                        value=0,
-                        step=1,
-                        label="Speech Rate (%)",
-                    )
+                pitch_slider = gr.Slider(
+                    -20, 20, 0, step=1,
+                    label="Pitch (Hz)"
+                )
 
-                    pitch_slider = gr.Slider(
-                        minimum=-20,
-                        maximum=20,
-                        value=0,
-                        step=1,
-                        label="Pitch (Hz)",
-                    )
+                generate_btn = gr.Button(
+                    "Generate Audio",
+                    variant="primary",
+                    size="lg",
+                )
 
-                    generate_btn = gr.Button(
-                        "Generate Audio",
-                        variant="primary",
-                        size="lg",
-                    )
 
-                gr.HTML("</div>")
-
-
-        # -------------------------
-        # Output Panel
-        # -------------------------
-
-        with gr.HTML('<div class="card">'):
-
-            gr.Markdown(
-                "### 🔊 Output",
-                elem_classes="section-title",
-            )
-
-            audio_output = gr.Audio(
-                label="Generated Speech",
-                type="filepath",
-            )
+        # Output
+        gr.Markdown(
+            "### 🔊 Output",
+            elem_classes="section-title",
+        )
 
-            warning_md = gr.Markdown(
-                visible=False
-            )
+        audio_output = gr.Audio(
+            label="Generated Speech",
+            type="filepath",
+        )
 
-        gr.HTML("</div>")
+        warning_md = gr.Markdown(visible=False)
 
 
-        # -------------------------
         # Actions
-        # -------------------------
-
         generate_btn.click(
             fn=tts_interface,
             inputs=[
@@ -254,13 +206,10 @@ async def create_demo():
         )
 
 
-        # -------------------------
         # Footer
-        # -------------------------
-
         gr.HTML("""
         <div class="footer">
-            © 2026 · SPJIMR AI Systems Lab · Experimental Research Platform
+            © 2026 · SPJIMR AI Systems Lab · Research Platform
         </div>
         """)
 
@@ -280,7 +229,10 @@ async def main():
         default_concurrency_limit=50
     )
 
-    demo.launch()
+    demo.launch(
+        theme=SPJIMR_THEME,
+        css=CUSTOM_CSS,
+    )
 
 
 if __name__ == "__main__":