.image-viewer-backdrop{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.image-viewer{border:1px solid var(--border);background:var(--card);width:min(1120px,100%);height:min(800px,100dvh - 48px);min-height:0;color:var(--text);border-radius:14px;outline:none;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 80px #00000040}.image-viewer-toolbar{align-items:center;gap:8px;padding:12px 16px;display:flex}.image-viewer-caption{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.image-viewer-count{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px}.image-viewer .icon-button{border-radius:8px;flex:0 0 32px;width:32px;height:32px}.image-viewer .icon-button svg{width:16px;height:16px}.image-viewer-stage{flex:1;align-items:center;gap:12px;min-height:0;padding:8px 16px;display:flex}.image-viewer-content{flex:1;place-items:center;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.image-viewer-content img{object-fit:contain;width:100%;min-width:0;max-width:100%;height:min(420px,100%);min-height:0;max-height:100%}.image-viewer-content p{color:var(--text-secondary);align-items:center;gap:8px;display:flex}.image-viewer-status{min-height:28px;color:var(--text-secondary);text-align:center;padding:0 16px 10px;font-size:12px}