.image-preview-trigger{cursor:zoom-in;max-width:100%;text-align:inherit;color:inherit;background:0 0;border:0;border-radius:10px;padding:0;display:block;position:relative}.image-preview-trigger>img{max-width:100%;height:auto;display:block}.image-preview-hover{border-radius:inherit;background:0 0;justify-content:center;align-items:center;transition:background .15s;display:flex;position:absolute;inset:0}.image-preview-hover>span{opacity:0;transition:opacity .15s,transform .15s;transform:translateY(4px)}.image-preview-trigger:hover .image-preview-hover,.image-preview-trigger:focus-visible .image-preview-hover{background:#1113182e}.image-preview-trigger:hover .image-preview-hover>span,.image-preview-trigger:focus-visible .image-preview-hover>span{opacity:1;transform:none}.image-preview-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ink);background:0 0;border:0;margin:0;padding:24px;position:fixed;inset:0;overflow:auto}.image-preview-dialog[open]{justify-content:center;align-items:center;display:flex}.image-preview-dialog::backdrop{background:#000000b8}.image-preview-window{background:var(--surface);border-radius:16px;max-width:100%;max-height:100%;padding:0 8px 8px;animation:.24s cubic-bezier(.23,1,.32,1) image-preview-in;box-shadow:0 24px 80px #0005}.image-preview-titlebar{justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:6px;font-size:13px;font-weight:500;display:flex}.image-preview-titlebar>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:min(700px,70vw);overflow:hidden}.image-preview-titlebar>button{flex-shrink:0}.image-preview-expanded{object-fit:contain;background:var(--inset);border-radius:8px;width:auto;max-width:min(1400px,100vw - 64px);height:auto;max-height:calc(100dvh - 120px);display:block}@keyframes image-preview-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (max-width:580px){.image-preview-dialog{padding:12px}.image-preview-expanded{max-width:calc(100vw - 40px);max-height:calc(100dvh - 100px)}}@media (prefers-reduced-motion:reduce){.image-preview-window{animation:none}.image-preview-hover,.image-preview-hover>span{transition:none}}
