Update app.py

app.py

@@ -171,6 +171,7 @@ body, .gradio-container { background-color: #f0f2f5; }
     border: 1px solid #ddd;
     padding: 20px;
     margin-bottom: 20px;
+    height: 100%; /* Important for equal height */
 }
 
 /* Similar Recipe Cards */
@@ -215,7 +216,7 @@ with gr.Blocks(title="Legacy Kitchen") as demo:
                     <span class="app-slogan">Turning Handwritten Notes into a Digital Cookbook.</span>
                 </div>
             </div>
-            <div style="color: #65676b; font-weight: 600;">v3.2</div>
+            <div style="color: #65676b; font-weight: 600;">v3.3</div>
         </div>
     """)
 
@@ -243,14 +244,15 @@ with gr.Blocks(title="Legacy Kitchen") as demo:
                 
                 # SECTION 1: UPLOAD & TEXT
                 with gr.Row(elem_classes=["gap-fix"]):
+                    
                     # Left: Upload & Examples
                     with gr.Column(scale=1):
-                        gr.Markdown("### 1. Upload Note", elem_classes=["content-card"])
+                        # FIX 1: Removed Header "1. Upload Note"
                         with gr.Group(elem_classes=["content-card"]):
                             input_img = gr.Image(type="filepath", label="Upload", height=300)
                             magic_btn = gr.Button("✨ Convert to Digital", variant="primary", size="lg")
                             
-                            # NEW: Examples Component
+                            # Examples Component
                             gr.Examples(
                                 examples=[
                                     ["quick_tries_images/applecrisp.jpg"],
@@ -259,15 +261,22 @@ with gr.Blocks(title="Legacy Kitchen") as demo:
                                 ],
                                 inputs=input_img,
                                 label="Or try these examples:",
-                                # cache_examples=False ensures fast startup and no build errors
                                 cache_examples=False
                             )
                     
                     # Right: Text
                     with gr.Column(scale=1):
-                        gr.Markdown("### 2. Digital Text", elem_classes=["content-card"])
+                        # FIX 2: Removed Header "2. Digital Text"
                         with gr.Group(elem_classes=["content-card"]):
-                            out_text = gr.Textbox(label="Result", lines=12, interactive=False, show_label=False)
+                            # FIX 3: Added Empty State Placeholder
+                            # FIX 4: Increased lines to 20 to align bottom with the left column examples
+                            out_text = gr.Textbox(
+                                label="Result", 
+                                value="Here your digitalized recipe will be presented",
+                                lines=20, 
+                                interactive=False, 
+                                show_label=False
+                            )
 
                 # Spacer
                 gr.HTML("<div style='height: 35px;'></div>")