.AvatarCreator_avatarCreator__xpvcc{display:flex;flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto;padding:1rem;@media (min-width:768px){flex-direction:row;align-items:flex-start}}.AvatarCreator_previewContainer__IebIf{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#f0f0f0;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);@media (min-width:768px){flex:0 0 220px;height:220px;position:sticky;top:2rem}}.AvatarCreator_avatarCanvas__cLueR{border-radius:50%;background-color:#ffffff;box-shadow:0 2px 8px rgba(0,0,0,.15)}.AvatarCreator_controlsContainer__WN_Zi{flex:1;display:flex;flex-direction:column;gap:1rem}.AvatarCreator_section__3gAkF{background-color:#f9f9f9;border-radius:8px;padding:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.AvatarCreator_section__3gAkF h3{margin-top:0;margin-bottom:.75rem;font-size:1rem;color:#333;border-bottom:1px solid #eaeaea;padding-bottom:.5rem}.AvatarCreator_options__kVzLP{display:flex;flex-wrap:wrap;gap:.5rem}.AvatarCreator_option__VSTuf{width:40px;height:40px;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.AvatarCreator_option__VSTuf:hover{border-color:#999;background-color:#f0f0f0}.AvatarCreator_option__VSTuf.AvatarCreator_selected__t0zl2{border-color:#4a90e2;background-color:#e5f1fd;box-shadow:0 0 0 2px rgba(74,144,226,.25)}.AvatarCreator_colorPicker__HCsMW{display:flex;align-items:center;margin-top:.75rem}.AvatarCreator_colorPicker__HCsMW label{margin-right:.5rem;font-size:.875rem}.AvatarCreator_colorPicker__HCsMW input[type=color]{-webkit-appearance:none;appearance:none;width:40px;height:24px;border:none;border-radius:4px;padding:0;cursor:pointer}.AvatarCreator_colorPicker__HCsMW input[type=color]::-webkit-color-swatch-wrapper{padding:0}.AvatarCreator_colorPicker__HCsMW input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.AvatarCreator_actions__cVujx{display:flex;justify-content:center;margin-top:1rem}.AvatarCreator_saveButton__B_tGS{background-color:#4a90e2;color:white;border:none;padding:.75rem 1.5rem;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .2s;box-shadow:0 2px 4px rgba(0,0,0,.1)}.AvatarCreator_saveButton__B_tGS:hover{background-color:#3a7abd}