diff --git a/dental-server/dental-client/src/index.css b/dental-server/dental-client/src/index.css
index 9368f4b..87b54bc 100644
--- a/dental-server/dental-client/src/index.css
+++ b/dental-server/dental-client/src/index.css
@@ -411,6 +411,7 @@ body {
     padding: 16px;
     display: flex; flex-direction: column; align-items: center;
     box-shadow: var(--shadow-sm); min-width: 0; max-width: 45%;
+    overflow: hidden; /* confinamento obrigatório para rotação CSS */
 }
 
 .transform-panel.panel-preview {
@@ -419,9 +420,9 @@ body {
 }
 
 .panel-title { font-size: 1rem; font-weight: 700; color: var(--text-secondary); margin-bottom: 16px; }
-/* overflow: visible para não cortar imagens rotacionadas */
-.transform-panel .img-container { flex: 1; display: flex; align-items: center; justify-content: center; width: 100%; padding: 12px; box-sizing: border-box; }
-.transform-panel img { max-width: 100%; max-height: 320px; width: auto; height: auto; object-fit: contain; border-radius: var(--radius-sm); transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); display: block; }
+/* Imagem limitada a 65%: 65% × √2 ≈ 92% → cabe em qualquer rotação sem ser visualmente cortada */
+.transform-panel .img-container { flex: 1; display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1 / 1; max-height: 340px; }
+.transform-panel img { max-width: 65%; max-height: 65%; width: auto; height: auto; object-fit: contain; border-radius: var(--radius-sm); transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); display: block; }
 
 .transform-sidebar {
     width: 80px; display: flex; flex-direction: column;