.photo-viewer{position:fixed;inset:0;margin:auto;width:calc(100% - 32px);height:calc(100dvh - 32px);max-width:1280px;max-height:960px;padding:0;border:1px solid #d8d5cc;background:var(--paper,#f7f6f2);color:var(--ink,#151515);overflow:hidden}
.photo-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}
.photo-viewer::backdrop{background:rgba(15,15,15,.8)}
.photo-viewer-header,.photo-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px}
.photo-viewer-title{font-size:14px;font-weight:400;margin:0;line-height:1.4}
.photo-viewer-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 14px;border:1px solid #b9b5ab;background:transparent;color:inherit;line-height:1;font-size:18px;cursor:pointer;border-radius:0}
.photo-viewer-close{font-size:12px}
.photo-viewer-button:hover{background:#e7e4db}.photo-viewer-button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.photo-viewer-button:disabled{opacity:.35;cursor:default}
.photo-viewer-stage{position:relative;min-width:0;min-height:0;margin:0 20px;display:grid;place-items:center;background:#ebe9e3}
.photo-viewer-image{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;display:block;grid-area:1/1}
.photo-viewer-image[hidden],.photo-viewer-status[hidden]{display:none}
.photo-viewer-status{grid-area:1/1;max-width:420px;padding:24px;text-align:center;font-size:13px;line-height:1.8;margin:0}
.photo-viewer-counter{font-size:12px;font-variant-numeric:tabular-nums;margin:0}
@media(max-width:767px){.photo-viewer{width:100%;height:100dvh;max-width:none;max-height:none;border:0}.photo-viewer[open]{gap:8px}.photo-viewer-header,.photo-viewer-footer{padding:calc(10px + env(safe-area-inset-top)) 12px 10px}.photo-viewer-footer{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.photo-viewer-stage{margin:0 12px}.photo-viewer-title{font-size:12px}}