.avatar-upload-section{display:flex;flex-direction:column;align-items:center;gap:12px}.avatar-upload-container{position:relative;width:100px;height:100px;cursor:pointer;border-radius:50%;overflow:hidden;transition:transform .2s ease}.avatar-upload-container:hover{transform:scale(1.05)}.avatar-upload-overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;pointer-events:none}.avatar-upload-container:hover .avatar-upload-overlay{opacity:1}.avatar-upload-container:active .avatar-upload-overlay{opacity:0}.avatar-upload-icon{color:white;width:32px;height:32px;margin-bottom:8px}.avatar-upload-text{color:white;font-size:14px;font-weight:500}.avatar-upload-info{text-align:center;margin-top:12px}.avatar-upload-info-text{font-size:14px;color:var(--chakra-colors-gray-700);font-weight:400}.avatar-upload-info-hint{font-size:12px;color:var(--chakra-colors-gray-500);margin-top:4px}.avatar-upload-remove{margin-top:8px;font-size:12px;color:var(--chakra-colors-red-600);cursor:pointer;transition:color .2s ease}.avatar-upload-remove:hover{color:var(--chakra-colors-red-700)}.avatar-cropper-modal{max-height:90vh;overflow:hidden}.avatar-cropper-modal--mobile{max-height:100vh;height:100vh;margin:0;border-radius:0;position:fixed;top:0;left:0;right:0;bottom:0}.avatar-cropper-modal--desktop{max-height:90vh;height:auto;border-radius:12px;min-width:600px}.avatar-cropper-modal__header{border-bottom:1px solid var(--chakra-colors-gray-100);padding:var(--chakra-space-3) var(--chakra-space-6)}.avatar-cropper-modal__header--mobile{padding:var(--chakra-space-3) var(--chakra-space-4)}.avatar-cropper-modal__header-content{display:flex;justify-content:space-between;align-items:center}.avatar-cropper-modal__header-text{display:flex;flex-direction:column;align-items:flex-start;gap:0}.avatar-cropper-modal__title{font-size:var(--chakra-fontSizes-lg);font-weight:600;color:var(--chakra-colors-gray-800);line-height:1.2}.avatar-cropper-modal__subtitle{font-size:var(--chakra-fontSizes-xs);color:var(--chakra-colors-gray-500);margin-top:0;line-height:1.4}.avatar-cropper-modal__body{padding:0;flex:1 1;overflow:hidden}.avatar-cropper-modal__close{border-radius:var(--chakra-radii-full);min-width:auto;padding:var(--chakra-space-2)}.avatar-cropper-modal__close:hover{background-color:var(--chakra-colors-gray-100)}.avatar-cropper-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%}