Update app.py

app.py

@@ -271,9 +271,9 @@ with gr.Blocks() as demo:
     with gr.Tabs(selected=0):
         # Image Edit Tab (Responsive Layout: Row on Desktop, Column on Mobile)
         with gr.TabItem("Edit Image", id=0):
-            with gr.Row(): # <-- Re-introducing the responsive row
+            with gr.Row(): # <-- This creates the responsive horizontal layout on wide screens
                 # Left Column (Inputs)
-                with gr.Column(scale=1, variant="panel"): 
+                with gr.Column(scale=1, variant="panel"): # <-- This is the first pane (left side)
                     gr.Markdown("### 🖼️ Input Image & Controls")
                     input_image = gr.Image(
                         label="Upload Image",
@@ -302,7 +302,7 @@ with gr.Blocks() as demo:
                     edit_btn = gr.Button("Edit Image", variant="primary", size="lg", elem_classes=["primary-btn"])
 
                 # Right Column (Output)
-                with gr.Column(scale=1, variant="panel"):
+                with gr.Column(scale=1, variant="panel"): # <-- This is the second pane (right side)
                     gr.Markdown("### ✨ Result")
                     output_image = gr.Image(
                         label="Result",
@@ -325,7 +325,7 @@ with gr.Blocks() as demo:
 
         # Text-to-Image Tab (Responsive Layout: Row on Desktop, Column on Mobile)
         with gr.TabItem("Generate Image", id=1):
-            with gr.Row(): # <-- Re-introducing the responsive row
+            with gr.Row(): # <-- This creates the responsive horizontal layout on wide screens
                 # Left Column (Inputs)
                 with gr.Column(scale=1, variant="panel"):
                     gr.Markdown("### 🎨 Generation Controls")