no crop

.gitignore

@@ -0,0 +1 @@
+.cursor

app.py

@@ -268,6 +268,22 @@ def infer(
 css = """
 #col-container { margin: 0 auto; max-width: 960px; }
 #main-title h1 { font-size: 2.1em !important; }
+/* Preview defaults to cropping (cover-like); contain keeps the full image in frame */
+#col-container .image-frame,
+#col-container .image-frame > div,
+.contain-preview .image-frame,
+.contain-preview .image-frame > div {
+  overflow: visible !important;
+}
+#col-container .image-frame img,
+.contain-preview .image-frame img {
+  object-fit: contain !important;
+  height: auto !important;
+  max-height: min(75vh, 900px) !important;
+  width: auto !important;
+  max-width: 100% !important;
+  margin-inline: auto;
+}
 """
 
 LORA_NAMES = ["None"] + sorted(LORA_CONFIGS.keys())
@@ -280,9 +296,13 @@ with gr.Blocks(css=css, theme=steel_blue_theme) as demo:
             "Add optional extra LoRAs below — selecting one auto-fills its trigger words."
         )
 
-        with gr.Row(equal_height=True):
+        with gr.Row(equal_height=False):
             with gr.Column():
-                input_image = gr.Image(label="Input Image", type="pil", height=300)
+                input_image = gr.Image(
+                    label="Input Image",
+                    type="pil",
+                    elem_classes=["contain-preview"],
+                )
                 prompt = gr.Textbox(
                     label="Edit Prompt",
                     placeholder="e.g. nude woman, remove clothing, detailed skin texture...",
@@ -292,7 +312,10 @@ with gr.Blocks(css=css, theme=steel_blue_theme) as demo:
 
             with gr.Column():
                 output_image = gr.Image(
-                    label="Output", interactive=False, format="png", height=300
+                    label="Output",
+                    interactive=False,
+                    format="png",
+                    elem_classes=["contain-preview"],
                 )
 
                 with gr.Accordion("➕ Extra LoRAs (optional)", open=False):