.item-image-zoom{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;box-sizing:border-box;border:1px solid #48515c;border-radius:5px;background:#171b1f;color:#ffb253;font-size:12px;z-index:1}
.item-image-zoom:hover{background:#2b241b;border-color:#ffb253}
.item-art:has([data-image-zoom])>img{cursor:zoom-in}
.item-image-zoom:focus-visible,.item-image-dialog button:focus-visible{outline:2px solid #ffb253;outline-offset:4px}
.item-image-dialog{width:min(1200px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:16px;border:1px solid #48515c;border-radius:8px;background:#171c21;color:#edf0f2;overflow:auto}
.item-image-dialog::backdrop{background:rgb(0 0 0 / .86)}
.item-image-dialog form{display:flex;justify-content:flex-end;margin:0}
.item-image-dialog button{display:inline-flex;align-items:center;gap:14px;min-height:44px;padding:8px 14px;border:1px solid #53606a;border-radius:5px;background:#242c32;color:inherit;font:inherit;cursor:pointer}
.item-image-dialog img{display:block;max-width:100%;max-height:calc(100dvh - 125px);width:100%;height:auto;object-fit:contain;margin:auto}
.item-image-dialog img:not([src]){display:none}
.item-image-dialog [role=status]{font-size:13px;color:#bac6cf;text-align:center}
.item-image-dialog [role=status]:empty{display:none}

.item-image-zoom svg{width:18px;height:18px}
@media(pointer:coarse){.item-image-zoom::before{content:"";position:absolute;inset:-6px}}