.mockup-preview.svelte-55sok2{display:flex;flex-direction:column;gap:.5rem}.template-container.svelte-55sok2{position:relative;background:var(--color-coal, #1a1a1a);border:2px solid var(--color-steel, #3a3a3a);overflow:hidden}.template-image.svelte-55sok2{width:100%;height:100%;object-fit:contain;transition:filter .3s ease}.artwork-overlay.svelte-55sok2{position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none}.artwork-image.svelte-55sok2{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.preview-label.svelte-55sok2{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono, monospace);font-size:.6875rem;letter-spacing:.05em}.label-color.svelte-55sok2{color:var(--color-paper, #f5f5f5)}.label-type.svelte-55sok2{color:var(--color-metal, #6b6b6b)}.preview-sm.svelte-55sok2 .template-container:where(.svelte-55sok2){width:120px}.preview-md.svelte-55sok2 .template-container:where(.svelte-55sok2){width:200px}.preview-lg.svelte-55sok2 .template-container:where(.svelte-55sok2){width:320px}