.photo-album{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:20px;border:0;background:rgba(15,12,9,.97);color:var(--cream);overflow:hidden}
.photo-album::backdrop{background:#000c}
.photo-album[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}
.photo-album__bar{display:flex;align-items:center;justify-content:space-between;gap:16px}
.photo-album button{border:1px solid #ffffff50;background:#201912cc;color:var(--cream);border-radius:30px;min-width:48px;min-height:48px;cursor:pointer;padding:10px 16px;font:inherit}
.photo-album button:hover{background:#51402b}
.photo-album__stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;touch-action:pan-y}
.photo-album__image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none}
.photo-album__prev,.photo-album__next{position:absolute;top:50%;transform:translateY(-50%);font-size:24px!important}
.photo-album__prev{left:4px}.photo-album__next{right:4px}
.photo-album__count{font-size:13px;color:var(--muted)}
.photo-album__caption{text-align:center;font-size:12px;color:var(--muted);margin:0;min-height:18px}
@media(max-width:760px){.photo-album{padding:12px;gap:8px}.photo-album__prev,.photo-album__next{padding:8px!important;min-width:42px!important;min-height:42px!important}.photo-album__prev{left:0}.photo-album__next{right:0}}