.ph-lightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:20px;border:0;background:rgba(0,0,0,.95);color:#fff;overflow:auto;box-sizing:border-box}
.ph-lightbox::backdrop{background:rgba(0,0,0,.8)}
.ph-lightbox[open]{display:grid;place-items:center}
.ph-lightbox-panel{width:min(1100px,100%);margin:auto;position:relative}
.ph-lightbox-toolbar{display:flex;justify-content:flex-end;gap:10px;margin-bottom:12px}
.ph-lightbox button{min-width:48px;min-height:48px;border:1px solid #666;border-radius:2px;background:#151515;color:white;padding:10px 16px;font:16px/1.2 Arial,sans-serif;cursor:pointer}
.ph-lightbox button:hover{background:#333}.ph-lightbox button:focus-visible,.ph-lightbox a:focus-visible{outline:3px solid white;outline-offset:3px}
.ph-lightbox [hidden]{display:none!important}
.ph-lightbox-media{display:grid;place-items:center;min-height:100px}
.ph-lightbox-media iframe{display:block;width:100%;aspect-ratio:16/9;max-height:calc(100dvh - 180px);border:0;background:#000}
.ph-lightbox-media img{width:auto;max-width:100%;max-height:calc(100dvh - 180px);height:auto;object-fit:contain;margin:auto}
.ph-lightbox-caption{text-align:center;font:16px/1.5 Arial,sans-serif;margin:14px 0 0}
.ph-lightbox-caption a{text-decoration:underline}
html.ph-lightbox-open{overflow:hidden}
@media(max-width:600px){.ph-lightbox{padding:12px}.ph-lightbox button{padding:10px 12px}.ph-lightbox-caption{font-size:14px}}