.avatar-editor{flex-direction:column;gap:16px;display:flex}.avatar-type-tabs{background:#f4f5f7;border-radius:8px;gap:4px;padding:4px;display:flex}.avatar-type-tabs button{color:#303640;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:1;height:32px;font-size:13px}.avatar-type-tabs button[aria-selected=true]{background:#fff;font-weight:600}.avatar-editor button:focus-visible,.avatar-crop:focus-visible{outline-offset:3px;outline:2px solid #303640}.avatar-initials-preview{flex-direction:column;align-items:center;gap:10px;padding:0 0 20px;display:flex}.avatar-initials-preview>.contact-avatar{width:80px;height:80px;font-size:24px}.avatar-initials-preview>span:last-child{color:#737b89;font-size:13px}.avatar-palette{border:0;min-width:0;margin:0;padding:0}.avatar-palette legend{padding:0 0 10px;font-size:13px;font-weight:500}.avatar-palette>div{grid-template-columns:repeat(5,48px);justify-content:space-between;gap:10px;display:grid}.avatar-color-option{cursor:pointer;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:relative}.avatar-color-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.avatar-color-option .contact-avatar{pointer-events:none;width:36px;height:36px;font-size:11px}.avatar-color-option:has(input:checked){box-shadow:inset 0 0 0 2px #303640}.avatar-color-option:has(input:focus-visible){outline-offset:3px;outline:2px solid #5798c9}.avatar-hint{color:#737b89;margin:12px 0 0;font-size:12px;line-height:1.5}.avatar-photo-stage{background:#f8f9fb;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:210px;padding:16px;display:flex}.avatar-photo-stage>.contact-avatar{width:64px;height:64px;font-size:21px}.avatar-photo-stage .avatar-hint{margin:0}.avatar-crop{touch-action:none;cursor:grab;background:#e3e5e9;border:0;border-radius:50%;flex-shrink:0;width:224px;height:224px;padding:0;position:relative;overflow:hidden}.avatar-crop:active{cursor:grabbing}.avatar-crop img{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;position:absolute}.avatar-crop-controls{flex-direction:column;gap:12px;display:flex}.avatar-crop-controls label{justify-content:space-between;font-size:12px;display:flex}.avatar-crop-controls input[type=range]{accent-color:#303640;width:100%}.avatar-crop-controls button{align-self:flex-start}.avatar-editor-footer{border-top:1px solid #e7e8eb;justify-content:flex-end;gap:8px;padding-top:16px;display:flex}.avatar-editor .button{border-radius:7px;min-height:38px;padding:0 14px;font-size:13px}.profile-avatar-control{margin:16px 0 24px}@media (width<=360px){.avatar-palette>div{grid-template-columns:repeat(5,40px);gap:8px}.avatar-color-option{width:40px;height:40px}}.settings-dialog.avatar-dialog{width:min(464px,100vw - 40px)}.avatar-dialog .settings-dialog-description{margin-bottom:16px}.avatar-crop-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.logo-upload-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:0 0 14px;width:14px;height:14px;animation:.85s linear infinite logo-upload-spin;display:inline-block}.avatar-editor-footer .button{justify-content:center;align-items:center;gap:8px;display:inline-flex}@keyframes logo-upload-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.logo-upload-spinner{animation:none}}