feat: Replace custom CSS with Gradio's built-in styling for columns

app.py

@@ -57,32 +57,21 @@ if __name__ == "__main__":
             )
 
         with gr.Row():
-            with gr.Column(elem_id="column1"):
+            with gr.Column(
+                elem_id="column1",
+                variant="panel",
+                scale=1,
+                min_width=300,
+            ):
                 text1 = gr.Markdown()
-            with gr.Column(elem_id="column2"):
+            with gr.Column(
+                elem_id="column2",
+                variant="panel",
+                scale=1,
+                min_width=300,
+            ):
                 text2 = gr.Markdown()
 
-        # Add custom CSS
-        gr.Markdown(
-            """
-            <style>
-            #column1, #column2 {
-                border: 2px solid #ddd;
-                border-radius: 10px;
-                padding: 10px;
-                margin: 10px;
-                background-color: #f9f9f9;
-            }
-            #column1 {
-                border-color: #007bff;
-            }
-            #column2 {
-                border-color: #28a745;
-            }
-            </style>
-            """
-        )
-
         def update_representations(*args):
             text1_content, text2_content = display_representations(*args)
             return (