/* Anteprime grandi, quadrate e senza deformazioni; i controlli scendono sotto quando manca spazio. */
#designZones .design-zone{container-type:inline-size}
#designZones .design-zone-body{grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:22px;align-items:start}
#designZones .design-visual{width:100%;gap:8px;min-width:0}
#designZones .design-surface{width:320px;height:auto;max-width:100%;aspect-ratio:1/1;background:#fff;border:1px solid #efdfcf;border-radius:10px}
#designZones .design-visual>small{font-size:11px}
#designZones .product-scale-note{font-size:11px;line-height:1.4;color:#76583e;margin:2px 0 0;max-width:340px;text-align:left}
#designZones .product-scale-note.product-scale-warning{color:#9e4d0e}
@container(max-width:620px){#designZones .design-zone-body{grid-template-columns:minmax(0,1fr)}#designZones .design-visual{max-width:360px;margin-inline:auto}#designZones .design-surface{width:360px}}
@media(max-width:900px){#designZones .design-zone-body{grid-template-columns:minmax(0,1fr);gap:16px}#designZones .design-visual{max-width:360px;margin-inline:auto}#designZones .design-surface{width:360px}}