/* Three existing-size avatars scroll independently; the upload circle stays put. */
#profile-avatar-picker{--profile-avatar-size:clamp(52px,17vw,70px);display:grid;grid-template-columns:minmax(0,calc(var(--profile-avatar-size)*3 + 18px)) var(--profile-avatar-size);justify-content:space-between;gap:9px;overflow:visible;scroll-snap-type:none}
#profile-avatar-picker>.profile-avatar-rail{display:flex;gap:9px;min-width:0;padding:7px 5px 10px;margin:-7px -5px -10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;touch-action:pan-x;overscroll-behavior-x:contain;cursor:grab}
#profile-avatar-picker>.profile-avatar-rail::-webkit-scrollbar{display:none}
#profile-avatar-picker .profile-avatar-rail>.profile-avatar-option{width:var(--profile-avatar-size);height:var(--profile-avatar-size);min-width:var(--profile-avatar-size);flex:0 0 var(--profile-avatar-size);scroll-snap-align:start}
#profile-avatar-picker>.profile-avatar-upload{width:var(--profile-avatar-size);height:var(--profile-avatar-size);min-width:var(--profile-avatar-size);position:relative;right:auto;justify-self:end}
#profile-avatar-picker .profile-avatar-option:focus-visible{outline:2px solid var(--green);outline-offset:2px}
#profile-form .profile-save-feedback{margin:0;padding:9px 12px;border-radius:12px;background:#e8f3ec;color:#185c3e;font-size:12px;line-height:1.45;font-weight:650;overflow-wrap:anywhere}
#profile-form .profile-save-feedback[data-state=error]{background:#fff1ed;color:#923b2e}
#profile-form .profile-save-feedback[hidden]{display:none}
@media(prefers-reduced-motion:reduce){#profile-avatar-picker .profile-avatar-option{transition:none}}