.image-viewer-preview{min-width:0;margin:0}.image-viewer-trigger{border:1px solid var(--border);cursor:zoom-in;border-radius:0;width:100%;height:auto;padding:0;display:block;position:relative;overflow:hidden}.image-viewer-trigger img{width:100%;height:auto;display:block}.image-viewer-hint{color:var(--foreground);background:#080f11e6;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex;position:absolute;bottom:12px;right:12px}.image-viewer-dialog{border-radius:0;flex-direction:column;gap:0;height:100dvh;max-height:100dvh;padding:0;display:flex;overflow:hidden}.image-viewer-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:16px 24px}.image-viewer-header h2{padding-right:44px;font-size:18px}.image-viewer-toolbar{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;display:flex}.image-viewer-toolbar>span:first-of-type{text-align:center;font-variant-numeric:tabular-nums;min-width:48px}.image-viewer-viewport{overscroll-behavior:contain;background:#050a0c;flex:1;min-height:0;overflow:auto}.image-viewer-canvas{place-items:center;display:grid}.image-viewer-canvas img{object-fit:contain;width:100%;max-width:none;height:100%}.image-viewer-viewport:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (width<=700px){.image-viewer-header{padding:16px}.image-viewer-toolbar{gap:8px}}