src/main/resources/static/css/rotate-pdf.css

@@ -27,3 +27,16 @@
   display: flex;
   justify-content: space-around;
 }
+
+#pdf-preview-large {
+  margin: 0 auto;
+  display: block;
+  max-width: calc(100% - 30px);
+  max-height: calc(100% - 30px);
+  box-shadow: 0 0 4px rgba(100, 100, 100, 0.25);
+  transition: rotate 0.3s;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  translate: -50% -50%;
+}

src/main/resources/static/js/multitool/PdfActionsManager.js

@@ -192,6 +192,23 @@ class PdfActionsManager {
 
     return div;
   }
+
+  rotateElement(element, deg) {
+    var lastTransform = element.style.rotate;
+    if (!lastTransform) {
+      lastTransform = "0";
+    }
+    const lastAngle = parseInt(lastTransform.replace(/[^\d-]/g, ""));
+    const newAngle = lastAngle + deg;
+
+    element.style.rotate = newAngle + "deg";
+
+    // Update the larger preview rotation
+    const previewElement = document.getElementById("pdf-preview");
+    if (previewElement) {
+      previewElement.style.rotate = newAngle + "deg";
+    }
+  }
 }
 
 export default PdfActionsManager;

src/main/resources/static/js/multitool/PdfContainer.js

@@ -117,6 +117,12 @@ class PdfContainer {
     const newAngle = lastAngle + deg;
 
     element.style.rotate = newAngle + "deg";
+
+    // Update the larger preview rotation
+    const previewElement = document.getElementById("pdf-preview");
+    if (previewElement) {
+      previewElement.style.rotate = newAngle + "deg";
+    }
   }
 
   async addPdfFile(file, nextSiblingElement) {