html { font-size: 15px; }
.pc-thumb { aspect-ratio: 1 / 1; object-fit: cover; background: #e9ecef; }
.pc-media-card .pc-select { z-index: 2; width: 1.4em; height: 1.4em; }
.pc-qr { max-width: 260px; image-rendering: pixelated; }

/* Anteprima editor grafica */
.pc-preview {
    position: relative; min-height: 480px; border-radius: .75rem; overflow: hidden;
    background: var(--pc-bg); color: var(--pc-text); font-family: var(--pc-font);
    border: 1px solid #dee2e6;
}
.pc-preview-backdrop { position: absolute; inset: 0; background-size: cover; background-position: center; }
.pc-preview-backdrop::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,var(--pc-overlay)); }
.pc-preview-content { position: relative; padding: 2rem 1.5rem; max-width: 420px; margin: 0 auto; text-align: center; }
.pc-preview .pc-card { background: var(--pc-card); border-radius: 1rem; box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.15); }
.pc-preview .pc-dropzone { border: 2px dashed var(--pc-primary); border-radius: .75rem; padding: 1.5rem; }
.pc-preview .pc-btn { background: var(--pc-primary); color: #fff; }
.pc-logo { max-height: 90px; max-width: 70%; }

/* Editor composizione libera */
.pc-preview { aspect-ratio: 9 / 16; max-width: 420px; margin: 0 auto; min-height: 0; }
.pc-preview-content { z-index: 1; }
.pc-editor-layer { position: absolute; inset: 0; z-index: 30; overflow: hidden; }
.pc-editor-layer .pc-element { position: absolute; margin: 0; cursor: move; user-select: none; touch-action: none; outline: 1px dashed rgba(13,110,253,.5); }
.pc-editor-layer .pc-element:not(.pc-free) { opacity: .35 !important; outline-style: dotted; }
.pc-editor-layer .pc-element.selected { outline: 2px solid #0d6efd; }
.pc-editor-layer .pc-element img { width: 100%; pointer-events: none; }
.pc-editor-layer .pc-element a { pointer-events: none; }
.pc-resize { position: absolute; right: -7px; bottom: -7px; width: 14px; height: 14px; background: #0d6efd; border: 2px solid #fff; border-radius: 50%; cursor: nwse-resize; }