.image-preview{position:relative;overflow:hidden;border-radius:5px;border:1px solid #dedcd3;background:#fff}
.image-preview>img{display:block}
.image-preview .image-zoom{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;width:100%;height:100%;border:0;border-radius:5px;padding:14px;background:transparent;color:#ffdf00;cursor:zoom-in;font:inherit;text-decoration:none}
.image-preview .image-zoom[hidden]{display:none}
.image-zoom>span{display:inline-flex;gap:12px;align-items:center;min-height:36px;padding:8px 12px;background:#171717;color:#ffdf00;border:1px solid #333;border-radius:8px;font-size:12px;font-weight:650;box-shadow:0 2px 10px #0002}
.image-zoom:hover>span{background:#303030}
.image-zoom:focus-visible{outline:3px solid #171717;outline-offset:-4px}
.image-zoom:focus-visible>span{outline:3px solid #ffdf00;outline-offset:2px}
body.image-lightbox-open{overflow:hidden}
.image-lightbox{width:min(1200px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);box-sizing:border-box;border:1px solid #42423c;border-radius:16px;padding:20px;background:#191919;color:#fff;box-shadow:0 20px 80px #0008}
.image-lightbox::backdrop{background:#090909d9}
.image-lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.image-lightbox-header h2{font-size:18px;line-height:1.4;letter-spacing:-.02em;margin:0;color:#fff}
.image-lightbox-actions{display:flex;gap:10px;flex-shrink:0}
.image-lightbox-actions button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 15px;border:1px solid #777;border-radius:9px;background:#292929;color:#fff;font:inherit;font-size:14px;font-weight:600;line-height:1.3;cursor:pointer;text-decoration:none}
.image-lightbox-actions button[data-image-close]{background:#ffdf00;border-color:#ffdf00;color:#171717}
.image-lightbox-actions button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.image-lightbox-viewport{max-height:calc(100dvh - 200px);overflow:auto;overscroll-behavior:contain;border-radius:8px;background:#242424}
.image-lightbox-image{display:block;max-width:100%;max-height:calc(100dvh - 200px);width:auto;height:auto;margin:auto;object-fit:contain}
.image-lightbox-image[hidden]{display:none}
.image-lightbox-viewport.is-zoomed .image-lightbox-image{max-width:none;max-height:none;margin:0}
#image-lightbox-caption{color:#d2d2c9;font-size:12px;line-height:1.6;margin:14px 0 0;max-width:none}
.image-lightbox-error{color:#fff;line-height:1.6}
@media(max-width:600px){.image-lightbox{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:14px;border-radius:12px}.image-lightbox-header{flex-wrap:wrap;gap:12px}.image-lightbox-header h2{font-size:16px}.image-lightbox-actions{margin-left:auto}.image-lightbox-actions button{padding:9px 12px}.image-lightbox-viewport,.image-lightbox-image{max-height:calc(100dvh - 240px)}.image-preview .image-zoom{padding:10px}.image-zoom>span{font-size:11px}}
@media print{.image-zoom,.image-lightbox{display:none!important}}