.story-lightbox-trigger{cursor:zoom-in}
body.story-lightbox-open{overflow:hidden}
.story-lightbox{box-sizing:border-box;width:min(1440px,calc(100vw - 40px));height:calc(100dvh - 40px);max-width:none;max-height:none;margin:auto;padding:18px 22px;border:1px solid #d8d7d0;background:#f5f3ed;color:#262621}
.story-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px}
.story-lightbox::backdrop{background:rgba(20,24,30,.82)}
.story-lightbox__toolbar,.story-lightbox__footer{display:flex;align-items:center;gap:16px}
.story-lightbox__toolbar{justify-content:space-between}
.story-lightbox__caption{margin:0;font-size:16px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.story-lightbox button{flex-shrink:0;min-height:44px;padding:9px 15px;border:1px solid #b8b9b3;background:#fff;color:#262621;cursor:pointer;font:inherit}
.story-lightbox button:disabled{opacity:.45;cursor:default}
.story-lightbox button:focus-visible{outline:3px solid #315f91;outline-offset:3px}
.story-lightbox__stage{position:relative;min-height:0;display:grid;place-items:center;background:#e9e8e2;overflow:hidden}
.story-lightbox__stage img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.story-lightbox__status{position:absolute;inset:auto 14px 12px;margin:0;text-align:center;background:#f5f3ed;font-size:14px}
.story-lightbox__status:empty{display:none}
.story-lightbox__footer{justify-content:center;flex-wrap:wrap}
.story-lightbox__position{min-width:62px;text-align:center;font-size:15px;font-variant-numeric:tabular-nums}
.story-lightbox__footer small{color:#535b60;font-size:13px}
@media(max-width:600px){.story-lightbox{width:calc(100vw - 16px);height:calc(100dvh - 16px);padding:12px}.story-lightbox__toolbar,.story-lightbox__footer{gap:8px}.story-lightbox__footer small{flex-basis:100%;text-align:center}.story-lightbox__caption{font-size:14px}}
@media print{.story-lightbox{display:none!important}}