zoom

frontend/src/styles.css

@@ -233,9 +233,17 @@ button.danger:hover:not([disabled]) {
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  gap: 1.25rem;
   max-width: 95vw;
   max-height: 95vh;
+  cursor: zoom-in;
+}
+
+.preview-zoom__stage--native {
+  cursor: grab;
+}
+
+.preview-zoom__stage--dragging {
+  cursor: grabbing;
 }
 
 .preview-zoom__image {
@@ -259,11 +267,13 @@ button.danger:hover:not([disabled]) {
   gap: 0.9rem;
   opacity: 0;
   transition: opacity 0.18s ease;
+  pointer-events: none;
 }
 
 .preview-zoom__stage:hover .preview-zoom__nav,
 .preview-zoom__stage:focus-within .preview-zoom__nav {
   opacity: 1;
+  pointer-events: auto;
 }
 
 .preview-zoom__nav-button {
@@ -1826,7 +1836,6 @@ button.danger:hover:not([disabled]) {
   filter: drop-shadow(0 2px 6px var(--shadow-soft));
   transform-origin: center;
   border-radius: 6px;
-  overflow: hidden;
   pointer-events: none;
 }