.avatar{overflow:hidden;flex-shrink:0}
.avatar img{display:block;width:100%;height:100%;object-fit:cover}
.profile-editor-intro{color:var(--muted);font-size:13px;line-height:1.6;margin:10px 0 24px}
.profile-photo-field{display:flex;align-items:center;gap:18px;margin:0 0 24px}
.profile-photo-field>div{display:flex;align-items:flex-start;flex-direction:column;gap:8px;min-width:0}
.profile-photo-field .button{cursor:pointer}
.profile-photo-field input[type=file]{position:absolute;width:1px;height:1px;opacity:0}
.profile-photo-field:focus-within .button{outline:3px solid var(--violet);outline-offset:3px}
.profile-photo-field small{line-height:1.5}
.profile-photo-remove{padding:3px 0;color:#a12738;font-size:12px;text-decoration:underline}
.profile-photo-remove[hidden]{display:none}
@media(max-width:420px){.profile-photo-field{align-items:flex-start}}