Update style.css

style.css

@@ -0,0 +1,31 @@
+/* Custom CSS for better styling */
+.gradio-container {
+    max-width: 1200px !important;
+    margin: auto;
+}
+
+.tab-selected {
+    background-color: #f0f2f6 !important;
+    border-radius: 8px 8px 0 0 !important;
+}
+
+.input-column, .output-column {
+    background-color: white;
+    padding: 20px;
+    border-radius: 10px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+.gr-button {
+    background-color: #2c3e50 !important;
+    color: white !important;
+}
+
+.gr-button:hover {
+    background-color: #34495e !important;
+}
+
+.gr-form {
+    border: none !important;
+    background: transparent !important;
+}