.product-image{position:relative;inline-size:100%;overflow:hidden;background:var(--color-bg-surface,#fff)}.product-image>.product-image-region,.product-image>.product-image-source{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center}.product-frame-canvas{position:relative;max-inline-size:100%;margin-inline:auto;touch-action:none;user-select:none}.product-frame-canvas>img{display:block;width:100%;height:auto;max-height:none;pointer-events:none}.product-frame-selection{position:absolute;border:2px solid var(--color-brand,#a66b16);box-shadow:0 0 0 999px #0006;cursor:move;touch-action:none}.product-frame-handle{position:absolute;inset-inline-end:-7px;inset-block-end:-7px;width:18px;height:18px;border:2px solid white;border-radius:50%;background:var(--color-brand,#a66b16);cursor:nwse-resize;touch-action:none}.product-frame-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:16px}.product-image.product-image>img.product-image-source{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center}.product-frame-range{accent-color:var(--color-brand)}.product-image-fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--color-text-muted,#64748b);background:var(--color-bg-muted,#f5f5f5)}