.image-preview{display:block;width:100%;padding:0;border:0;border-radius:5px;background:transparent;cursor:zoom-in}
.image-preview:focus-visible,.image-viewer-close:focus-visible{outline:3px solid #819483;outline-offset:4px}
body.image-viewer-open{overflow:hidden}
.image-viewer{width:min(1400px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #dfe3e9;border-radius:12px;background:#fafbfc;color:#151922;box-shadow:0 24px 80px #0006;overflow:hidden}
.image-viewer::backdrop{background:#101715c9}
.image-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid #dfe3e9}
.image-viewer-bar h2{font-size:1rem;font-weight:600;letter-spacing:-.02em}
.image-viewer-close{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 14px;border:1px solid #ccd2de;border-radius:7px;background:white;color:inherit;font:inherit;cursor:pointer}
.image-viewer-close:hover{background:#eef1f0}
.image-viewer-close span{font-size:1.5rem;line-height:1}
.image-viewer-content{max-height:calc(100dvh - 104px);overflow:auto;background:#171717}
.image-viewer-content img{display:block;width:100%;height:auto}