.background-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.background-preview { display: grid; place-items: center; overflow: auto; border-radius: 14px; background-color: #fff; background-image: linear-gradient(45deg,#e8eef1 25%,transparent 25%),linear-gradient(-45deg,#e8eef1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8eef1 75%),linear-gradient(-45deg,transparent 75%,#e8eef1 75%); background-size: 20px 20px; background-position: 0 0,0 10px,10px -10px,-10px 0; }
.background-preview .image-canvas { display: block; max-width: 100%; }
.background-preview .image-canvas[hidden] { display: none; }
@media (max-width: 560px) { .background-actions > * { width: 100%; justify-content: center; } }