.image-open{display:block;position:relative;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;text-align:inherit;color:var(--ink)}
.image-open img{display:block;width:100%;height:auto}
.image-open-hint{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:7px;border:1px solid #cbd1cb;background:#f5f4eff2;padding:10px 12px;border-radius:8px;font-size:14px;line-height:1.3;pointer-events:none}
.image-open-hint svg{width:18px;height:18px;flex-shrink:0}
.image-lightbox{width:min(1200px,calc(100vw - 32px));height:calc(100dvh - 32px);max-width:none;max-height:none;padding:0;border:1px solid #cbd1cb;border-radius:12px;color:#102d36;background:#f5f4ef;overflow:hidden}
.image-lightbox::backdrop{background:#061820d9;backdrop-filter:blur(4px)}
.image-lightbox-shell{height:100%;display:flex;flex-direction:column}
.image-lightbox-header,.image-lightbox-footer{display:flex;align-items:center;gap:12px;padding:12px 18px;flex-shrink:0}
.image-lightbox-header{justify-content:space-between;border-bottom:1px solid #cbd1cb}
.image-lightbox-header h2{font-size:20px;line-height:1.3;letter-spacing:0}
.image-lightbox button{min-height:44px;padding:10px 14px;font:inherit;font-size:14px;line-height:1.3;border:1px solid #a4b6b7;border-radius:8px;background:#f5f4ef;color:#102d36;cursor:pointer}
.image-lightbox button:hover{background:#e4ece6}.image-lightbox button:disabled{opacity:.4;cursor:default}
.image-lightbox button:focus-visible,.image-open:focus-visible{outline:3px solid #548b7d;outline-offset:3px}
.image-lightbox-stage{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#e7e4dc}
.image-lightbox-canvas{width:100%;height:100%;min-width:100%;min-height:100%;margin:auto}
.image-lightbox-canvas img{display:block;width:100%;height:100%;object-fit:contain}
.image-lightbox-canvas.is-zoomed img{object-fit:fill}
.image-lightbox-footer{justify-content:center;border-top:1px solid #cbd1cb;flex-wrap:wrap}
.image-lightbox-count{font-size:14px;min-width:44px;text-align:center}
body.image-lightbox-open{overflow:hidden}body.image-lightbox-open .navigation-dock{display:none}
@media(max-width:600px){.image-lightbox{width:100vw;height:100dvh;border:0;border-radius:0;margin:0;top:0;left:0}.image-lightbox-header{padding-top:calc(12px + env(safe-area-inset-top))}.image-lightbox-footer{gap:8px;padding:10px 8px calc(10px + env(safe-area-inset-bottom))}.image-lightbox button{padding:10px;font-size:14px}.image-open-hint{right:6px;bottom:6px;font-size:12px;padding:8px;gap:4px}}