Aplica container queries e limites rígidos de dimensões aos 8 formatos de cartazes

public/style.css

@@ -3623,6 +3623,68 @@ code {
   100% { border-color: var(--border-light, #262626); }
 }
 
+/* Estilos para o Preview do Cartaz (Estúdio de Cartazes PedaGog) */
+#cartazPrintableArea {
+  container-type: inline-size;
+  box-sizing: border-box;
+  overflow: hidden !important; /* STRICT LIMIT: nothing overflows the paper! */
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+
+/* Garante que o conteúdo de texto se ajuste */
+#cartazPreviewContent {
+  font-size: 3.5cqw !important;
+  line-height: 1.4 !important;
+  flex: 1;
+  display: flex;
+  gap: 3cqw;
+  overflow: hidden;
+}
+
+#cartazPreviewContent > div, 
+#cartazPreviewContent > p, 
+#cartazPreviewContent > ul {
+  box-sizing: border-box !important;
+  padding: 3.5cqw !important;
+  border-radius: 2cqw !important;
+  font-size: 3cqw !important;
+  margin: 0 !important;
+}
+
+#cartazPreviewContent h2,
+#cartazPreviewContent h3 {
+  font-size: 4.5cqw !important;
+  margin-top: 0 !important;
+  margin-bottom: 2cqw !important;
+}
+
+#cartazPreviewContent li {
+  font-size: 2.8cqw !important;
+  margin-bottom: 1.5cqw !important;
+}
+
+/* Título principal do cartaz */
+#cartazPreviewTitle {
+  font-size: 7cqw !important;
+  border-bottom-width: 0.5cqw !important;
+  padding-bottom: 2cqw !important;
+  margin-bottom: 4cqw !important;
+  margin-top: 0 !important;
+}
+
+/* Imagem ilustrativa */
+#cartazPreviewImageContainer {
+  margin-bottom: 3cqw !important;
+  border-radius: 2cqw !important;
+  max-height: 35% !important;
+}
+
+#cartazPreviewImage {
+  max-height: 100% !important;
+}
+