Simplify interface to single output with exact size matching

- Removed dual outputs, now shows only one enhanced image
- Output image resized to exactly match input dimensions for comparison
- Simplified layout with side-by-side input and output
- Updated CSS to ensure identical display sizes
- Cleaner user experience focused on quality comparison

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

app.py

@@ -730,36 +730,34 @@ def upscale_and_resize_for_display(image):
     # Resize the upscaled image to match input size for display comparison
     display_upscaled = upscaled.resize(image.size, Image.LANCZOS)
 
-    return upscaled, display_upscaled
+    return display_upscaled
 
-# Custom CSS to ensure images display at same size
+# Custom CSS to ensure images display at exactly the same size
 css = """
 .image-container img {
     max-width: 100% !important;
-    max-height: 400px !important;
+    height: auto !important;
     object-fit: contain !important;
 }
 """
 
 with gr.Blocks(css=css, title="HAT Super-Resolution for Satellite Images") as iface:
     gr.Markdown("# HAT Super-Resolution for Satellite Images")
-    gr.Markdown("Upload a satellite image to enhance its resolution by 4x using a fine-tuned HAT model. Compare the input with the enhanced version side-by-side.")
+    gr.Markdown("Upload a satellite image to enhance its resolution by 4x using a fine-tuned HAT model. The output is resized to match the input size for easy comparison of quality improvements.")
 
     with gr.Row():
         with gr.Column():
             input_image = gr.Image(type="pil", label="Input Satellite Image", elem_classes=["image-container"])
-            submit_btn = gr.Button("Enhance Image", variant="primary")
 
         with gr.Column():
-            comparison_output = gr.Image(type="pil", label="Enhanced Output (Same Size for Comparison)", elem_classes=["image-container"])
+            output_image = gr.Image(type="pil", label="Enhanced Output (4x Super-Resolution)", elem_classes=["image-container"])
 
-    with gr.Row():
-        full_output = gr.Image(type="pil", label="Full Resolution Output (4x)")
+    submit_btn = gr.Button("Enhance Image", variant="primary")
 
     submit_btn.click(
         fn=upscale_and_resize_for_display,
         inputs=input_image,
-        outputs=[full_output, comparison_output]
+        outputs=output_image
     )
 
 if __name__ == "__main__":