.avatar-crop-dialog{
  width:min(420px,94vw);
  padding:18px 18px 16px;
  border:1px solid #6f8db8;
  border-radius:16px;
  background:linear-gradient(160deg,#13243a,#0a1220);
  color:#e4efff;
  box-shadow:0 24px 80px #000a;
}
.avatar-crop-dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}
.avatar-crop-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.avatar-crop-dialog>header strong{font-size:16px}
.avatar-crop-close{width:32px;height:32px;border:0;border-radius:8px;background:#ffffff12;color:#dbe9ff;font-size:20px;cursor:pointer;line-height:1}
.avatar-crop-help{margin:0 0 14px;font-size:13px;color:#9fb4d4;line-height:1.6}
.avatar-crop-stage{
  position:relative;
  width:min(320px,100%);
  aspect-ratio:1;
  margin:0 auto 14px;
  border-radius:16px;
  overflow:hidden;
  background:#070b14;
  touch-action:none;
}
.avatar-crop-canvas{display:block;width:100%;height:100%;cursor:grab}
.avatar-crop-canvas:active{cursor:grabbing}
.avatar-crop-mask{
  pointer-events:none;
  position:absolute;inset:0;
  background:radial-gradient(circle closest-side,transparent 66%,rgba(0,0,0,.62) 67%);
  box-shadow:inset 0 0 0 1px #ffffff22;
}
.avatar-crop-zoom{display:grid;gap:8px;font-size:12px;color:#9fb4d4;margin-bottom:14px}
.avatar-crop-zoom input{width:100%;accent-color:#7aa8fa}
.avatar-crop-preview-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:13px;color:#9fb4d4}
.avatar-crop-preview{width:72px;height:72px;border-radius:50%;background:#1a2438;box-shadow:0 0 0 2px #ffffff22}
.avatar-crop-dialog>footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.avatar-crop-dialog .button{min-height:40px}