/* ============================================================
   easyVL.com — webwall.css
   Retro web banner wall engine. Unlike prior engines, the live
   preview IS the export canvas (one <canvas> element used for
   both), since this is inherently a grid-of-many-cells image
   rather than a single UI mockup — canvas is simpler and more
   consistent here than maintaining parallel DOM + canvas render
   paths for dozens of repeated cells.
   ============================================================ */

.wall-canvas-wrap{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wall-canvas-wrap canvas{
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-sm);
  box-shadow: 0 16px 36px rgba(20,22,28,0.22);
  border: 1px solid var(--border);
}

.vibe-label{
  position: absolute; top: 12px; right: 12px; z-index: 5;
  font-family: var(--font-mono); font-size: 10.5px; font-weight: 700;
  letter-spacing: 0.04em; color: #fff;
  background: linear-gradient(135deg, var(--accent), var(--accent-dark));
  padding: 5px 11px; border-radius: 999px;
  display: none;
  box-shadow: 0 4px 14px rgba(61,90,254,0.35);
}
.vibe-label.visible{ display: block; }