.detail-image a,[data-lightbox],.gallery a{cursor:zoom-in}
.detail-image a{display:block}
.viewer-open{overflow:hidden;scrollbar-gutter:stable}
.image-viewer{--viewer-text:#f4f4ee;--viewer-muted:#bfc5c0;position:fixed;inset:0;width:calc(100% - 48px);max-width:1440px;height:calc(100dvh - 48px);max-height:1040px;margin:auto;padding:0;border:1px solid #ffffff26;border-radius:12px;background:#141817;color:var(--viewer-text);overflow:hidden;box-shadow:0 24px 90px #0008}
.image-viewer::backdrop{background:#090d0cde;backdrop-filter:blur(8px)}
.image-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.viewer-toolbar{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid #ffffff18;min-width:0}
.viewer-title{flex:1;font-size:15px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.viewer-counter{font:12px var(--mono);color:var(--viewer-muted);white-space:nowrap}
.image-viewer button{display:grid;place-items:center;flex-shrink:0;min-width:44px;min-height:44px;padding:0;border:1px solid #ffffff2b;border-radius:50%;background:#252c29;color:var(--viewer-text);font-size:25px;line-height:1;touch-action:manipulation}
.image-viewer button:hover{background:#39443e;color:#fff}
.image-viewer button:focus-visible{outline:3px solid #d0ed8c;outline-offset:3px}
.image-viewer button:disabled{opacity:.4;cursor:default}
.viewer-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;margin:18px 72px;overflow:hidden;touch-action:none;user-select:none}
.viewer-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center;cursor:zoom-in;user-select:none;-webkit-user-drag:none}
.is-zoomed .viewer-image{cursor:grab}
.is-zoomed .viewer-image:active{cursor:grabbing}
.viewer-status{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-size:14px;color:var(--viewer-muted);pointer-events:none;padding:24px}
.viewer-prev,.viewer-next{position:absolute;top:50%;transform:translateY(-50%);z-index:1}
.viewer-prev{left:14px}.viewer-next{right:14px}
.viewer-footer{padding:12px 20px 18px;border-top:1px solid #ffffff18;text-align:center;line-height:1.4}
.viewer-caption{font-size:13px}.viewer-hint{color:var(--viewer-muted);font-size:11px;margin-top:7px}
@media(max-width:720px){.image-viewer{width:100%;height:100dvh;max-height:none;max-width:none;border:0;border-radius:0}.viewer-toolbar{padding:max(10px,env(safe-area-inset-top)) 12px 10px;gap:10px}.viewer-title{font-size:13px}.viewer-counter{font-size:11px}.viewer-stage{margin:12px 8px}.viewer-prev,.viewer-next{top:auto;bottom:14px;transform:none;background:#252c29ed}.viewer-prev{left:12px}.viewer-next{right:12px}.viewer-footer{padding:16px 68px max(18px,env(safe-area-inset-bottom));min-height:80px}.viewer-hint{display:none}}
@media(prefers-reduced-motion:reduce){.image-viewer::backdrop{backdrop-filter:none}}