better image preview window

VisionBuilder.UI.Blazor/wwwroot/css/visionbuilder.css

@@ -244,28 +244,52 @@
 }
 
 /* Image Preview Dialog */
-.image-preview-dialog {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 12px;
+.image-preview-dlg .mud-dialog-content {
+    padding: 0 !important;
 }
 
-.image-preview-img {
-    max-width: 100%;
-    max-height: 60vh;
-    object-fit: contain;
-}
-
-.image-preview-info {
+.imgpreview-label {
     text-align: center;
+    font-size: 1rem;
+    padding: 4px 16px;
+    background: #fff;
 }
 
-.image-preview-actions {
+.imgpreview-toolbar {
+    display: flex;
+    justify-content: space-between;
+    padding: 8px 16px;
+    gap: 8px;
+}
+
+.imgpreview-toolbar-left,
+.imgpreview-toolbar-right {
     display: flex;
     gap: 8px;
-    flex-wrap: wrap;
+}
+
+.imgpreview-btn {
+    min-width: 140px !important;
+    height: 52px !important;
+    font-weight: 600 !important;
+    font-size: 0.8rem !important;
+    font-family: 'Verdana', sans-serif !important;
+}
+
+.imgpreview-image-area {
+    flex: 1;
+    display: flex;
+    align-items: center;
     justify-content: center;
+    background: #fff;
+    min-height: 0;
+    padding: 8px 16px 16px;
+}
+
+.imgpreview-image {
+    max-width: 100%;
+    max-height: calc(100vh - 200px);
+    object-fit: contain;
 }
 
 /* Settings Dialog */