.photo-viewer{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:20px;background:transparent;color:#252723;border:0;overflow:hidden}
.photo-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}
.photo-viewer:not([open]){display:none}
.photo-viewer::backdrop{background:rgba(248,246,241,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.viewer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.viewer-name{font:400 20px Georgia,serif}
.photo-viewer button{background:#ffffff12;color:#fff;border:1px solid #ffffff40;min-width:48px;min-height:48px;padding:8px 14px;cursor:pointer;font:inherit;border-radius:3px}
.photo-viewer button:hover{background:#ffffff25}
.photo-viewer button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.viewer-stage{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:0}
.photo-viewer .viewer-image{display:block;width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain;touch-action:pan-y}
.photo-viewer .viewer-prev,.photo-viewer .viewer-next{font-size:32px}
.photo-viewer [hidden]{display:none}
.viewer-count{text-align:center;font-size:13px;padding:4px}
#gallery-full{cursor:zoom-in}
@media(max-width:600px){.photo-viewer{padding:12px}.viewer-name{font-size:16px}.viewer-stage{gap:8px;position:relative;display:block}.photo-viewer .viewer-image{width:100%;height:100%}.photo-viewer .viewer-prev,.photo-viewer .viewer-next{position:absolute;top:50%;transform:translateY(-50%);padding:0;min-width:40px;min-height:48px;background:#141713aa}.viewer-prev{left:0}.viewer-next{right:0}.viewer-close{flex-shrink:0}}

.photo-viewer .viewer-top{background:rgba(248,246,241,.94);padding:10px 14px;border-radius:8px;box-shadow:0 2px 16px #00000012}.photo-viewer button{background:rgba(248,246,241,.94);color:#252723;border:1px solid #dcd9d1;box-shadow:0 2px 12px #00000012;border-radius:50%}.photo-viewer button:hover{background:#f8f6f1}.photo-viewer button:focus-visible{outline-color:#263b31}.photo-viewer .viewer-close{border-radius:24px;box-shadow:none}.photo-viewer .viewer-count{justify-self:center;background:rgba(248,246,241,.94);color:#252723;padding:8px 16px;border-radius:24px}.photo-viewer .viewer-prev,.photo-viewer .viewer-next{background:rgba(248,246,241,.94)}

.photo-viewer .viewer-prev,.photo-viewer .viewer-next{display:flex;align-items:center;justify-content:center}.photo-viewer .ui-arrow{display:block;width:22px;height:22px;pointer-events:none}