.cab-avatar,.header-avatar{overflow:hidden}
.cab-avatar>img,.header-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.cab-avatar-edit{position:relative;overflow:visible;padding:0;border:0;font:inherit;font-size:17px;cursor:pointer}
.cab-avatar-edit::after{content:"";position:absolute;right:-3px;bottom:-3px;width:17px;height:17px;border:2px solid #0d0d10;border-radius:50%;background:#292930 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d2d2dc' stroke-width='1.7'%3E%3Cpath d='M4 7h4l2-3h4l2 3h4v13H4z'/%3E%3Ccircle cx='12' cy='13' r='4'/%3E%3C/svg%3E") center/10px no-repeat}
.cab-avatar-edit:hover{outline:2px solid #ffffff25;outline-offset:3px}
.cab-avatar-edit:focus-visible{outline:2px solid #bdbdc8;outline-offset:4px}
.cab-avatar-setting{display:flex;align-items:center;gap:14px}
.cab-avatar-setting .cab-avatar{width:48px;height:48px;flex-basis:48px}
.cab-avatar-setting .cab-avatar-details{flex:1;min-width:0}
.cab-avatar-setting h2{font-size:18px;margin-bottom:3px}
.cab-avatar-setting .cab-caption{font-size:12px}
.avatar-editor{display:flex;align-items:center;flex-direction:column;gap:18px}
.avatar-canvas{display:block;width:208px;height:208px;max-width:100%;border-radius:50%;background:#262530;touch-action:none;cursor:grab}
.avatar-canvas:active{cursor:grabbing}
.avatar-upload{display:flex;align-items:center;flex-direction:column;gap:6px;width:100%}
.avatar-zoom-row{display:flex;align-items:center;gap:16px;width:100%;font-size:12px;color:#93939f}
.avatar-zoom-row input{flex:1;min-width:0;accent-color:#bdbdc8;cursor:pointer}
.avatar-editor>.cab-caption{text-align:center;font-size:12px}
.avatar-editor .cab-modal-error{width:100%}
.avatar-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding-top:4px}
.avatar-actions .cab-primary{margin-left:auto}
.avatar-actions .cab-text-button{font-size:12px;color:#a9a9b5}
#avatarModal [hidden]{display:none!important}
@media(max-width:540px){.cab-avatar-setting{flex-wrap:wrap;gap:12px}.cab-avatar-setting .cab-secondary{margin-left:auto}.avatar-canvas{width:192px;height:192px}}

.avatar-preview{position:relative;flex:0 0 auto;width:208px;height:208px;max-width:100%;touch-action:none;cursor:grab}
.avatar-preview:active{cursor:grabbing}
.avatar-preview .avatar-canvas{width:100%;height:100%}
.avatar-animated{position:absolute;inset:0;overflow:hidden;border-radius:50%;background:#262530;pointer-events:none}
.avatar-animated img{position:absolute;left:50%;top:50%;max-width:none;object-fit:fill;pointer-events:none;user-select:none}
@media(max-width:540px){.avatar-preview{width:192px;height:192px}}