.album-viewer { position: fixed; inset: 0; width: 100%; max-width: none; height: 100%; max-height: none; margin: 0; padding: 64px 60px 24px; border: 0; background: rgba(0,0,0,.96); color: white; box-sizing: border-box; }
.album-viewer[open] { display: flex; align-items: center; justify-content: center; }
.album-viewer::backdrop { background: #000; }
.album-viewer figure { margin: 0; max-width: 100%; text-align: center; }
.album-viewer figure img { display: block; width: auto; height: auto; max-width: 100%; max-height: calc(100dvh - 150px); margin: auto; object-fit: contain; }
.album-viewer figcaption { max-width: 80vw; margin-top: 16px; font: 14px/1.5 Arial,sans-serif; overflow-wrap: anywhere; }
.album-viewer button { position: absolute; border: 0; background: transparent; color: white; padding: 12px; cursor: pointer; font: 40px/1 Arial,sans-serif; }
.album-viewer button:focus-visible { outline: 2px solid #ffbf00; outline-offset: -2px; }
.album-close { top: 8px; right: 12px; }
.album-prev { top: 45%; left: 4px; }
.album-next { top: 45%; right: 4px; }
@media(max-width:600px) { .album-viewer { padding: 64px 42px 20px; } .album-viewer button { padding: 8px; } }