@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Fredoka:wght@400;500;600&display=swap";:root{--pink: #ff6b9d;--pink-light: #ffb3d0;--purple: #c9a0ff;--purple-light: #e8d5ff;--blue: #7ec8e3;--blue-light: #d4f1ff;--yellow: #ffd166;--yellow-light: #fff3d4;--mint: #88d8b0;--mint-light: #d4f5e3;--coral: #ff8a80;--peach: #ffccbc;--white: #ffffff;--bg: #fff5f9;--text: #5a3e5c;--text-light: #8b6e8d}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);font-family:Quicksand,sans-serif;color:var(--text);overflow-x:hidden}body{background-image:radial-gradient(circle at 20% 80%,rgba(255,107,157,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(201,160,255,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(126,200,227,.05) 0%,transparent 70%)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--pink-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--pink)}.app{max-width:1200px;margin:0 auto;padding:1rem;min-height:100vh;display:flex;flex-direction:column}.header{text-align:center;padding:1.5rem 1rem;margin-bottom:1rem}.header h1{font-family:Fredoka,sans-serif;font-size:2.5rem;font-weight:600;background:linear-gradient(135deg,var(--pink),var(--purple),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;margin-bottom:.25rem}.header p{color:var(--text-light);font-size:1rem;font-weight:500}.main-content{display:grid;grid-template-columns:1fr 280px;gap:1.5rem;flex:1;min-height:0}@media(max-width:768px){.main-content{grid-template-columns:1fr}}.doll-area{background:var(--white);border-radius:1.5rem;box-shadow:0 4px 24px #5a3e5c0f,0 1px 4px #5a3e5c0a;padding:2rem;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.doll-area:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,107,157,.03) 0%,transparent 70%);pointer-events:none}.doll-stage{position:relative;width:220px;height:440px;margin:0 auto}.paper-doll{position:relative;width:100%;height:100%}.doll-head{position:absolute;top:0;left:50%;transform:translate(-50%);width:80px;height:90px;background:#ffe0cc;border-radius:50% 50% 45% 45%;z-index:10;box-shadow:inset 0 -4px 8px #0000000d}.doll-face{position:absolute;top:0;left:0;width:100%;height:100%;z-index:11}.eye{position:absolute;width:10px;height:12px;background:#4a3728;border-radius:50%;top:35%}.eye:after{content:"";position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;top:2px;left:2px}.eye.left{left:22%}.eye.right{right:22%}.mouth{position:absolute;bottom:25%;left:50%;transform:translate(-50%);width:16px;height:8px;border-bottom:3px solid #e8836b;border-radius:0 0 50% 50%}.blush{position:absolute;width:14px;height:8px;background:#ff969666;border-radius:50%;top:48%}.blush.left{left:10%}.blush.right{right:10%}.doll-body{position:absolute;top:80px;left:50%;transform:translate(-50%);width:70px;height:130px;background:#ffe0cc;border-radius:30px 30px 20px 20px;z-index:5;box-shadow:inset 0 -4px 8px #00000008}.doll-arm{position:absolute;top:85px;width:22px;height:100px;background:#ffe0cc;border-radius:12px;z-index:4;box-shadow:inset 0 -2px 4px #00000008}.doll-arm.left{left:30px;transform:rotate(8deg)}.doll-arm.right{right:30px;transform:rotate(-8deg)}.doll-leg{position:absolute;top:200px;width:28px;height:140px;background:#ffe0cc;border-radius:14px 14px 12px 12px;z-index:3;box-shadow:inset 0 -2px 4px #00000008}.doll-leg.left{left:65px}.doll-leg.right{right:65px}.doll-foot{position:absolute;bottom:100px;width:32px;height:18px;background:#ffe0cc;border-radius:8px 8px 12px 12px;z-index:3}.doll-foot.left{left:62px}.doll-foot.right{right:62px}.clothing-layer{position:absolute;z-index:15;pointer-events:none;transition:all .2s ease}.hair-layer{z-index:20}.hair-long{top:-10px;left:50%;transform:translate(-50%);width:95px;height:200px;background:linear-gradient(180deg,#8b4513,sienna);border-radius:50% 50% 40% 40%/30% 30% 70% 70%;box-shadow:inset -8px 0 12px #00000026,inset 8px 0 12px #00000026}.hair-bob{top:-8px;left:50%;transform:translate(-50%);width:90px;height:120px;background:linear-gradient(180deg,gold,#ffc107);border-radius:50% 50% 40% 40%;box-shadow:inset -6px 0 10px #0000001a}.hair-pigtails{top:-8px;left:50%;transform:translate(-50%);width:88px;height:100px;background:linear-gradient(180deg,#ff69b4,#ff1493);border-radius:50%}.hair-pigtails:before,.hair-pigtails:after{content:"";position:absolute;width:30px;height:100px;background:linear-gradient(180deg,#ff69b4,#ff1493);border-radius:50%;top:20px}.hair-pigtails:before{left:-20px}.hair-pigtails:after{right:-20px}.hair-curly{top:-12px;left:50%;transform:translate(-50%);width:100px;height:180px;background:linear-gradient(180deg,#4a2c2a,#6b3a38);border-radius:50% 50% 35% 35%/25% 25% 75% 75%;box-shadow:inset -10px 0 15px #0003,inset 10px 0 15px #0003}.hair-curly:before{content:"";position:absolute;bottom:-20px;left:5px;right:5px;height:60px;background:inherit;border-radius:0 0 40% 40%/0 0 100% 100%;box-shadow:inset -8px 0 12px #00000026}.hair-bun{top:-20px;left:50%;transform:translate(-50%);width:85px;height:95px;background:linear-gradient(180deg,#2c1810,#3d2317);border-radius:50%}.hair-bun:before{content:"";position:absolute;top:-25px;left:50%;transform:translate(-50%);width:45px;height:45px;background:inherit;border-radius:50%;box-shadow:inset 0 -3px 6px #0003}.hair-braids{top:-8px;left:50%;transform:translate(-50%);width:88px;height:110px;background:linear-gradient(180deg,#c0392b,#e74c3c);border-radius:50% 50% 40% 40%}.hair-braids:before,.hair-braids:after{content:"";position:absolute;width:24px;height:160px;background:linear-gradient(180deg,#c0392b,#e74c3c);top:40px;border-radius:12px}.hair-braids:before{left:5px}.hair-braids:after{right:5px}.bangs{position:absolute;z-index:21;top:-5px;left:50%;transform:translate(-50%)}.bangs-straight{width:82px;height:35px;background:inherit;border-radius:0 0 50% 50%}.bangs-side{width:85px;height:40px;background:inherit;border-radius:0 0 60% 30%;transform:translate(-50%) rotate(-3deg)}.top-layer{top:80px;left:50%;transform:translate(-50%)}.top-tshirt{width:76px;height:70px;border-radius:10px 10px 8px 8px;position:relative}.top-tshirt:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:30px;height:15px;background:inherit;filter:brightness(.95);border-radius:50%}.top-tank{width:64px;height:65px;border-radius:8px;position:relative}.top-blouse{width:78px;height:75px;border-radius:12px 12px 8px 8px;position:relative}.top-blouse:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:20px;background:#ffffff4d;border-radius:50%}.top-sweater{width:82px;height:80px;border-radius:15px;position:relative}.sleeve{position:absolute;width:26px;height:50px;background:inherit;border-radius:12px;top:5px}.sleeve.left{left:-18px;transform:rotate(10deg)}.sleeve.right{right:-18px;transform:rotate(-10deg)}.bottom-layer{top:145px;left:50%;transform:translate(-50%)}.bottom-skirt{width:90px;height:80px;border-radius:10px 10px 40% 40%;position:relative}.bottom-skirt:after{content:"";position:absolute;bottom:0;left:5%;right:5%;height:8px;background:#00000014;border-radius:0 0 40% 40%}.bottom-pants{width:76px;height:90px;border-radius:8px;position:relative}.bottom-pants:before,.bottom-pants:after{content:"";position:absolute;bottom:0;width:34px;height:70px;background:inherit;border-radius:0 0 8px 8px}.bottom-pants:before{left:2px}.bottom-pants:after{right:2px;filter:brightness(.97)}.bottom-shorts{width:74px;height:40px;border-radius:8px}.bottom-tutu{width:100px;height:60px;border-radius:10px 10px 50% 50%;position:relative;opacity:.9}.bottom-tutu:after{content:"";position:absolute;bottom:-5px;left:-5px;right:-5px;height:30px;background:inherit;opacity:.5;border-radius:0 0 50% 50%;filter:blur(2px)}.dress-layer{top:80px;left:50%;transform:translate(-50%)}.dress-a{width:80px;height:170px;border-radius:15px 15px 45% 45%;position:relative}.dress-a:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:18px;background:#ffffff40;border-radius:50%}.dress-princess{width:78px;height:180px;border-radius:12px 12px 50% 50%;position:relative;box-shadow:inset 0 -20px 30px #fff3}.dress-princess:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:30px;height:15px;background:#ffffff4d;border-radius:50%}.dress-dungarees{width:78px;height:160px;border-radius:10px 10px 8px 8px;position:relative}.dress-dungarees:before{content:"";position:absolute;top:-15px;left:50%;transform:translate(-50%);width:40px;height:20px;background:inherit;filter:brightness(.95);border-radius:5px}.shoe-layer{z-index:16}.shoe-sneakers{position:absolute;bottom:95px;width:36px;height:22px;border-radius:8px 8px 12px 12px;z-index:16}.shoe-sneakers.left{left:58px}.shoe-sneakers.right{right:58px}.shoe-sneakers:after{content:"";position:absolute;bottom:0;left:0;right:0;height:6px;background:#fff;border-radius:0 0 10px 10px}.shoe-boots{position:absolute;bottom:75px;width:36px;height:42px;border-radius:8px 8px 10px 10px;z-index:16}.shoe-boots.left{left:58px}.shoe-boots.right{right:58px}.shoe-flats{position:absolute;bottom:98px;width:38px;height:16px;border-radius:15px 15px 8px 8px;z-index:16}.shoe-flats.left{left:56px}.shoe-flats.right{right:56px}.shoe-heels{position:absolute;bottom:95px;width:36px;height:20px;border-radius:8px 8px 4px 4px;z-index:16}.shoe-heels.left{left:58px}.shoe-heels.right{right:58px}.shoe-heels:after{content:"";position:absolute;bottom:-6px;right:4px;width:6px;height:8px;background:inherit;filter:brightness(.85);border-radius:2px}.accessory-layer{z-index:25}.accessory-bow{position:absolute;top:-15px;right:55px;width:30px;height:20px;z-index:25}.accessory-bow:before,.accessory-bow:after{content:"";position:absolute;width:15px;height:18px;border-radius:50%;top:0}.accessory-bow:before{left:0;transform:rotate(-10deg)}.accessory-bow:after{right:0;transform:rotate(10deg)}.accessory-necklace{position:absolute;top:78px;left:50%;transform:translate(-50%);width:50px;height:25px;border:3px solid;border-radius:0 0 50% 50%;border-top:none;z-index:25}.accessory-necklace:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:10px;height:10px;background:inherit;border-radius:50%;border:2px solid rgba(255,255,255,.5)}.accessory-bag{position:absolute;top:130px;right:15px;width:35px;height:30px;border-radius:8px 8px 5px 5px;z-index:25}.accessory-bag:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:20px;height:15px;border:3px solid;border-color:inherit;border-bottom:none;border-radius:50% 50% 0 0}.accessory-crown{position:absolute;top:-28px;left:50%;transform:translate(-50%);width:50px;height:22px;z-index:25}.accessory-crown:before{content:"";position:absolute;bottom:0;left:0;right:0;height:12px;background:inherit;border-radius:3px}.accessory-crown:after{content:"";position:absolute;top:0;left:5px;right:5px;height:15px;background:inherit;clip-path:polygon(0% 100%,15% 0%,30% 60%,50% 0%,70% 60%,85% 0%,100% 100%)}.accessory-glasses{position:absolute;top:32px;left:50%;transform:translate(-50%);width:60px;height:20px;z-index:25}.accessory-glasses:before,.accessory-glasses:after{content:"";position:absolute;width:22px;height:18px;border:3px solid;border-radius:50%;top:0}.accessory-glasses:before{left:0}.accessory-glasses:after{right:0}.wardrobe{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;max-height:calc(100vh - 140px);padding-right:.5rem}@media(max-width:768px){.wardrobe{max-height:none}}.category-section{background:var(--white);border-radius:1rem;padding:1rem;box-shadow:0 2px 12px #5a3e5c0a}.category-title{font-family:Fredoka,sans-serif;font-size:.85rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem}.category-icon{font-size:1rem}.items-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.item-btn{aspect-ratio:1;border:2px solid transparent;border-radius:.75rem;cursor:pointer;transition:all .15s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:.5rem}.item-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000001a}.item-btn.active{border-color:var(--pink);box-shadow:0 0 0 2px #ff6b9d4d}.item-btn.none-btn{background:var(--bg)!important;border:2px dashed var(--pink-light)}.item-btn.none-btn:hover{border-color:var(--pink);background:#ff6b9d0d!important}.item-preview{width:100%;height:100%;border-radius:.5rem}.actions{display:flex;gap:.75rem;margin-top:1rem;justify-content:center;flex-wrap:wrap}.action-btn{font-family:Quicksand,sans-serif;font-weight:600;font-size:.85rem;padding:.6rem 1.2rem;border:none;border-radius:2rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4rem}.action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-randomize{background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff}.btn-reset{background:var(--white);color:var(--text);border:2px solid var(--pink-light)}.btn-reset:hover{border-color:var(--pink);background:#ff6b9d0d}.skin-tones{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem;flex-wrap:wrap}.skin-btn{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 4px #0000001a}.skin-btn:hover{transform:scale(1.1)}.skin-btn.active{border-color:var(--pink);box-shadow:0 0 0 2px #ff6b9d4d}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.sparkle{position:absolute;width:20px;height:20px;pointer-events:none;animation:sparkle .6s ease-out forwards}.sparkle:before,.sparkle:after{content:"✦";position:absolute;font-size:16px;color:var(--yellow)}.footer{text-align:center;padding:1rem;color:var(--text-light);font-size:.8rem;margin-top:auto}