:root body .custom-avatar-image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:inherit;pointer-events:none}
:root body :is(.avatar,.viewer-avatar,.profile-portrait):has(>.custom-avatar-image){padding:0;overflow:hidden}
.avatar-upload-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}
.avatar-upload-tools button{padding:10px 16px;border:1px solid #ffffff25;border-radius:12px;background:#ffffff08;color:#eee;font:inherit;font-size:14px;cursor:pointer}
.avatar-upload-tools button:hover{background:#ffffff14;border-color:#ffffff50}
.avatar-upload-tools [data-avatar-remove]{color:#aaa;background:transparent}
.avatar-upload-status{width:100%;font-size:13px;color:#bbb;min-height:1em;margin:0}
.avatar-crop-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:26px;border:1px solid #ffffff28;border-radius:24px;background:#1b1c1d;color:#f2f2f2;box-shadow:0 24px 90px #0009}
.avatar-crop-dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}
.avatar-crop-dialog h2{font-size:23px;margin:0 0 8px;letter-spacing:-.5px}
.avatar-crop-dialog p{color:#b9bbbd;font-size:14px;line-height:1.5;margin:0 0 22px}
.avatar-crop-stage{position:relative;width:min(100%,300px);aspect-ratio:1;margin:auto;overflow:hidden;border-radius:16px;background:#101112}
.avatar-crop-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
.avatar-crop-stage canvas:active{cursor:grabbing}
.avatar-crop-stage:after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid #fff9;box-shadow:0 0 0 100px #0009;pointer-events:none}
.avatar-crop-zoom{display:flex;align-items:center;gap:18px;margin:22px 0;color:#ccc;font-size:14px}
.avatar-crop-zoom input{flex:1;min-width:0;accent-color:#eee}
.avatar-crop-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.avatar-crop-actions button{font:inherit;font-size:14px;border:1px solid #ffffff30;border-radius:12px;padding:12px 20px;cursor:pointer;background:#ffffff08;color:#eee}
.avatar-crop-actions [data-avatar-save]{background:#ededeb;color:#151616;border-color:transparent;font-weight:600}
.avatar-crop-actions button:disabled{opacity:.55;cursor:wait}
.avatar-crop-dialog .avatar-crop-status{margin:8px 0 0;min-height:20px;color:#e0b4ae}
:root body .avatar-option[data-custom-choice]>span{overflow:hidden}
@media(max-width:420px){.avatar-crop-dialog{padding:20px}.avatar-crop-dialog h2{font-size:21px}}