better layout

app.py

@@ -138,6 +138,25 @@ def resize_for_model(image_path):
     )
     return new_img, target_size
 
+def get_duration(
+    text_prompt,
+    image,
+    sample_steps,
+    video_seed,
+    solver_name,
+    shif,
+    video_guidance_scale,
+    audio_guidance_scale,
+    slg_layer,
+    video_negative_prompt,
+    audio_negative_prompt,
+    progress,
+):
+    warmup = 20
+
+    return int(sample_steps * 3 + warmup)
+    
+
 @spaces.GPU(duration=160)
 def generate_video(
     text_prompt,
@@ -211,15 +230,7 @@ def generate_image(text_prompt, image_seed, image_height, image_width):
 css = """
     #col-container {
         margin: 0 auto;
-        max-width: 1560px;
-    }
-    /* editable vs locked, reusing theme variables that adapt to dark/light */
-    .stateful textarea:not(:disabled):not([readonly]) {
-      color: var(--color-text) !important;            /* accent in both modes */
-    }
-    .stateful textarea:disabled,
-    .stateful textarea[readonly]{
-      color: var(--body-text-color-subdued) !important; /* subdued in both modes */
+        max-width: 1024px;
     }
     """
 
@@ -230,15 +241,15 @@ with gr.Blocks(css=css) as demo:
     with gr.Column(elem_id="col-container"):
         gr.HTML(
             """
-            <div style="text-align: left;">
-                <p style="font-size:16px; display: inline; margin: 0;">
+            <div style="text-align: center;">
+                <p style="font-size:26px; display: inline; margin: 0;">
                     <strong>Ovi</strong> – Twin Backbone Cross-Modal Fusion for Audio-Video Generation
                 </p>
                 <a href="https://huggingface.co/chetwinlow1/Ovi" style="display: inline-block; vertical-align: middle; margin-left: 0.5em;">
                     [model]
                 </a>
             </div>
-            <div style="text-align: left;">
+            <div style="text-align: center;">
                 <strong>HF Space by:</strong>
                 <a href="https://twitter.com/alexandernasa/" style="display: inline-block; vertical-align: middle; margin-left: 0.5em;">
                     <img src="https://img.shields.io/twitter/url/https/twitter.com/cloudposse.svg?style=social&label=Follow Me" alt="GitHub Repo">