.showcase-lightbox { position: fixed; max-width: min(1400px, 96vw); max-height: 94dvh; padding: 1rem; border: 1px solid var(--color-border-default); background: var(--color-bg-panel); color: var(--color-text-primary); }
.showcase-lightbox::backdrop { background: rgb(0 0 0 / 85%); }
.showcase-lightbox-stage > img { display: block; max-width: 100%; max-height: 73dvh; width: auto; height: auto; margin-inline: auto; object-fit: contain; }
.showcase-lightbox > p { max-width: 90ch; margin: 1rem 0 0; font-size: .8rem; line-height: 1.7; }
.showcase-lightbox-toolbar { display: flex; justify-content: flex-end; gap: .6rem; margin-bottom: .75rem; }
.showcase-lightbox-stage { max-height: 73dvh; overflow: auto; }
.showcase-lightbox.is-actual-size .showcase-lightbox-stage > img { max-width: none; max-height: none; }
.showcase-lightbox-toolbar button { min-height: 36px; padding: .4rem .8rem; border: 1px solid var(--color-border-default); background: var(--color-bg-subtle); color: var(--color-text-primary); cursor: pointer; }
html:has(.showcase-lightbox[open]) { overflow: hidden; }

.blog-post__content [data-image-viewer] { cursor: zoom-in; }