/* PHDM public image viewer — shared v3 */
#phdm-public-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#fff;overflow:hidden;box-sizing:border-box}
#phdm-public-viewer[open]{display:grid;place-items:center}
#phdm-public-viewer::backdrop{background:rgba(0,0,0,.90)!important;backdrop-filter:none!important}
#phdm-public-viewer .phdm-viewer-image{display:block;position:static;width:auto;height:auto;max-width:calc(100vw - 144px);max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);margin:0;padding:0;border:0;object-fit:contain;cursor:pointer;box-shadow:0 8px 36px #0003;touch-action:pinch-zoom}
#phdm-public-viewer button{position:absolute;display:grid;place-items:center;box-sizing:border-box;width:64px;height:80px;padding:0;border:0;border-radius:6px;background:#0003;color:#fff;font:300 76px/1 Arial,sans-serif;cursor:pointer;text-shadow:0 1px 4px #0008;appearance:none}
#phdm-public-viewer button:hover{background:#0005}
#phdm-public-viewer button:focus-visible,#phdm-public-viewer img:focus-visible{outline:2px solid white;outline-offset:3px}
#phdm-public-viewer .phdm-viewer-prev{left:8px;top:calc(50% - 40px)}
#phdm-public-viewer .phdm-viewer-next{right:8px;top:calc(50% - 40px)}
#phdm-public-viewer .phdm-viewer-close{right:10px;top:8px;width:48px;height:48px;font-size:40px}
#phdm-public-viewer .phdm-viewer-count{position:absolute;left:20px;top:22px;margin:0;font:400 14px/1.3 Arial,sans-serif;text-shadow:0 1px 4px #000}
#phdm-public-viewer [hidden]{display:none!important}
html.phdm-viewer-open,html.phdm-viewer-open body{overflow:hidden!important}
@media(max-width:700px){#phdm-public-viewer .phdm-viewer-image{max-width:calc(100vw - 16px);max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px)}#phdm-public-viewer button.phdm-viewer-prev,#phdm-public-viewer button.phdm-viewer-next{width:48px;height:64px;font-size:64px;top:calc(50% - 32px);background:#0002}#phdm-public-viewer .phdm-viewer-prev{left:4px}#phdm-public-viewer .phdm-viewer-next{right:4px}}
#phdm-video-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;color:#fff}
#phdm-video-viewer[open]{display:grid;place-items:center}
#phdm-video-viewer::backdrop{background:rgba(0,0,0,.90)!important;backdrop-filter:none!important}
#phdm-video-viewer video{display:block;width:min(1200px,calc(100vw - 64px));height:auto;max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px);object-fit:contain;background:#000;box-shadow:0 8px 36px #0003}
#phdm-video-viewer .phdm-video-close{position:absolute;right:12px;top:10px;width:48px;height:48px;border:0;border-radius:6px;background:#0003;color:#fff;font:300 40px/1 Arial,sans-serif;cursor:pointer}
#phdm-video-viewer .phdm-video-error{position:absolute;bottom:12px;left:16px;right:16px;text-align:center;background:#333;color:white;padding:10px;font:16px Arial,sans-serif}
#phdm-video-viewer .phdm-video-error a{color:white;text-decoration:underline}
#phdm-video-viewer [hidden]{display:none!important}
html.phdm-video-open,html.phdm-video-open body{overflow:hidden!important}
@media(max-width:700px){#phdm-video-viewer video{width:calc(100vw - 16px)}}