Update app.py

app.py

@@ -103,10 +103,10 @@ class GradioInterface:
         self.prompt_refiner = prompt_refiner
         custom_css = """
 .container {
-    border: 2px solid #FFA500;  /* Back to blue */
+    border: 2px solid #FF9800;  /* Changed to orange */
     border-radius: 10px;
-    padding: 12px;      /* Reduced from 20px */
-    margin: 6px;        /* Reduced from 15px */
+    padding: 12px;
+    margin: 8px;
     background: white;
     position: relative;
 }
@@ -117,17 +117,31 @@ class GradioInterface:
     left: 20px;
     background: white;
     padding: 0 10px;
-    color: #2196F3;    /* Back to blue */
+    color: #FF9800;  /* Changed to orange */
     font-weight: bold;
     font-size: 1.2em;
 }
 
-.no-background > div:first-child {
+/* Remove all input borders and backgrounds */
+.gradio-container input,
+.gradio-container textarea,
+.gradio-container select,
+.gradio-container .gr-text-input,
+.gradio-container .gr-input,
+.gradio-container .gr-box,
+.gradio-container .gr-textbox {
     border: none !important;
     background: transparent !important;
     box-shadow: none !important;
 }
 
+/* Remove focus outlines */
+*:focus {
+    outline: none !important;
+    box-shadow: none !important;
+}
+
+/* Container labels */
 .title-container::before { content: ''; }
 .input-container::before { content: 'PROMPT REFINEMENT'; }
 .analysis-container::before { content: 'ANALYSIS & REFINEMENT'; }
@@ -135,16 +149,11 @@ class GradioInterface:
 .results-container::before { content: 'RESULTS'; }
 .examples-container::before { content: 'EXAMPLES'; }
 
+/* Radio group styling */
 .radio-group {
     display: flex;
     gap: 8px;
-    margin: 6px 0;
-}
-
-/* Remove focus outlines */
-*:focus {
-    outline: none !important;
-    box-shadow: none !important;
+    margin: 8px 0;
 }
 """