.avatar-cropper{width:100%;max-width:360px;color:var(--s4s-text);flex-direction:column;gap:16px;margin:16px auto 0;display:flex}.avatar-cropper-hint{color:var(--s4s-muted);text-align:center;font-size:13px;line-height:1.6}.avatar-cropper-stage{width:100%;height:280px;background:var(--s4s-well);touch-action:none;border-radius:16px;height:min(280px,65vw);overflow:hidden}.avatar-cropper-stage .cropper-modal{opacity:0}.avatar-cropper-stage .cropper-view-box{border-radius:50%;outline:0;box-shadow:0 0 0 2px #fff,0 0 0 999px #0009}.avatar-cropper-stage .cropper-face{border-radius:50%}.avatar-cropper-stage .cropper-line,.avatar-cropper-stage .cropper-point{display:none}.avatar-cropper-zoom{align-items:center;gap:12px;font-size:13px;display:flex}.avatar-cropper-zoom input[type=range]{width:100%;min-width:0;min-height:44px;accent-color:var(--s4s-accent);margin:0}.avatar-cropper-zoom span{text-align:end;font-variant-numeric:tabular-nums;min-width:42px;color:var(--s4s-muted)}.avatar-cropper-actions{gap:10px;display:flex}.avatar-cropper-actions button{background:var(--s4s-tint-pill);border-radius:24px;flex:1;min-height:44px;padding:10px 16px;font-size:14px}.avatar-cropper-actions .avatar-cropper-save{background:var(--s4s-apply-bg);color:var(--s4s-apply-fg)}.avatar-cropper button:disabled,.avatar-cropper input:disabled{opacity:.55;cursor:default}.avatar-cropper :focus-visible{outline:2px solid var(--s4s-accent);outline-offset:3px}.avatar-cropper-error{-webkit-border-start:3px solid var(--s4s-accent);border-inline-start:3px solid var(--s4s-accent);background:var(--s4s-tint-pill);text-align:start;border-radius:8px;padding:12px;font-size:13px}