Update app.py

app.py

@@ -80,7 +80,7 @@ def mock_ai_model(image):
     edge_ratio = edge_count / (width * height)
 
     # Final Completion criteria: high brightness, low variation, low edges (finished look)
-    if brightness_avg > 230 and color_variation < 10 and edge_ratio < 0.03:
+    if brightness_avg > 220 and color_variation < 15 and edge_ratio < 0.05:
         return "Final Completion", 100, 0.95
 
     # Fallback to hash-based simulation
@@ -193,74 +193,56 @@ 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 updated styling
+# Gradio UI with enhanced styling
 with gr.Blocks(css="""
     .gradio-container {
-        background-color: #f5f7fa;
+        background-color: #f0f4f8;
         font-family: Arial, sans-serif;
-        padding: 15px;
     }
     .title {
-        color: #2e86ab;
-        font-size: 26px;
+        color: #2c3e50;
+        font-size: 24px;
         text-align: center;
         font-weight: bold;
-        margin-bottom: 15px;
     }
     .gradio-row {
         text-align: center;
-        margin-bottom: 10px;
     }
     .gradio-container .output {
-        background-color: #ffffff;
-        padding: 10px;
-        border-radius: 6px;
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-        text-align: left;
-        font-size: 15px;
+        text-align: center;
     }
     .gradio-container .input {
         text-align: center;
-        margin-bottom: 8px;
     }
     .gradio-container .button {
         display: block;
         margin: 0 auto;
-        background: linear-gradient(to right, #4a90e2, #2e86ab);
+        background-color: #3498db;
         color: white;
         border: none;
         padding: 10px 20px;
-        border-radius: 6px;
+        border-radius: 5px;
         cursor: pointer;
-        font-size: 15px;
-        transition: background 0.3s;
     }
     .gradio-container .button:hover {
-        background: #2e86ab;
+        background-color: #2980b9;
     }
     progress::-webkit-progress-value {
-        background-color: #e74c3c;
-        border-radius: 4px;
+        background-color: #2ecc71;
+        border-radius: 5px;
     }
     progress::-webkit-progress-bar {
         background-color: #ecf0f1;
-        border-radius: 4px;
+        border-radius: 5px;
     }
     details summary {
         cursor: pointer;
-        padding: 8px;
+        padding: 10px;
         background-color: #ecf0f1;
-        border-radius: 4px;
-        font-weight: bold;
-        margin-bottom: 5px;
+        border-radius: 5px;
     }
     details ul {
-        margin-top: 8px;
-        padding-left: 18px;
-    }
-    .output strong {
-        color: #2e86ab;
-        font-weight: bold;
+        margin-top: 10px;
     }
 """) as demo:
     gr.Markdown("<h1 class='title'>Construction Progress Analyzer</h1>")