.preview-lightbox{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:24px;border:0;background:transparent;color:#fff;overflow:auto}
.preview-lightbox::backdrop{background:#10285ce8;backdrop-filter:blur(8px)}
.preview-lightbox[open]{display:grid;place-items:center}
.preview-lightbox-content{position:relative;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}
.preview-lightbox img{display:block;width:auto;height:auto;max-width:calc(100vw - 48px);max-height:calc(100dvh - 100px);object-fit:contain;border-radius:16px}
.preview-lightbox p{margin:0;color:#fff;font-size:14px;line-height:1.5;text-align:center}
.preview-lightbox-close{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:1;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff80;border-radius:50%;background:#fff;color:#10285c;font-size:30px;line-height:1;cursor:pointer}
.preview-lightbox-close:focus-visible{outline:3px solid #62b7ff;outline-offset:3px}
@media(max-width:700px){.preview-lightbox{padding:64px 12px 24px}.preview-lightbox img{max-width:calc(100vw - 24px);max-height:calc(100dvh - 140px)}}