/* HAKAWIN preview watermark — reusable overlay (proposal).
   Usage: <div class="hk-wm"><img src="page.png" alt=""></div>
   Theme: inherits --wm from tokens.css (Option A mocha / Option B teal).
   PRODUCTION NOTE: the CSS overlay is for the storefront only. The same SVG (assets/watermark-overlay-*.svg)
   must also be burned into the low-res preview PNG server-side (as T6 does today), otherwise the clean
   image is still downloadable. */
.hk-wm{position:relative;display:block;overflow:hidden;isolation:isolate}
.hk-wm > img{display:block;width:100%;height:auto;-webkit-user-drag:none;user-select:none}
.hk-wm::after{content:"";position:absolute;inset:0;background-image:var(--wm);background-size:100% 100%;background-repeat:no-repeat;pointer-events:none;z-index:2}
/* generic boxes of any ratio: tile the rotated pattern instead */
.hk-wm.any-ratio::after{background-image:url("../assets/watermark-pattern-a.svg");background-size:cover;background-position:center}
[data-theme="b"] .hk-wm.any-ratio::after{background-image:url("../assets/watermark-pattern-b.svg")}
/* the protected surface ignores right-click/drag affordances in the UI (deterrent only, not security) */
.hk-wm{-webkit-touch-callout:none}