Update app.py

app.py

@@ -158,7 +158,20 @@ class VideoArenaManager:
 def create_arena_interface():
     manager = VideoArenaManager()
 
-    with gr.Blocks(title="Video Model Ranking Arena") as demo:
+    with gr.Blocks(
+        title="Video Model Ranking Arena",
+        css="""
+            .invisible-textbox {
+                position: fixed;
+                opacity: 0;
+                pointer-events: auto;
+                width: 0;
+                height: 0;
+                padding: 0;
+                margin: 0;
+            }
+        """,
+    ) as demo:
         gr.Markdown(
             "# Video Model Ranking Arena\n\nCompare generated videos and help determine which model performs best!"
         )
@@ -193,21 +206,6 @@ def create_arena_interface():
                     elem_classes="invisible-textbox",
                 )
 
-        # Add custom CSS to hide the textbox but keep it functional
-        demo.style(
-            """
-            .invisible-textbox {
-                position: fixed;
-                opacity: 0;
-                pointer-events: auto;
-                width: 0;
-                height: 0;
-                padding: 0;
-                margin: 0;
-            }
-            """
-        )
-
         # Remove the initial tab declaration and wrap the rankings content in a Row instead
         rankings_section = gr.Row(visible=False)
         with rankings_section: