.zreev-account-avatar-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.zreev-account-avatar-editor{display:flex;align-items:flex-start;gap:16px;margin:20px 0;padding:16px 0;border-bottom:1px solid #e5eaf1}
.zreev-account-avatar-preview{display:flex;align-items:center;justify-content:center;flex:0 0 64px;width:64px;height:64px;border-radius:50%;background:#edf3fb;color:#2457a6;font-size:24px;overflow:hidden}
.zreev-account-avatar-editor p{margin:4px 0 8px;font-size:14px;color:#536176}
.zreev-account-avatar-editor small{display:block;margin-top:8px;color:#64748b;font-size:12px;line-height:1.5}
.zreev-account-avatar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}
.zreev-account-avatar-upload,.zreev-account-avatar-actions button{position:relative;display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border:1px solid #2f6bff;border-radius:12px;background:transparent;color:#2f6bff;font:inherit;font-size:14px;cursor:pointer;overflow:hidden}
.zreev-account-avatar-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.zreev-account-avatar-upload:focus-within,.zreev-account-avatar-actions button:focus-visible{outline:2px solid #2f6bff;outline-offset:2px}
.zreev-account-avatar-upload:has(input:disabled),.zreev-account-avatar-actions button:disabled{opacity:.6;cursor:wait}
.zreev-account-avatar-editor [data-account-avatar-status]:empty{display:none}

.zreev-account-avatar-upload:hover,.zreev-account-avatar-actions button:hover{background:#eef3ff}