.reference-avatar-picker{margin-top:16px;padding:16px;border:1px solid #d8e2ec;border-radius:14px;background:#f8fbfe}.reference-avatar-picker-head{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.reference-avatar-picker-head strong{font-size:.95rem;color:#173b63}.reference-avatar-upload-note{font-size:.82rem;color:#1477a8;font-weight:600}.reference-avatar-group{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:12px}.reference-avatar-group[data-avatar-group="male"]{grid-template-columns:repeat(2,minmax(120px,190px))}.reference-avatar-option{position:relative;border:2px solid transparent;border-radius:14px;padding:8px;background:#fff;box-shadow:0 6px 18px rgba(25,62,97,.08);cursor:pointer;transition:.2s ease;text-align:center;color:#53657a}.reference-avatar-option:hover{transform:translateY(-2px);border-color:#9bd7f1}.reference-avatar-option.is-selected{border-color:#149ddd;box-shadow:0 0 0 3px rgba(20,157,221,.12),0 8px 20px rgba(25,62,97,.12);color:#0d4771}.reference-avatar-option img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;background:#08101a}.reference-avatar-option span{display:block;margin-top:7px;font-size:.78rem;font-weight:700}.reference-avatar-option i{position:absolute;top:13px;right:13px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#149ddd;color:#fff;opacity:0;transform:scale(.8);transition:.2s ease}.reference-avatar-option.is-selected i{opacity:1;transform:scale(1)}.reference-avatar-picker.is-photo-uploaded{opacity:.72}.reference-avatar-picker.is-photo-uploaded .reference-avatar-option{cursor:default}.reference-file-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.reference-file-native{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.reference-file-name{color:#6c757d;font-size:.95rem}@media(max-width:767px){.reference-avatar-group,.reference-avatar-group[data-avatar-group="male"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.reference-avatar-group,.reference-avatar-group[data-avatar-group="male"]{grid-template-columns:1fr 1fr}.reference-avatar-option{padding:6px}.reference-avatar-option span{font-size:.72rem}}