Update app.py

app.py

@@ -480,32 +480,39 @@ theme = gr.themes.Base(
 
 with gr.Blocks(theme=theme, title="The PDF Alchemist") as demo:
     gr.Markdown("# ✨ The PDF Alchemist ✨")
-    gr.Markdown("Turn your ideas into beautifully crafted PDF scrolls. Use the power of AI or upload your own treasures.")
+    gr.Markdown("A single-page grimoire to turn your ideas into beautifully crafted PDF scrolls. Use the power of AI or upload your own treasures.")
 
     with gr.Row(equal_height=False):
+        # --- LEFT COLUMN: INPUTS & CONTROLS ---
         with gr.Column(scale=2):
-            with gr.Tabs():
-                with gr.TabItem("① Conjure Your Content 📜"):
-                    gr.Markdown("### 🤖 The Idea Golem")
-                    ai_prompt = gr.Textbox(label="Command the Golem", placeholder="e.g., 'A recipe for a dragon's breath chili...'")
+            with gr.Group():
+                with gr.Accordion("📜 Content Crucible (Your Ingredients)", open=True):
+                    gr.Markdown("### 🤖 Command Your Idea Golem")
+                    ai_prompt = gr.Textbox(label="Incantation (Prompt)", placeholder="e.g., 'A recipe for a dragon's breath chili...'")
                     generate_ai_btn = gr.Button("🧠 Animate Golem!")
-                    ai_content_output = gr.Textbox(label="Golem's Manuscript (Editable)", lines=15, interactive=True, value="# The Golem awaits your command!\n\n")
-                    gr.Markdown("<hr style='border-color: #374151;'>")
-                    gr.Markdown("### 📤 Or, Upload Your Treasures")
+                    ai_content_output = gr.Textbox(label="Golem's Manuscript (Editable)", lines=10, interactive=True, value="# The Golem awaits your command!\n\n")
+                    
+                    gr.Markdown("<hr style='border-color: #374151; margin-top: 20px; margin-bottom: 20px;'>")
+                    
+                    gr.Markdown("### 📤 Add Your Physical Treasures")
                     uploaded_files = gr.File(label="Upload Files (Images, PDFs, TXT)", file_count="multiple", file_types=['.png', '.jpg', '.jpeg', '.gif', '.bmp', '.tiff', '.pdf', '.txt'])
-                    gr.Markdown("*<p style='font-size:0.8rem; color: #9ca3af;'>Note: The Golem's manuscript and .txt files are combined. Images and PDF pages are appended after the text content.</p>*")
-                
-                with gr.TabItem("② Define Your Canvas 🎨"):
-                    gr.Markdown("### 📐 Choose Your Scroll")
+                    gr.Markdown("*<p style='font-size:0.8rem; color: #9ca3af;'>The Golem's manuscript and .txt files are combined. Images and PDF pages are appended after the text.</p>*")
+
+            with gr.Group():
+                with gr.Accordion("📐 Arcane Blueprints (Layout & Structure)", open=True):
+                    gr.Markdown("### Page & Column Spells")
                     selected_layouts = gr.CheckboxGroup(choices=list(LAYOUTS.keys()), label="Page Layouts", value=["A4 Portrait"])
                     num_columns_slider = gr.Slider(label="Number of Text Columns", minimum=1, maximum=4, step=1, value=1)
                     
-                    gr.Markdown("### ✍️ Scribe Your Margins")
+                    gr.Markdown("<hr style='border-color: #374151; margin-top: 20px; margin-bottom: 20px;'>")
+
+                    gr.Markdown("### Header & Footer Runes")
                     gr.Markdown("<p style='font-size:0.8rem; color: #9ca3af;'>Use `[Page #]` and `[Title]`. `[Total Pages]` works best in the footer.</p>")
                     header_input = gr.Textbox(label="Header Inscription", value="[Title]", placeholder="e.g., Arcane Folio - [Page #]")
                     footer_input = gr.Textbox(label="Footer Inscription", value="Page [Page #] of [Total Pages]", placeholder="e.g., Top Secret - Page [Page #]")
-                    
-                with gr.TabItem("③ Perfect Your Style 💅"):
+
+            with gr.Group():
+                with gr.Accordion("💅 Stylist's Sanctum (Fonts & Margins)", open=True):
                     gr.Markdown("### 🔤 Master the Glyphs")
                     selected_fonts = gr.CheckboxGroup(choices=AVAILABLE_FONTS, label="Fonts", value=[AVAILABLE_FONTS[0]] if AVAILABLE_FONTS else [])
                     font_size_body_slider = gr.Slider(label="Body Text Size (pt)", minimum=8, maximum=16, step=1, value=10)
@@ -513,6 +520,8 @@ with gr.Blocks(theme=theme, title="The PDF Alchemist") as demo:
                         font_size_h1_slider = gr.Slider(label="H1 Size", minimum=16, maximum=32, step=1, value=24)
                         font_size_h2_slider = gr.Slider(label="H2 Size", minimum=14, maximum=28, step=1, value=18)
                         font_size_h3_slider = gr.Slider(label="H3 Size", minimum=12, maximum=24, step=1, value=14)
+                    
+                    gr.Markdown("<hr style='border-color: #374151; margin-top: 20px; margin-bottom: 20px;'>")
 
                     gr.Markdown("### 📏 Set Your Boundaries (inches)")
                     with gr.Row():
@@ -522,8 +531,10 @@ with gr.Blocks(theme=theme, title="The PDF Alchemist") as demo:
                         margin_left_slider = gr.Slider(label="Left", minimum=0.25, maximum=1.5, step=0.05, value=0.75)
                         margin_right_slider = gr.Slider(label="Right", minimum=0.25, maximum=1.5, step=0.05, value=0.75)
 
+            # --- Main Generate Button ---
             generate_pdfs_btn = gr.Button("🔮 Alchemize PDF!", variant="primary", size="lg")
 
+        # --- RIGHT COLUMN: OUTPUTS ---
         with gr.Column(scale=3):
             gr.Markdown("### 🖼️ The Scrying Pool (Previews)")
             gallery_output = gr.Gallery(label="Generated PDF Previews", show_label=False, elem_id="gallery", columns=2, height=700, object_fit="contain")