.profile-photo-editor{display:flex;align-items:center;gap:18px}.profile-photo{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#334155;color:#fff;font-weight:800;font-size:20px;overflow:hidden;flex:none}.profile-photo.large{width:150px;height:150px;margin:5px auto 20px}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-photo-modal{text-align:center}.photo-drop{display:block;border:1px dashed #cbd5e1;border-radius:10px;padding:28px;margin:15px 0;cursor:pointer}.photo-drop input{display:none}.photo-drop small{color:#64748b}.profile-photo-editor input{margin:9px 0}.profile-photo-editor .danger{padding:7px 10px;font-size:12px}
.crop-stage{width:240px;height:240px;margin:4px auto 18px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#334155;color:#fff;font-size:36px;font-weight:800}.crop-stage canvas{display:none;width:240px;height:240px}.crop-stage.has-image canvas{display:block}.crop-stage.has-image #cropInitials{display:none}.crop-controls{text-align:left;display:grid;gap:9px;margin:12px 0 18px}.crop-controls label{display:grid;grid-template-columns:132px 1fr;align-items:center;font-size:13px;font-weight:700}.crop-controls input{width:100%}.hidden{display:none!important}