.desktop-avatar-picker{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:1px solid var(--line,#dce4dd);border-radius:16px;background:var(--panel-surface,#fff);color:var(--ink,#26342d);box-sizing:border-box}
.desktop-avatar-picker::backdrop{background:#15251f66}
.desktop-avatar-picker h2{margin:0 0 20px;font-size:20px}
.desktop-avatar-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.desktop-avatar-picker-grid>button{display:block;width:100%;aspect-ratio:1;padding:0!important;border:2px solid transparent;border-radius:12px;overflow:hidden;background:var(--accent-soft,#e3efe7);cursor:pointer;box-sizing:border-box}
.desktop-avatar-picker-grid>button:hover,.desktop-avatar-picker-grid>button:focus-visible{border-color:var(--accent,#18765b);outline:2px solid var(--accent,#18765b);outline-offset:2px}
.desktop-avatar-picker-grid img{display:block;width:100%;height:100%;object-fit:contain}
.desktop-avatar-picker-status{min-height:36px;margin:16px 0;color:var(--muted,#68766e);font-size:13px;line-height:1.5}
.desktop-avatar-picker-actions{display:flex;justify-content:flex-end;gap:10px}
.desktop-avatar-picker-actions button{font:inherit;min-height:38px;padding:7px 14px;border:1px solid var(--line,#dce4dd);border-radius:8px;background:var(--panel-surface,#fff);color:inherit;cursor:pointer}
#system-settings.is-desktop .account-desktop .personal-avatar.desktop-avatar-trigger{display:block;position:relative;width:64px;height:64px;min-width:64px;min-height:64px;max-width:64px;max-height:64px;aspect-ratio:1;padding:0;box-sizing:border-box;align-self:center;overflow:visible}
.desktop-avatar-trigger>[data-personal-avatar]{display:block!important;width:100%;height:100%;overflow:hidden;border-radius:inherit}
.desktop-avatar-trigger>[data-personal-avatar]>img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.desktop-avatar-trigger>.personal-avatar-edit{position:absolute;top:calc(100% + 4px);bottom:auto;left:0;right:0;padding:0;background:transparent;color:var(--accent,#18765b);font-size:11px;line-height:16px;white-space:nowrap}
.desktop-avatar-trigger:focus-visible{outline:2px solid var(--accent,#18765b);outline-offset:3px}
@media(max-width:380px){.desktop-avatar-picker{padding:18px}.desktop-avatar-picker-grid{gap:8px}}