Update app.py

app.py

@@ -209,6 +209,7 @@ def create_interface():
     
     custom_css = """
 .gradio-container {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }
 
@@ -216,8 +217,7 @@ def create_interface():
     background: rgba(255, 255, 255, 0.95);
     border-radius: 15px;
     padding: 25px;
-    margin: 15px auto;
-    max-width: 1200px;
+    margin: 15px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 }
 
@@ -238,6 +238,17 @@ def create_interface():
     text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
 }
 
+.info-bar {
+    background: linear-gradient(135deg, #4facfe, #00f2fe);
+    padding: 12px;
+    border-radius: 8px;
+    margin-bottom: 20px;
+    color: white;
+    text-align: center;
+    font-weight: 500;
+    box-shadow: 0 3px 12px rgba(79, 172, 254, 0.3);
+}
+
 .section-header {
     background: linear-gradient(135deg, #a8edea, #fed6e3);
     padding: 12px;
@@ -288,73 +299,28 @@ button.primary {
     font-weight: bold !important;
     font-size: 15px !important;
     box-shadow: 0 5px 15px rgba(255, 107, 107, 0.4) !important;
-    transition: all 0.2s ease-in-out;
 }
 
 button.primary:hover {
     box-shadow: 0 8px 25px rgba(255, 107, 107, 0.6) !important;
-    transform: translateY(-2px);
-    opacity: 0.95 !important;
+    opacity: 0.9 !important;
 }
 
-.examples .gallery {
-    gap: 8px !important;
-}
-
-.examples .gallery-item {
-    border-radius: 8px !important;
-    background-color: #f0f0f0 !important;
-    border: 1px solid #ddd !important;
-    padding: 10px !important;
+.examples .example-button {
     text-align: left !important;
-    transition: background-color 0.2s, border-color 0.2s;
-}
-
-.examples .gallery-item:hover {
-    background-color: #e0e0e0 !important;
-    border-color: #ccc !important;
-}
-
-.examples .gallery-item span {
-    font-size: 14px !important;
-    white-space: normal !important;
-    width: 100% !important;
-}
-
-.image-output-container {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    min-height: 512px;
-    background: #f0f2f5;
-    border-radius: 12px;
-    overflow: hidden;
-}
-
-.image-output-container img {
-    max-height: 512px;
-    max-width: 100%;
-    object-fit: contain;
-}
-
-.preserve-aspect-ratio img {
-    object-fit: contain !important;
-    width: auto !important;
-    max-height: 512px !important;
+    justify-content: flex-start !important;
 }
 """
     
     with gr.Blocks(theme=gr.themes.Soft(), css=custom_css) as demo:
         with gr.Column(elem_classes="contain"):
             gr.HTML('<div class="title-container"><h1>🎨 PosterCraft-v1.0</h1></div>')
-            
-            with gr.Row(equal_height=False):
+
+            with gr.Row():
                 with gr.Column(scale=1, elem_classes="input-group"):
                     gr.HTML('<div class="section-header"><h3>⚙️ 1. Configuration</h3></div>')
                     prompt_input = gr.Textbox(label="💡 Prompt", lines=3, placeholder="Enter your creative prompt...")
-                    
-                    enable_recap_checkbox = gr.Checkbox(label="🔄 Enable Prompt Recap", value=True, info=f"Uses {DEFAULT_QWEN_MODEL_PATH} for rewriting.")
-
+                    enable_recap_checkbox = gr.Checkbox(label="🔄 Enable Prompt Recap", value=True, info=f"Uses Qwen3 for rewriting.")
                     gr.Examples(
                         examples=[
                             ["Urban Canvas Street Art Expo poster with bold graffiti-style lettering and dynamic colorful splashes"],
@@ -364,7 +330,7 @@ button.primary:hover {
                         ],
                         inputs=[prompt_input],
                         label="📝 Example Prompts",
-                        examples_per_page=5,
+                        examples_per_page=5
                     )
                     
                     with gr.Row():
@@ -374,24 +340,23 @@ button.primary:hover {
                     
                     num_inference_steps_input = gr.Slider(label="🔄 Inference Steps", minimum=1, maximum=100, value=28, step=1)
                     guidance_scale_input = gr.Slider(label="🎯 Guidance Scale (CFG)", minimum=0.0, maximum=20.0, value=3.5, step=0.1)
-                    seed_number_input = gr.Number(label="🎲 Seed", value=-1, minimum=-1, step=1, info="Leave blank or set to -1 for a random seed.")
+                    seed_number_input = gr.Number(label="🎲 Seed", value=None, minimum=-1, step=1, info="Leave blank or set to -1 for a random seed.")
                     generate_button = gr.Button("🚀 Generate Image", variant="primary")
 
                 with gr.Column(scale=1, elem_classes="result-section"):
                     gr.HTML('<div class="section-header"><h3>🎨 2. Results</h3></div>')
-                    with gr.Group(elem_classes=["image-output-container"]):
-                        image_output = gr.Image(label="🖼️ Generated Image", type="pil", show_download_button=True, height=512, elem_classes=["preserve-aspect-ratio"])
+                    image_output = gr.Image(label="🖼️ Generated Image", type="pil", show_download_button=True, height=512)
                     recapped_prompt_output = gr.Textbox(label="📝 Final Prompt Used", lines=5, interactive=False)
                     status_output = gr.Textbox(label="📊 Status Log", lines=4, interactive=False)
 
-        inputs_list = [
-            prompt_input, enable_recap_checkbox, height_input, width_input,
-            num_inference_steps_input, guidance_scale_input, seed_number_input
-        ]
-        outputs_list = [image_output, status_output, recapped_prompt_output]
+            inputs_list = [
+                prompt_input, enable_recap_checkbox, height_input, width_input,
+                num_inference_steps_input, guidance_scale_input, seed_number_input
+            ]
+            outputs_list = [image_output, recapped_prompt_output, status_output]
+            
+            generate_button.click(fn=generate_poster, inputs=inputs_list, outputs=outputs_list)
         
-        generate_button.click(fn=generate_poster, inputs=inputs_list, outputs=outputs_list)
-    
     return demo
 
 if __name__ == "__main__":