#avatar-photo-preview.has-crop{display:block;width:100%;margin:0 0 12px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}.avatar-photo-stage.cropping{padding:18px 12px 13px}.avatar-crop-editor{display:flex;flex-direction:column;align-items:center;width:100%;gap:12px}.avatar-crop-surface{display:block;width:min(220px,64vw);aspect-ratio:1;position:relative;padding:0;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #fff,0 8px 28px #29563b1a;overflow:hidden;touch-action:none;user-select:none;cursor:grab}.avatar-crop-surface.dragging{cursor:grabbing}.avatar-crop-surface canvas{display:block;width:100%;height:100%;border-radius:50%}.avatar-crop-surface:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent 33%,#ffffff66 33%,#ffffff66 33.5%,transparent 33.5%,transparent 66%,#ffffff66 66%,#ffffff66 66.5%,transparent 66.5%),linear-gradient(to bottom,transparent 33%,#ffffff66 33%,#ffffff66 33.5%,transparent 33.5%,transparent 66%,#ffffff66 66%,#ffffff66 66.5%,transparent 66.5%)}.avatar-crop-surface:focus-visible{outline:3px solid #c69b51;outline-offset:5px}.avatar-crop-zoom{display:flex;align-items:center;gap:10px;width:100%;max-width:310px;margin-top:4px}.avatar-crop-zoom>button{width:42px;height:42px;flex-shrink:0;border:1px solid #d9e5d1;border-radius:14px;background:#fff;color:#365d43;font-size:23px}.avatar-crop-zoom label{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;color:#5d7757;font-size:11px;font-weight:650}.avatar-crop-zoom label>span{display:flex;justify-content:space-between}.avatar-crop-zoom input{width:100%;margin:0;accent-color:#315840;min-height:22px;touch-action:pan-y}.avatar-crop-reset{border:0;padding:7px 12px;min-height:34px;border-radius:12px;background:#e7efdf;color:#4f704b;font-size:11px;font-weight:750}.avatar-crop-editor button:disabled,.avatar-crop-editor input:disabled{opacity:.45}.avatar-photo-stage.cropping>p{margin-top:5px}.avatar-photo-stage.cropping>strong{font-size:14px}.avatar-photo-picker:has(.avatar-crop-editor) .photo-pick-actions{padding-top:4px}.avatar-photo-picker:has(.avatar-crop-editor) .avatar-discard-choice{margin-bottom:8px;min-height:34px;padding-top:6px;padding-bottom:6px}.avatar-photo-picker:has(.avatar-crop-editor) #photo-status{font-size:10px;padding-bottom:9px}
@media(max-width:360px){.avatar-crop-surface{width:185px}.avatar-crop-zoom{gap:8px}.avatar-photo-stage.cropping{padding-top:16px}.avatar-crop-editor{gap:10px}}
.avatar-photo-form .modal-actions{position:sticky;bottom:0;z-index:4;background:#fff;padding:12px 0;margin-top:12px;margin-bottom:0;border-top:1px solid #e4ebdf;box-shadow:0 -8px 14px #ffffffed}