.avatarStudio h1{font-size:32px;color:#593c78;letter-spacing:-1px}.avatarStudio>p{font-size:13px;line-height:1.8;color:#8a7996;max-width:730px}.avatarEditor{display:grid;grid-template-columns:290px 1fr;gap:32px;margin-top:22px}.avatarEditor>div{background:linear-gradient(160deg,#e9f5fc,#f7e8f1 60%,#fff6df);border-radius:24px;align-self:start;padding:15px;text-align:center;position:sticky;top:0}.avatarArt{position:relative;width:100%;aspect-ratio:2/3}.avatarArt>#avatarArtwork{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;pointer-events:none}.avatarArt>#avatarFace{position:absolute;left:var(--face-left,34%);top:var(--face-top,8%);width:var(--face-width,32%);aspect-ratio:1;border-radius:50%;object-fit:cover;z-index:1;background:white}.avatarArt:before{content:'';position:absolute;left:var(--face-left,34%);top:var(--face-top,8%);width:var(--face-width,32%);aspect-ratio:1;border-radius:50%;background:#fff}.avatarPreviewNote{font-size:10px;line-height:1.7;color:#947b9d;padding:0 7px}.avatarEditor #toggleAvatar3D{font-size:11px;background:white;border:1px solid #dfcce8;color:#895b9f;border-radius:99px;padding:10px 15px}.avatarEditor label{display:block;font-size:12px;color:#70527e;margin:12px 0}.avatarEditor input:not([type=range]){display:block;width:100%;padding:11px;border:1px solid #dfd1e7;border-radius:10px;background:#fffdfb;color:#6b4c7a;margin-top:7px}.avatarEditor input[type=range]{display:block;width:100%;margin-top:8px;accent-color:#ac7ebd}.avatarEditor small{font-size:10px;color:#a08ba8;line-height:1.7}.avatarEditor h2{font-size:21px;margin-top:25px;color:#7c578d}.avatarChoices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.avatarChoice{padding:8px 5px;border:1px solid #e6dcec;border-radius:13px;background:#faf7fc;display:flex;flex-direction:column;align-items:center;min-width:0}.avatarChoice img{height:100px;width:100%;object-fit:contain}.avatarChoice strong{font-size:11px;color:#694978;line-height:1.7}.avatarChoice small{font-size:8px;text-align:center}.avatarChoice[aria-pressed=true]{border:2px solid #a87bc5;background:#f1e4fc;box-shadow:0 3px 10px #b08bcb22}.avatarEditor [role=status]{font-size:12px;line-height:1.7;color:#8e679a}.avatarEditor #avatar3D{width:100%;height:auto;aspect-ratio:360/440;display:block}.avatarEditor #avatar3D[hidden]{display:none}.avatarEditor #removeAvatarPhoto{font-size:10px;margin-top:12px}.avatarEditor #avatarCropControls{padding:8px 14px;background:#f7f0fa;border-radius:12px}.avatarEditor .productToolbar{flex-wrap:wrap}.directory-home-active header #avatarButton{background:#f2e9fb;color:#9a6ab0;border-color:#ebddf5;font-size:11px}#avatarButton{white-space:nowrap}@media(max-width:850px){.avatarEditor{grid-template-columns:230px 1fr;gap:20px}.avatarChoices{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.avatarEditor{grid-template-columns:1fr}.avatarEditor>div{position:static;max-width:240px;justify-self:center;width:100%}.avatarChoices{grid-template-columns:repeat(5,minmax(0,1fr))}.avatarChoice img{height:75px}.avatarChoice small{font-size:7px}.avatarStudio h1{font-size:26px}.directory-home-active header #avatarButton{font-size:9px;padding:8px}.avatarEditor input[type=range]{min-height:30px}}
