Update app.py

app.py

@@ -59,6 +59,10 @@ custom_css = """
     padding: 2rem;
     margin: 1rem;
     transition: all 0.3s ease;
+    min-height: 800px;
+    width: 100%;
+    max-width: 1400px;
+    margin: 0 auto;
 }
 
 .title {
@@ -120,8 +124,27 @@ custom_css = """
     margin-top: 2rem;
     background: linear-gradient(145deg, #f3f4f6, #ffffff);
     border-radius: 15px;
-    padding: 1.5rem;
+    padding: 2.5rem;
     box-shadow: 5px 5px 10px #d1d1d1, -5px -5px 10px #ffffff;
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+}
+
+.input-box {
+    padding: 1.5rem;
+    background: #ffffff;
+    border-radius: 12px;
+    margin-bottom: 1.5rem;
+    box-shadow: inset 3px 3px 7px #e0e0e0, inset -3px -3px 7px #ffffff;
+}
+
+.slider-container {
+    margin: 2rem 0;
+}
+
+.textbox-container {
+    min-height: 150px;
 }
 """
 
@@ -134,12 +157,13 @@ with gr.Blocks(css=custom_css) as demo:
     with gr.Row(elem_classes="container"):
         # Left column for text input
         with gr.Column(scale=1):
-            text_input = gr.Textbox(
-                label="Text to Synthesize",
-                placeholder="Enter text here...",
-                elem_classes="input-group",
-                lines=5
-            )
+            with gr.Group(elem_classes="textbox-container"):
+                text_input = gr.Textbox(
+                    label="Text to Synthesize",
+                    placeholder="Enter text here...",
+                    elem_classes="input-group",
+                    lines=8
+                )
             
             submit_button = gr.Button(
                 "Generate Speech",
@@ -164,19 +188,21 @@ with gr.Blocks(css=custom_css) as demo:
                     elem_classes="input-group"
                 )
                 
-                temperature = gr.Slider(
-                    0.1, 1.0,
-                    value=0.1,
-                    label="Temperature (lower = more stable tone, higher = more expressive)",
-                    elem_classes="slider-3d"
-                )
+                with gr.Group(elem_classes="slider-container"):
+                    temperature = gr.Slider(
+                        0.1, 1.0,
+                        value=0.1,
+                        label="Temperature (lower = more stable tone, higher = more expressive)",
+                        elem_classes="slider-3d"
+                    )
                 
-                repetition_penalty = gr.Slider(
-                    0.5, 2.0,
-                    value=1.1,
-                    label="Repetition Penalty",
-                    elem_classes="slider-3d"
-                )
+                with gr.Group(elem_classes="slider-container"):
+                    repetition_penalty = gr.Slider(
+                        0.5, 2.0,
+                        value=1.1,
+                        label="Repetition Penalty",
+                        elem_classes="slider-3d"
+                    )
                 
                 reference_audio = gr.Audio(
                     label="Reference Audio (for voice cloning)",