Implementa o editor interativo de Canvas para montagem livre de cartazes

public/style.css

@@ -3685,6 +3685,60 @@ code {
   max-height: 100% !important;
 }
 
+/* Estilos de Itens do Canvas (Arrastáveis e Redimensionáveis) */
+.canvas-item {
+  position: absolute !important;
+  box-sizing: border-box;
+  cursor: move;
+  border: 1px dashed rgba(59, 130, 246, 0.4);
+  padding: 10px;
+  background: rgba(255, 255, 255, 0.3);
+  border-radius: 8px;
+  user-select: text; /* Permite selecionar texto interno para edição */
+}
+
+.canvas-item:hover {
+  border-color: rgba(59, 130, 246, 0.8);
+  box-shadow: 0 0 8px rgba(59, 130, 246, 0.2);
+}
+
+.canvas-item.active-item {
+  border: 2.5px solid #3b82f6 !important;
+  box-shadow: 0 0 12px rgba(59, 130, 246, 0.4);
+  z-index: 1000;
+}
+
+/* Alça de redimensionamento do card */
+.canvas-resize-handle {
+  position: absolute;
+  width: 14px;
+  height: 14px;
+  background: #3b82f6;
+  border: 2px solid white;
+  border-radius: 50%;
+  bottom: -7px;
+  right: -7px;
+  cursor: se-resize;
+  z-index: 10;
+  display: none;
+}
+
+.canvas-item.active-item .canvas-resize-handle {
+  display: block;
+}
+
+/* Oculte alças e tracejados na impressão e exportação */
+@media print {
+  .canvas-resize-handle {
+    display: none !important;
+  }
+  .canvas-item {
+    border: none !important;
+    box-shadow: none !important;
+    cursor: default !important;
+  }
+}
+