Update app.py

app.py

@@ -257,6 +257,13 @@ input[type="checkbox"] {
     background: #764ba2;
     transform: translateY(-2px);
 }
+.feature-box {
+    background: #f8fafc;
+    border: 1px solid #e2e8f0;
+    padding: 20px;
+    border-radius: 12px;
+    margin: 10px 0;
+  
 """
 
 # ─────────  Gradio Blocks ─────────
@@ -285,7 +292,7 @@ with gr.Blocks(css=custom_css, title="Jewellery Photography Preview") as demo:
         # left inputs
         with gr.Column(scale=0.4):
             gr.HTML("""
-                <div style="text-align:center; margin-bottom: 10px;">
+                <div class="feature-box"">
                     <h3>🖼️ Upload Jewellery Image</h3>
                     <p style="color: #666; font-size: 14px;">Select a clear jewellery image for best results</p>
                 </div>
@@ -311,7 +318,7 @@ with gr.Blocks(css=custom_css, title="Jewellery Photography Preview") as demo:
         # right outputs
         with gr.Column():
             gr.HTML("""
-                <div style="text-align:center; margin-bottom: 10px;">
+                <div class="feature-box">
                     <h3>🎨 AI Generated Results</h3>
                     <p style="color: #666; font-size: 14px;">Preview overlay detection and final professional background</p>
                 </div>