Fix horizontal zoom stretching - allow width to scale properly

- Remove max-width constraint that was limiting horizontal scaling
- Add display: inline-block to container for proper sizing
- Add image-rendering: crisp-edges for sharp pixel display
- Now both width and height scale proportionally without distortion

app.py

@@ -86,15 +86,16 @@ def apply_zoom_output(zoom_level):
         border: 1px solid #ccc;
         border-radius: 4px;
         overflow: auto;
-        max-width: 100%;
         max-height: 600px;
         padding: 10px;
         background-color: #f9f9f9;
+        display: inline-block;
     ">
         <img src="data:image/png;base64,{img_base64}" style="
             width: {new_w}px;
             height: {new_h}px;
             display: block;
+            image-rendering: crisp-edges;
         " />
     </div>
     <p style="font-size: 12px; color: #666; margin-top: 5px;">
@@ -127,15 +128,16 @@ def apply_zoom_preprocessed(zoom_level):
         border: 1px solid #ccc;
         border-radius: 4px;
         overflow: auto;
-        max-width: 100%;
         max-height: 600px;
         padding: 10px;
         background-color: #f9f9f9;
+        display: inline-block;
     ">
         <img src="data:image/png;base64,{img_base64}" style="
             width: {new_w}px;
             height: {new_h}px;
             display: block;
+            image-rendering: crisp-edges;
         " />
     </div>
     <p style="font-size: 12px; color: #666; margin-top: 5px;">