/* Shared user icons and local profile image editor. */
.wow-avatar{overflow:hidden;position:relative;vertical-align:middle}
.wow-avatar>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:inherit}
.wow-avatar.has-picture{background:var(--surface-low)}
.avatar-editor{margin:0;padding:18px;border:1px solid var(--line);border-radius:var(--radius);min-width:0;background:var(--surface);color:var(--text)}
.avatar-editor>legend{padding:0 7px;font-size:15px;font-weight:750;color:var(--text)}
.avatar-editor-summary{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.avatar-editor-summary>[data-avatar-preview]{flex:none}
.avatar-editor-summary>div:last-child{min-width:0}
.avatar-editor-summary strong{font-size:14px;line-height:1.7}
.avatar-editor-summary p{margin:2px 0 4px;font-size:13px;color:var(--muted)}
.avatar-editor .avatar-reset{font-size:12px;min-height:36px;color:var(--teal);font-weight:650;padding:3px 0;text-align:left}
.avatar-preset-section{margin:16px 0}
.avatar-preset-section>h3{font-size:13px;font-weight:750;margin:0 0 9px;line-height:1.7}
.avatar-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}
.avatar-editor .avatar-preset{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;min-width:0;min-height:110px;padding:9px 4px 7px;border:1px solid var(--line);border-radius:var(--radius);background:var(--input-bg);color:var(--text);line-height:1.5;cursor:pointer}
.avatar-preset>img{display:block;width:64px;max-width:100%;height:64px;object-fit:cover;object-position:center top;border-radius:50%;background:var(--surface-low);border:1px solid var(--line)}
.avatar-preset>span{font-size:11px;font-weight:650;overflow-wrap:anywhere;word-break:keep-all}
.avatar-editor .avatar-preset:hover{background:var(--teal-pale);border-color:var(--teal)}
.avatar-editor .avatar-preset[aria-pressed="true"]{background:var(--selected-bg);border:2px solid var(--teal);padding:8px 3px 6px;box-shadow:0 0 0 1px var(--teal)}
.avatar-preset[aria-pressed="true"]:after{content:'✓';position:absolute;right:4px;top:1px;font-size:13px;font-weight:800;color:var(--teal)}
.avatar-editor button:focus-visible,.avatar-editor input:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.avatar-upload{margin-top:18px}
.avatar-upload>span{font-size:13px;font-weight:700}
.avatar-upload input[type="file"]{width:100%;min-width:0;padding:9px;font-size:12px;background:var(--input-bg);border:1px solid var(--line)}
.avatar-upload input::file-selector-button{padding:7px 10px;margin-right:8px;border:1px solid var(--line);border-radius:3px;background:var(--teal-pale);color:var(--text);cursor:pointer;font-weight:650}
.avatar-upload small,.avatar-storage-note{font-size:12px;line-height:1.8;color:var(--muted)}
.avatar-storage-note{margin:12px 0 0}
.avatar-status{margin:8px 0 0;min-height:22px;font-size:12px;font-weight:650;line-height:1.8;color:var(--teal)}
.avatar-status.is-error{color:#a32621}
.avatar-editor[aria-busy="true"] .avatar-status{color:var(--brass-dark)}
@media(max-width:420px){.avatar-editor{padding:12px}.avatar-editor-summary{gap:11px}.avatar-editor-summary .avatar.large{width:58px;height:58px}.avatar-editor-summary strong{font-size:13px}.avatar-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.avatar-preset>img{width:56px;height:56px}.avatar-upload input[type="file"]{font-size:11px}.avatar-upload input::file-selector-button{margin-right:5px;padding:7px 6px}}