#pcdm{position:fixed;top:0px;right:48px;width:0;height:0;z-index:99999;pointer-events:none}
#pcdm svg{position:absolute;left:-200px;top:0;width:400px;height:600px;overflow:visible;pointer-events:none}
#pcdm path{fill:none;stroke:#8a8a8a;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#pcdm .pcdm-bead{position:absolute;left:0;top:0;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;border:0;padding:0;pointer-events:auto;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 35% 30%,#fff 0,#ffffff 40%,#c9c9c9 100%);box-shadow:0 3px 8px rgba(0,0,0,.28);will-change:transform}
#pcdm .pcdm-bead:active{cursor:grabbing}
#pcdm .pcdm-bead:focus-visible{outline:2px solid #3b82f6;outline-offset:3px}
@media (max-width:600px){#pcdm{right:24px}}
/* Generic dark mode: invert the page, then re-invert media so photos look normal */
html[data-theme="dark"]{filter:invert(1) hue-rotate(180deg);background:#fff}
html[data-theme="dark"] img,html[data-theme="dark"] video,html[data-theme="dark"] iframe,html[data-theme="dark"] picture,html[data-theme="dark"] svg image,html[data-theme="dark"] [style*="background-image"],html[data-theme="dark"] #pcdm{filter:invert(1) hue-rotate(180deg)}
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */