.user-avatar{background:color-mix(in srgb, var(--ux-brand,#f59e0b) 20%, var(--ux-surface,#1b1e27));color:var(--brand-text);-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%;display:block}button.avatar-button{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:relative}button.avatar-button:focus-visible{outline:2px solid var(--ux-brand,#f59e0b);outline-offset:2px}.avatar-dialog-backdrop{z-index:1000;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.avatar-dialog{background:var(--ux-surface,#1b1e27);width:min(360px,100%);color:var(--ux-text,inherit);border:1px solid var(--ux-line,#2a2f3d);border-radius:16px;flex-direction:column;align-items:center;gap:14px;padding:20px;display:flex;box-shadow:0 20px 60px #0006}.avatar-dialog h2{font-size:var(--t-md);align-self:flex-start;margin:0}.avatar-current{flex-direction:column;align-items:center;gap:14px;padding:8px 0;display:flex}.avatar-crop{touch-action:none;cursor:grab;background:#000;border-radius:16px;flex:none;position:relative;overflow:hidden}.avatar-crop:active{cursor:grabbing}.avatar-crop img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute;top:50%;left:50%}.avatar-crop-ring{pointer-events:none;border-radius:50%;outline:2px solid #ffffffd9;position:absolute;inset:0;box-shadow:0 0 0 200px #0000008c}.avatar-zoom{font-size:var(--t-sm);align-items:center;gap:10px;width:100%;display:flex}.avatar-zoom input{flex:1}.avatar-hint{font-size:var(--t-sm);color:var(--ux-muted,#94a3b8);margin:-6px 0 0}.avatar-error{color:#ef4444;font-size:var(--t-sm);margin:0}.avatar-actions{flex-wrap:wrap;gap:8px;width:100%;display:flex}.avatar-actions>span{flex:1}html[data-theme=light] .avatar-crop{background:var(--ux-surface)!important}