.avatar-crop-dialog { max-width: 380px; width: calc(100% - 40px); max-height: 90dvh; overflow:auto; border:0; border-radius:18px; padding:20px; color:#172b40; background:#fff; }
.avatar-crop-dialog::backdrop { background:rgb(0 0 0 / 65%); }
.avatar-crop-dialog canvas { display:block; width:100%; height:auto; border-radius:50%; background:#eef2f7; touch-action:none; cursor:grab; }
.avatar-crop-dialog label { display:block; margin:20px 0; }
.avatar-crop-dialog input { width:100%; min-height:44px; }
.avatar-crop-dialog > div { display:flex; justify-content:space-between; gap:12px; }
.avatar-crop-dialog button { min-height:44px; padding:10px 20px; border:1px solid #ccd4df; border-radius:8px; cursor:pointer; }
.avatar-crop-dialog [data-save] { background:#163b63; color:white; }