.avatar-viewer-dialog{box-sizing:border-box;width:min(44rem,calc(100vw - 24px));height:min(48rem,calc(100dvh - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:hidden;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-surface);color:var(--text-main);font-family:inherit;box-shadow:0 24px 70px #0006}
.avatar-viewer-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.avatar-viewer-dialog:not([open]){display:none}
.avatar-viewer-dialog::backdrop{background:#000a}.avatar-viewer-dialog>header{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border-color);background:var(--bg-surface)}
.avatar-viewer-dialog>header>div{flex:1;min-width:0}.avatar-viewer-dialog h2{margin:0;font-size:1rem;line-height:1.5;font-weight:800}.avatar-viewer-name{margin:2px 0 0;font-size:.85rem;line-height:1.5;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.avatar-viewer-dialog button{box-sizing:border-box;flex:none;min-height:44px;min-width:44px;border:1px solid var(--border-color);border-radius:9px;background:var(--bg-elevated);color:var(--text-main);font:inherit;cursor:pointer;touch-action:manipulation}.avatar-viewer-close{display:grid;place-items:center;padding:10px}.avatar-viewer-close svg{display:block}.avatar-viewer-dialog button:hover{background:color-mix(in srgb,var(--bg-elevated) 92%,var(--text-main) 8%)}.avatar-viewer-dialog button:active{opacity:.8}.avatar-viewer-dialog button:focus-visible{outline:3px solid var(--accent-color);outline-offset:2px}
.avatar-viewer-figure{position:relative;display:grid;place-items:center;min-width:0;min-height:0;margin:0;padding:12px;background:var(--bg-primary);overflow:hidden;overscroll-behavior:contain}.avatar-viewer-figure img{grid-area:1/1;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}.avatar-viewer-fallback{grid-area:1/1;display:grid;place-items:center;width:min(100%,24rem);height:min(100%,24rem);aspect-ratio:1;border-radius:12px;font-size:clamp(5rem,30vw,12rem);line-height:1}.avatar-viewer-figure [hidden]{display:none}.avatar-viewer-status{position:absolute;bottom:12px;left:12px;right:12px;margin:0;padding:10px;border-radius:8px;background:var(--bg-surface);color:var(--text-main);font-size:.85rem;text-align:center}
.avatar-viewer-dialog>footer{display:flex;justify-content:flex-end;padding:10px 14px;border-top:1px solid var(--border-color);background:var(--bg-surface)}.avatar-viewer-edit{max-width:100%;padding:10px 14px;font-weight:700!important}
@media(max-width:380px){.avatar-viewer-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.avatar-viewer-dialog>header,.avatar-viewer-dialog>footer{padding:10px}.avatar-viewer-figure{padding:8px}}