h for column layout */
        }
        @media (min-width: 1024px) { /* lg breakpoint */
            .dynamic-canvas-wrapper {
                flex: 1 1 0%; /* Allow grow/shrink in row mode for 3 items */
                min-width: 0; /* Important for flex shrinking */
            }
        }
        
        .dynamic-canvas-wrapper canvas {
            background-color: #ffffff;
            border-radius: 0.375rem;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            cursor: crosshair;
         