Fix layout: arrange examples left, inputs, result, controls right

app.py

@@ -288,19 +288,8 @@ with gr.Blocks(title="YOURMIRROR.IO - SM4LL-VTON Demo") as demo:
     IMG_SIZE = 256
 
     with gr.Row():
-        # Left spacer column
+        # Left column: Example images
         with gr.Column(scale=1):
-            pass
-        
-        # Base image column
-        with gr.Column(scale=1):
-            base_in = gr.Image(
-                label="Base Image",
-                type="pil",
-                height=IMG_SIZE,
-                width=IMG_SIZE,
-            )
-            # Base image examples directly below
             gr.Markdown("### base image examples")
             with gr.Row():
                 base_example_1 = gr.Image(
@@ -324,16 +313,7 @@ with gr.Blocks(title="YOURMIRROR.IO - SM4LL-VTON Demo") as demo:
                     width=120,
                     show_label=False,
                 )
-
-        # Product image column
-        with gr.Column(scale=1):
-            garment_in = gr.Image(
-                label="Product Image",
-                type="pil",
-                height=IMG_SIZE,
-                width=IMG_SIZE,
-            )
-            # Product image examples directly below
+            
             gr.Markdown("### product examples")
             with gr.Row():
                 product_example_1 = gr.Image(
@@ -358,7 +338,22 @@ with gr.Blocks(title="YOURMIRROR.IO - SM4LL-VTON Demo") as demo:
                     show_label=False,
                 )
 
-        # Result column
+        # Second column: Input fields
+        with gr.Column(scale=1):
+            base_in = gr.Image(
+                label="Base Image",
+                type="pil",
+                height=IMG_SIZE,
+                width=IMG_SIZE,
+            )
+            garment_in = gr.Image(
+                label="Product Image",
+                type="pil",
+                height=IMG_SIZE,
+                width=IMG_SIZE,
+            )
+
+        # Third column: Result
         with gr.Column(scale=2):
             result_out = gr.Image(
                 label="Result",
@@ -366,7 +361,7 @@ with gr.Blocks(title="YOURMIRROR.IO - SM4LL-VTON Demo") as demo:
                 width=512,
             )
 
-        # Controls column
+        # Right column: Controls
         with gr.Column(scale=1):
             workflow_selector = gr.Radio(
                 choices=[