/* Isolated iframe only; no site reset or global WC styles escape this document. */
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; }
body { background: var(--pattern-paper, transparent); color: var(--pattern-ink, currentColor); }
body::before { content: ''; position: absolute; inset: 0; opacity: .16; background: radial-gradient(circle, var(--pattern-ink, currentColor) 1px, transparent 1.5px) 0 0 / 12px 12px; }
#pattern { position: absolute; inset: 0; }
canvas { display: block; width: 100%; height: 100%; }
[data-state="mounted"] body::before { display: none; }
.wc-gl-fallback { display: none; }
@media (forced-colors: active), print { #pattern, body::before { display: none; } }