Update app.py

app.py

@@ -196,10 +196,10 @@ def process_image(images, project_name, project_type):
     except Exception as e:
         return f"<p style='color: red;'>Error: {str(e)}</p>", "Failure", "", "", "0%"
 
-# Gradio UI with new updated styling
+# Gradio UI with updated new styling
 with gr.Blocks(css="""
     .gradio-container {
-        background-color: #e7f4f9;
+        background-color: #f9f9f9;
         font-family: 'Roboto', sans-serif;
     }
     .title {
@@ -216,10 +216,10 @@ with gr.Blocks(css="""
     .gradio-container .output {
         text-align: left;
         margin-top: 20px;
-        padding: 25px;
+        padding: 30px;
         background-color: #ffffff;
-        border-radius: 10px;
-        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+        border-radius: 15px;
+        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
         max-width: 800px;
         margin-left: auto;
         margin-right: auto;
@@ -235,14 +235,14 @@ with gr.Blocks(css="""
         padding: 0;
     }
     .gradio-container .output li {
-        padding: 12px;
-        margin-bottom: 15px;
-        border-radius: 8px;
+        padding: 14px;
+        margin-bottom: 18px;
+        border-radius: 10px;
         font-size: 16px;
         transition: background-color 0.3s ease;
     }
     .gradio-container .output li.success {
-        background-color: #2ecc71;
+        background-color: #27ae60;
         color: white;
     }
     .gradio-container .output li.error {
@@ -251,7 +251,7 @@ with gr.Blocks(css="""
     }
     .gradio-container .button {
         display: block;
-        margin: 20px auto;
+        margin: 25px auto;
         background-color: #3498db;
         color: white;
         border: none;