body.album-viewer-open{overflow:hidden}
dialog.album-viewer{width:min(1240px,96vw);max-width:96vw;max-height:96dvh;padding:18px;border:1px solid #a27851;border-radius:14px;background:#23090f;color:#fff7ec;box-shadow:0 30px 90px #0007}
.album-viewer::backdrop{background:#150609ed}
.album-viewer-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.album-viewer-count{margin-right:auto;font-size:15px;font-weight:600}
.album-viewer button{border:1px solid #b99672;border-radius:7px;background:#6b0f1a;color:#fff7ec;padding:11px 16px;cursor:pointer;min-height:44px}
.album-viewer button:focus-visible{outline:3px solid #f1cd84;outline-offset:3px}
.album-viewer-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:12px;align-items:center}
.album-viewer-stage>button{font-size:34px;padding:0;min-height:64px}
.album-viewer-stage figure{margin:0;min-width:0}
.album-viewer-stage img{display:block;width:100%;height:min(68dvh,760px);object-fit:contain;background:#18070b}
.album-viewer-stage figcaption{padding:12px 4px;text-align:center;font-size:14px;line-height:1.5;color:#f1ddc4}
body.home-design.inner-design .album-viewer-help{font-size:12px;text-align:center;color:#d9c4ae;margin:8px 0 0}
@media(max-width:600px){dialog.album-viewer{padding:10px}.album-viewer-toolbar{gap:8px}.album-viewer-toolbar button{font-size:12px;padding:9px}.album-viewer-count{font-size:12px}.album-viewer-stage{grid-template-columns:36px minmax(0,1fr) 36px;gap:5px}.album-viewer-stage img{height:60dvh}.album-viewer-stage figcaption{font-size:12px}.album-viewer-stage>button{font-size:28px;min-height:48px}}