Update ui/styles.css

ui/styles.css

@@ -1,55 +1,25 @@
-/* Target actual Gradio container and components */
-.gradio-container,  
-.block, 
-.form,
-.gr-group, {
-    background-color: white !important;
-}
 
-/* Target the main content areas */
-.contain, .wrap, .form {
-    background-color: white !important;
-}
 
 
 #control_panel {  
     background-color: white !important; */
-    padding: 15px !important;
-    margin: 10px !important;
+    padding: 1em !important;
+    margin: 1em !important;
 }
 
 #footer {
     text-align: center;
     color: gray;
-    font-size: 0.9em;
+    font-size: 1em;
 }
 
 
-#component-8 { background: white !important; }
-#component-9 { background: white !important; } 
-#component-10 { background: white !important; }
-
-
 /* Instructional Guidance Blocks */
 #component-8, #component-10 {
-    background: linear-gradient(135deg, #f8f9ff 0%, #f0f2ff 100%) !important;
-    border-radius: 8px !important;
-    padding: 24px !important;
+    padding: 2em !important;
     margin: 16px 0 !important;
-    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.1) !important;
 }
 
-/* Header styling for guidance */
-#component-8 .prose h1,
-#component-8 .prose h2,
-#component-8 .prose h3,
-#component-10 .prose h1,
-#component-10 .prose h2,
-#component-10 .prose h3 {
-    color: #1e293b !important;
-    margin-bottom: 12px !important;
-    font-weight: 600 !important;
-}
 
 /* Body text in guidance */
 #component-8 .prose p,