.avatar-cropper__layout{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:20px;align-items:start}
.avatar-cropper__stage{position:relative;aspect-ratio:1;overflow:hidden;border-radius:50%;background:#eef2f7;touch-action:none;outline:none;cursor:grab;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)}
.avatar-cropper__stage:active{cursor:grabbing}
.avatar-cropper__stage:focus-visible{box-shadow:0 0 0 3px rgba(24,119,242,.28),inset 0 0 0 1px rgba(15,23,42,.08)}
.avatar-cropper__image{position:absolute;left:50%;top:50%;width:auto;height:auto;max-width:none!important;max-height:none!important;object-fit:fill;transform:translate(-50%,-50%);transform-origin:center center;user-select:none;-webkit-user-drag:none;pointer-events:none;will-change:left,top,transform}
.avatar-cropper__empty{display:grid;place-items:center;height:100%;padding:30px;text-align:center;color:#64748b;box-sizing:border-box}
.avatar-cropper__mask,.avatar-cropper__hint,.avatar-cropper__busy{pointer-events:none}
.avatar-cropper__hint{position:absolute;left:10px;right:10px;bottom:12px;background:rgba(15,23,42,.7);color:#fff;border-radius:999px;padding:7px 10px;text-align:center;font-size:12px}
.avatar-cropper__busy{position:absolute;inset:0;display:none;place-items:center;background:rgba(255,255,255,.78);font-weight:800;z-index:4}
.avatar-cropper.is-busy .avatar-cropper__busy{display:grid}
.avatar-cropper__side{min-width:0}
.avatar-cropper__title{margin-top:0}
.avatar-cropper__description{color:#64748b;line-height:1.45}
.avatar-cropper__zoom{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}
.avatar-cropper__zoom button{border:1px solid #d7dde7;background:#fff;color:#111827;border-radius:10px;min-width:42px;height:40px;padding:0 12px;font-size:22px;font-weight:900;cursor:pointer}
.avatar-cropper__zoom button:hover{background:#f3f6fa}
.avatar-cropper__zoom [data-avatar-zoom-label]{min-width:64px;text-align:center;font-weight:800;color:#334155}
.avatar-cropper__zoom .avatar-cropper__reset{font-size:13px;font-weight:800;min-width:auto}
.avatar-cropper__actions{display:flex;gap:10px;flex-wrap:wrap}
.avatar-cropper__pick,.avatar-cropper__save{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border:0;border-radius:12px;background:#1877f2;color:#fff;font-weight:800;cursor:pointer}
.avatar-cropper__pick input{display:none}
.avatar-cropper__status{margin-top:10px;color:#64748b;font-size:14px;line-height:1.4}
.avatar-cropper__status.is-error{color:#b91c1c;font-weight:700}
@media(max-width:720px){.avatar-cropper__layout{grid-template-columns:1fr}.avatar-cropper__stage{max-width:360px;width:100%;margin:auto}.avatar-cropper__side{width:100%}}