@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Nunito:wght@500;700;900&display=swap";:root{--ink:#342338;--muted:#7a6678;--paper:#fff8ee;--blush:#ffd9e2;--rose:#fb7fa4;--apricot:#ffd6a5;--mint:#b8f2dc;--lavender:#cdb4db;--shadow:0 30px 80px #5e324b38}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 8% 12%,#ffd6a5e6,#0000 24rem),radial-gradient(circle at 92% 8%,#cdb4dbe0,#0000 22rem),linear-gradient(135deg,#fff8ee 0%,#ffe0ea 48%,#d9f8ed 100%);font-family:Nunito,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.35;background-image:linear-gradient(30deg,#ffffff59 12%,#0000 12.5% 87%,#ffffff59 87.5%,#ffffff59),linear-gradient(150deg,#ffffff59 12%,#0000 12.5% 87%,#ffffff59 87.5%,#ffffff59);background-size:72px 126px;position:fixed;inset:0}button{font:inherit;cursor:pointer;border:0}.atelier-shell{grid-template-columns:minmax(250px,340px) minmax(440px,1fr) minmax(260px,360px);gap:clamp(1rem,2vw,2rem);min-height:100vh;padding:clamp(1rem,2.4vw,2.4rem);display:grid;position:relative}.intro-panel,.wardrobe-panel,.stage-card{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff8eeb8;border:2px solid #ffffffa6}.intro-panel{border-radius:34px 20px 44px;align-self:start;padding:2rem;position:sticky;top:1.4rem}.eyebrow{color:var(--rose);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .45rem;font-size:.78rem;font-weight:900}h1{letter-spacing:-.04em;margin:0 0 1rem;font-family:DM Serif Display,serif;font-size:clamp(2.5rem,4.5vw,4.8rem);line-height:.86}.lead{color:var(--muted);margin:0 0 1.4rem;line-height:1.55}.avatar-switch,.actions{flex-wrap:wrap;gap:.7rem;margin-bottom:1rem;display:flex}.avatar-switch button,.actions button{color:var(--ink);background:#fff;border-radius:999px;padding:.76rem 1rem;font-weight:900;transition:transform .18s,box-shadow .18s,background .18s;box-shadow:0 10px 24px #5e324b1f}.avatar-switch button:hover,.actions button:hover,.wardrobe-item:hover{transform:translateY(-2px)rotate(-.4deg);box-shadow:0 14px 30px #5e324b2e}.avatar-switch .is-active,.actions .primary{background:var(--ink);color:#fff}.status{color:#8b4c65;min-height:1.2rem;margin:1rem 0 0;font-size:.95rem;font-weight:800}.hint{color:#34233894;margin:.55rem 0 0;font-size:.86rem}.stage-card{border-radius:48px;place-items:center;min-height:calc(100vh - 4.8rem);padding:clamp(1rem,2vw,2rem);display:grid;position:relative;overflow:hidden}.stage-card:before{content:"";aspect-ratio:1;background:radial-gradient(circle,#ffffffeb,#ffd9e238 56%,#0000 68%);border-radius:999px;width:70%;position:absolute}.stage-sparkle{aspect-ratio:1;filter:blur(.2px);background:#ffffff7a;border-radius:36% 64% 58% 42%;width:9rem;animation:8s ease-in-out infinite alternate drift;position:absolute}.stage-sparkle.one{top:8%;left:8%}.stage-sparkle.two{animation-delay:-3s;bottom:9%;right:10%}@keyframes drift{to{transform:translate(18px,-12px)rotate(12deg)}}.avatar-stage{background:linear-gradient(#fff6,#ffffff1f),repeating-linear-gradient(90deg,#ffffff3d 0 1px,#0000 1px 46px),repeating-linear-gradient(0deg,#ffffff38 0 1px,#0000 1px 46px),linear-gradient(160deg,#ffeef2,#f8fff8 60%,#fff0d7);border:2px dashed #8b4c6547;border-radius:42px;width:min(660px,92vw);height:min(760px,100vh - 8rem);min-height:590px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 10px #ffffff47}.person{z-index:5;pointer-events:none;width:260px;height:620px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.avatar-art{width:100%;height:100%;overflow:visible}.clothing-piece{-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;transform-origin:50%;filter:saturate(1.02);transition:filter .18s,transform 80ms;position:absolute}.clothing-piece:hover{filter:saturate(1.12)contrast(1.02)}.clothing-piece:active{cursor:grabbing;filter:saturate(1.16)contrast(1.04)}.clothing-art{width:100%;height:100%;display:block;overflow:visible}.garment-label{fill:#3423388f;paint-order:stroke;stroke:#ffffffb8;stroke-width:3px;font-family:Nunito,sans-serif;font-size:11px;font-weight:900}.wardrobe-panel{border-radius:20px 44px 20px 34px;align-self:start;padding:1.4rem;position:sticky;top:1.4rem}.wardrobe-title{justify-content:space-between;align-items:baseline;margin-bottom:1rem;font-size:1.3rem;font-weight:900;display:flex}.wardrobe-title small{color:var(--rose);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}.wardrobe{gap:.75rem;display:grid}.wardrobe-item{min-height:74px;color:var(--ink);text-align:left;background:#ffffffc7;border-radius:24px;grid-template-columns:58px 1fr;align-items:center;gap:.8rem;padding:.8rem .9rem;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 10px 22px #5e324b1c}.mini{background:linear-gradient(145deg,#fffffff2,#ffeff6b8);border:2px solid #fff;border-radius:18px;place-items:center;width:58px;height:58px;display:grid;overflow:visible;box-shadow:inset 0 -8px #0000000d,0 8px 18px #5e324b1f}.mini .clothing-art{width:92%;height:92%}.wardrobe-item strong{font-size:.98rem}@media (width<=1080px){.atelier-shell{grid-template-columns:1fr}.intro-panel,.wardrobe-panel{position:relative;top:0}.wardrobe{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.stage-card{min-height:auto}}@media (width<=620px){.atelier-shell{padding:.7rem}.intro-panel,.wardrobe-panel,.stage-card{border-radius:24px}.avatar-stage{min-height:560px}.person{transform:translate(-50%,-50%)scale(.86)}}.item-controls{background:#ffffff94;border:1px solid #8b4c6529;border-radius:22px;margin:1rem 0 .2rem;padding:.9rem;box-shadow:inset 0 0 0 1px #ffffff73}.item-controls strong{margin-bottom:.65rem;font-size:.95rem;display:block}.item-controls.is-disabled{opacity:.62}.size-controls{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.size-controls button{color:var(--ink);background:#fff;border-radius:999px;padding:.48rem .7rem;font-weight:900;box-shadow:0 8px 16px #5e324b1a}.color-choices{flex-wrap:wrap;align-items:center;gap:.45rem;min-height:32px;display:flex}.swatch{background:var(--swatch);border:3px solid #ffffffe6;border-radius:999px;width:30px;height:30px;box-shadow:0 5px 14px #3423382e,inset 0 -5px #0000001f}.swatch.is-active{outline:3px solid var(--ink);outline-offset:2px}.control-empty{color:#34233885;font-size:.82rem;font-weight:800}.clothing-piece.is-selected:after{content:"";pointer-events:none;border:2px dashed #3423386b;border-radius:24px;animation:1.5s ease-in-out infinite selectedPulse;position:absolute;inset:-10px}@keyframes selectedPulse{50%{opacity:.58;transform:scale(1.035)}}.avatar-breathe{transform-origin:130px 320px;animation:4.8s ease-in-out infinite avatarBreathe}.avatar-arm.left-arm{transform-origin:86px 170px;animation:5.6s ease-in-out infinite leftArmFloat}.avatar-arm.right-arm{transform-origin:174px 170px;animation:5.8s ease-in-out infinite rightArmFloat}.hair-sway{transform-origin:130px 64px;animation:5.2s ease-in-out infinite hairSway}.avatar-shadow{transform-origin:130px 596px;animation:4.8s ease-in-out infinite shadowBreathe}@keyframes avatarBreathe{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(-5px)scaleY(1.012)}}@keyframes leftArmFloat{0%,to{transform:rotate(0)}50%{transform:rotate(-2.2deg)}}@keyframes rightArmFloat{0%,to{transform:rotate(0)}50%{transform:rotate(2deg)}}@keyframes hairSway{0%,to{transform:rotate(0)}50%{transform:rotate(.9deg)translate(1px)}}@keyframes shadowBreathe{50%{opacity:.13;transform:scaleX(.94)}}