.board-image-frame{position:relative;display:block;width:fit-content;max-width:100%;margin:12px 0}
.board-image-frame .board-inline-image{margin:0;cursor:zoom-in}
.board-image-frame .board-inline-image:focus-visible{outline:3px solid #7156bb;outline-offset:3px}
.board-image-frame .board-image-zoom{position:absolute;right:7px;top:7px;z-index:2;display:grid;place-items:center;width:30px;height:30px;padding:6px;min-width:0;border:1px solid #ffffff90;border-radius:50%;background:#111d;color:#fff;cursor:zoom-in;box-shadow:0 2px 6px #0008}
.board-image-zoom svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.board-image-frame .board-image-zoom{display:none}
.board-image-frame .board-image-zoom:hover,.board-image-frame .board-image-zoom:focus-visible{background:#ffdf22;color:#111;outline:2px solid #7156bb;outline-offset:2px}
.board-image-dialog{box-sizing:border-box;width:max-content;max-width:94vw;max-height:92dvh;padding:42px 16px 16px;border:1px solid #ffffff50;border-radius:14px;background:#161616;color:#fff;box-shadow:0 18px 80px #000a}
.board-image-dialog::backdrop{background:#000c}
.board-image-dialog figure{margin:0;text-align:center}
.board-image-dialog figure img{display:block;width:auto;height:auto;max-width:calc(94vw - 34px);max-height:calc(92dvh - 150px);object-fit:contain;margin:auto}
.board-image-dialog figcaption{padding-top:12px;max-width:80vw;overflow-wrap:anywhere}
.board-image-dialog .board-image-original{display:block;color:#ffe9a2;text-decoration:underline;text-align:center;margin-top:12px}
.board-image-dialog .board-image-close{position:absolute;right:8px;top:6px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#333;color:#fff;font-size:26px;cursor:pointer}
@media(max-width:600px){.board-image-dialog{padding:40px 8px 12px}.board-image-dialog figure img{max-width:calc(94vw - 18px)}}