.image-can-enlarge{cursor:zoom-in}.image-can-enlarge:focus-visible{outline:3px solid #117963;outline-offset:4px}
.image-viewer{position:fixed;inset:0;width:calc(100vw - 40px);max-width:1500px;height:calc(100dvh - 40px);max-height:none;padding:0;border:1px solid #60706b;border-radius:8px;background:#142422;color:#f9f9f3;overflow:hidden;box-shadow:0 24px 80px #0008}
.image-viewer::backdrop{background:#071411d9}.image-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.image-viewer-toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #4e615b}.image-viewer-toolbar>span{margin-right:auto;font:500 14px/1.4 Arial,sans-serif}.image-viewer-toolbar button{border:1px solid #809087;border-radius:4px;background:#283e37;color:#fff;padding:10px 13px;font:500 13px/1 Arial,sans-serif;min-height:40px;cursor:pointer}.image-viewer-toolbar button:focus-visible{outline:3px solid #b9d9c4;outline-offset:3px}
.image-viewer-stage{min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;background:#43504c;padding:16px}.image-viewer-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in}.image-viewer-expanded .image-viewer-stage{display:block}.image-viewer-expanded .image-viewer-stage img{max-width:none;max-height:none;margin:auto;cursor:zoom-out}.image-viewer-caption{margin:0;padding:12px 16px;font:13px/1.5 Arial,sans-serif;max-height:92px;overflow:auto;color:#e6eee7}
@media(max-width:600px){.image-viewer{width:100vw;height:100dvh;border:0;border-radius:0}.image-viewer-toolbar{padding:10px;gap:8px}.image-viewer-toolbar>span{font-size:12px}.image-viewer-toolbar button{padding:10px;font-size:12px}.image-viewer-stage{padding:8px}.image-viewer-caption{font-size:12px;padding:10px}}