.design-image,.dialog-preview{position:relative;isolation:isolate}
.shop-sewout-overlay{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;pointer-events:none;z-index:2;background-color:inherit;background-image:linear-gradient(#fff5 1px,transparent 1px),linear-gradient(90deg,#fff5 1px,transparent 1px);background-size:24px 24px}
.dialog-preview .shop-sewout-overlay{background-color:var(--blush)}
.shop-media-controls{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.shop-media-controls button,.shop-media-controls a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:2px solid var(--ink);background:var(--oat);color:var(--ink);font-weight:800;text-decoration:none}
.shop-media-controls button:focus-visible,.shop-media-controls a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.shop-media-description{font-size:.85rem;line-height:1.5;min-height:2.8em}
.shop-artist-note{font-size:.95rem;line-height:1.6;max-width:42ch;margin-top:20px}
.shop-thread-panel{margin:12px 0;padding:12px;border:1px solid var(--ink);background:var(--oat)}
.shop-thread-panel[hidden]{display:none}
.shop-thread-list{display:flex;flex-wrap:wrap;gap:8px 14px;list-style:none;padding:0;margin:10px 0}
.shop-thread-list li{display:flex;align-items:center;gap:6px;font-size:.8rem}
.shop-thread-swatch{display:inline-block;width:22px;height:22px;border:1px solid var(--ink);border-radius:50%;flex-shrink:0}
.shop-thread-panel p{font-size:.8rem;margin:0;line-height:1.4}
.design-image .price-tag{z-index:3}
.design-image .sewout-tag{z-index:3}
@media(prefers-reduced-motion:reduce){.shop-sewout-overlay{transition:none}}
.shop-pdf-panel{width:100%;background:var(--oat);color:var(--ink)}
.shop-pdf-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:2px solid var(--ink)}
.shop-pdf-header button{min-height:44px;padding:8px 14px;border:2px solid var(--ink);background:var(--ochre);color:var(--ink);font:inherit;font-weight:800;cursor:pointer}
.shop-pdf-header button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.shop-pdf-panel iframe{display:block;width:100%;height:70vh;height:70dvh;min-height:280px;border:0;background:var(--oat)}
@media(max-width:520px){.shop-pdf-header{flex-wrap:wrap}.shop-pdf-panel iframe{height:65dvh}}