.image-viewer{border:1px solid #ffffff20;padding:0;background:#f4f6f5;color:#233b32;border-radius:16px;width:min(1480px,96vw);max-width:96vw;max-height:94dvh;overflow:hidden;box-shadow:0 32px 100px #0006}.image-viewer[open]{display:flex;flex-direction:column}.image-viewer::backdrop{background:#0c151dcc;backdrop-filter:blur(9px)}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;background:#fff;border-bottom:1px solid #e0e7e3;flex-shrink:0}.viewer-heading{display:flex;align-items:center;gap:11px}.viewer-heading img{border-radius:7px}.viewer-heading strong{display:block;font-size:14px;font-weight:600;line-height:1.4}.viewer-heading span{display:block;font-size:11px;color:#7a8981}.image-close{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#f0f3f1;color:#53685d;cursor:pointer;transition:background .15s,color .15s}.image-close:hover{background:#deebe3;color:#11664e}.image-close:focus-visible{outline:2px solid #137d61;outline-offset:3px}.viewer-stage{overflow:auto;min-height:0;padding:10px;scrollbar-width:thin;scrollbar-color:#b7c8be transparent}.viewer-capture{display:block;width:100%;height:auto;border-radius:7px}.viewer-footer{display:flex;justify-content:space-between;gap:15px;flex-shrink:0;padding:10px 20px;border-top:1px solid #e0e7e3;background:#fff;color:#79877f;font:11px 'Segoe UI',sans-serif}.viewer-footer kbd{font:10px 'Segoe UI',sans-serif;border:1px solid #dae2dc;border-radius:4px;padding:2px 5px;margin-right:4px}.screenshot-link{cursor:zoom-in}html:has(.image-viewer[open]){overflow:hidden}@media(max-width:560px){.image-viewer{width:96vw;max-height:92dvh;border-radius:12px}.viewer-toolbar{padding:12px}.viewer-stage{padding:4px}.viewer-footer{padding:9px 12px;font-size:10px}.viewer-heading span{font-size:10px}}