Update styles.py

styles.py

@@ -1157,4 +1157,33 @@ def get_css_styles():
             
         }
 
+        /* Responsive styles */
+        @media (max-width: 768px) {
+            .container { width: 100% !important; padding: 10px !important; }
+            .tabs { overflow-x: auto; -webkit-overflow-scrolling: touch; }
+            .tab-nav { display: flex; flex-wrap: nowrap; }
+            .tab-nav button { 
+                white-space: nowrap;
+                padding: clamp(8px, 2vw, 16px) !important;
+            }
+            .image-container img {
+                max-width: 100% !important;
+                height: auto !important;
+            }
+            .flex-container { flex-direction: column !important; }
+            .upload-box { min-height: 120px !important; }
+            .gradio-group { margin: 8px 0 !important; }
+            
+            /* Improve touch targets */
+            button, select, input[type="checkbox"] {
+                min-height: 44px !important;
+                min-width: 44px !important;
+            }
+            
+            /* Responsive typography */
+            h1 { font-size: clamp(1.8rem, 4vw, 2.5em) !important; }
+            h2 { font-size: clamp(1rem, 2vw, 1.2em) !important; }
+            p { font-size: clamp(0.8rem, 1.5vw, 0.9em) !important; }
+        }
+        
         """