:root{--ink:#29261f;--muted:#70695e;--paper:#f5efe3;--cream:#fffcf5;--line:#302d26;--yellow:#f7d65f;--pink:#f59bb2;--green:#75bc82;--blue:#76c4e5;--purple:#9b82db;--shadow:#382d1d30;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,system-ui,sans-serif}*{box-sizing:border-box}html{background-color:var(--paper);background-image:radial-gradient(circle,#302d2612 1px,#0000 1.5px);background-size:22px 22px;min-width:320px;min-height:100%}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(#f5efe3c7,#f5efe3f2);min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:4px solid #2679a4}.app-shell{width:min(1380px,100%);min-height:100dvh;padding:max(14px, env(safe-area-inset-top)) clamp(12px, 2.6vw, 36px) max(42px, env(safe-area-inset-bottom));margin:0 auto}.topbar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:62px;margin-bottom:18px;display:grid}.title-lockup{min-width:0}.title-lockup p,.maker-heading>div>span,.section-heading span,.saved-heading span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px;font:800 .67rem/1.1 ui-monospace,SFMono-Regular,Menlo,monospace}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;max-width:18ch;margin-bottom:0;font-size:clamp(1.55rem,3.2vw,2.45rem);font-weight:950;line-height:.95}h2,h3{letter-spacing:-.035em;margin-bottom:0;font-weight:950}h2{font-size:clamp(1.42rem,2vw,1.85rem);line-height:1}h3{font-size:1.55rem;line-height:1}.header-actions{gap:9px;display:flex}.icon-button{border:3px solid var(--line);width:54px;height:54px;color:var(--ink);background:var(--cream);box-shadow:0 5px 0 var(--shadow);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:grid;position:relative}.icon-button svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}.icon-button:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(4px)}.random-button{background:var(--yellow)}.sound-off,.icon-button[aria-pressed=true] .sound-off,.icon-button[aria-pressed=false] .sound-on{display:none}.icon-button[aria-pressed=false] .sound-off{display:block}.studio-layout{grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr);align-items:start;gap:clamp(18px,2.6vw,34px);display:grid}.preview-panel,.maker-panel{min-width:0}.preview-panel{gap:18px;display:grid}.stage{border:4px solid var(--line);min-height:clamp(470px,58dvh,680px);box-shadow:0 10px 0 var(--shadow);cursor:pointer;isolation:isolate;-webkit-user-select:none;user-select:none;background:#a8dff1;border-radius:min(2.1vw,28px);position:relative;overflow:hidden}.scene-sky,.scene-land,.scene-props{pointer-events:none;position:absolute;inset:0}.scene-land{z-index:-1;background:#84c878;height:39%;transition:background .35s;top:auto}.scene-land:before{content:"";background:inherit;border-radius:50%;height:60%;position:absolute;top:-34%;left:-7%;right:-7%}.sun{aspect-ratio:1;background:#ffe574;border-radius:50%;width:76px;position:absolute;top:10%;right:10%;box-shadow:0 0 0 15px #ffe5743d}.moon{aspect-ratio:1;background:#fff5b2;border-radius:50%;width:70px;display:none;position:absolute;top:9%;right:11%;box-shadow:inset 15px -8px #d8d0a5,0 0 30px #fff5b280}.cloud{background:#ffffff9e;border-radius:999px;width:92px;height:28px;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:0}.cloud:before{width:42px;height:42px;left:14px}.cloud:after{width:54px;height:54px;right:14px}.cloud-one{top:18%;left:8%}.cloud-two{opacity:.7;top:28%;right:22%;transform:scale(.62)}.star{aspect-ratio:1;background:#fff;border-radius:50%;width:7px;display:none;position:absolute;box-shadow:0 0 10px #fff}.star-one{top:12%;left:16%}.star-two{top:25%;left:68%}.star-three{top:38%;left:29%}.plant{z-index:2;width:95px;height:150px;display:none;position:absolute;bottom:16%}.plant:before,.plant:after,.plant i:before,.plant i:after{content:"";border:4px solid var(--line);background:#4faf69;border-radius:100% 0;width:52px;height:90px;position:absolute}.plant:before{bottom:0;left:28px;transform:rotate(-22deg)}.plant:after{bottom:30px;right:0;transform:scaleX(-1)rotate(-20deg)}.plant i:before{bottom:55px;left:10px;transform:rotate(-33deg)scale(.8)}.plant i:after{bottom:82px;right:6px;transform:scaleX(-1)rotate(-26deg)scale(.7)}.plant-one{left:5%}.plant-two{right:3%;transform:scale(.75)}.disco-ball{aspect-ratio:1;border:4px solid var(--line);background:repeating-conic-gradient(#d1c9ef 0 10deg,#fff 10deg 20deg,#9880d5 20deg 30deg);border-radius:50%;width:92px;display:none;position:absolute;top:-15px;left:50%;transform:translate(-50%);box-shadow:0 0 35px #ffffff9e}.disco-ball:before{content:"";background:var(--line);width:3px;height:50px;position:absolute;bottom:100%;left:50%}.planet{aspect-ratio:1;background:#ef8b72;border-radius:50%;width:105px;display:none;position:absolute;bottom:21%;left:7%;box-shadow:inset -14px -13px #5f306e2e}.planet:after{content:"";border:8px solid #f2d579;border-radius:50%;height:24px;position:absolute;top:40%;left:-28px;right:-28px;transform:rotate(-13deg)}.toy-ball{aspect-ratio:1;border:4px solid var(--line);background:conic-gradient(#ef6e76 0 20%,#f6d75d 0 40%,#72bd83 0 60%,#65b6df 0 80%,#987bd5 0);border-radius:50%;width:80px;display:none;position:absolute;bottom:9%;left:21%}.car{z-index:1;border:4px solid var(--line);background:#ef6f67;border-radius:45% 48% 18% 18%;width:min(77%,560px);height:30%;display:none;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.car:before{content:"";border:4px solid var(--line);background:#b9e8f3;border-bottom:0;border-radius:50% 50% 0 0;width:52%;height:56%;position:absolute;top:-31%;left:24%}.car i{aspect-ratio:1;border:9px solid var(--line);background:#fff;border-radius:50%;width:66px;position:absolute;bottom:-27px}.car i:first-child{left:12%}.car i:last-child{right:12%}.avatar{--hue:0deg;z-index:5;aspect-ratio:3/4;transform-origin:50% 92%;width:min(42%,310px);animation:2.1s ease-in-out infinite breathe;position:absolute;bottom:15%;left:50%;transform:translate(-50%)}.avatar.changed{animation:.4s cubic-bezier(.2,.8,.2,1) pop-change}.avatar img{z-index:2;object-fit:contain;width:100%;height:100%;filter:hue-rotate(var(--hue)) drop-shadow(0 16px 9px #2d372033);position:absolute;inset:0}.hat,.glasses,.outfit,.badge{z-index:6;pointer-events:none;position:absolute}.hat{width:58%;height:31%;top:-5%;left:50%;transform:translate(-50%)}.avatar[data-hat=none] .hat{display:none}.avatar[data-hat=crown] .hat{clip-path:polygon(0 100%,0 24%,24% 60%,50% 0,76% 60%,100% 24%,100% 100%);background:#ffda3e;border-bottom:8px solid #a96a22;top:-7%}.avatar[data-hat=crown] .hat:after{content:"";aspect-ratio:1;background:#e45d69;border-radius:50%;width:10%;position:absolute;top:50%;left:46%}.avatar[data-hat=party] .hat{clip-path:polygon(50% 0,100% 100%,0 100%);background:repeating-linear-gradient(45deg,#f06f86 0 17px,#f8d95d 17px 34px);width:42%;height:41%;top:-15%}.avatar[data-hat=party] .hat:after{content:"";aspect-ratio:1;background:var(--purple);border-radius:50%;width:22%;position:absolute;left:39%}.avatar[data-hat=cap] .hat{border:4px solid var(--line);background:#567ce0;border-radius:50% 50% 16% 16%;height:22%;top:-1%}.avatar[data-hat=cap] .hat:after{content:"";border:4px solid var(--line);background:#567ce0;border-radius:50%;width:43%;height:18px;position:absolute;bottom:-9px;left:71%}.avatar[data-hat=flower] .hat{aspect-ratio:1;background:radial-gradient(circle,#f8d759 0 19%,#f17895 21% 47%,#0000 49%);border-radius:50%;width:36%;top:3%;left:72%}.avatar[data-hat=ears] .hat:before,.avatar[data-hat=ears] .hat:after{content:"";border:4px solid var(--line);background:#a76d4e;border-radius:70% 20% 50% 30%;width:43%;height:94%;position:absolute;bottom:0}.avatar[data-hat=ears] .hat:before{left:0;transform:rotate(-24deg)}.avatar[data-hat=ears] .hat:after{right:0;transform:scaleX(-1)rotate(-24deg)}.glasses{width:63%;height:22%;display:none;top:27%;left:50%;transform:translate(-50%)}.avatar:not([data-glasses=none]) .glasses{display:block}.glasses i{aspect-ratio:1;background:#b9e9f94d;border:6px solid #292622;border-radius:50%;width:40%;position:absolute;top:0}.glasses i:first-child{left:1%}.glasses i:last-child{right:1%}.glasses:after{content:"";background:#292622;height:6px;position:absolute;top:33%;left:38%;right:38%}.avatar[data-glasses=heart] .glasses i{border-color:#e8506c;border-radius:50% 50% 43% 43%;transform:rotate(45deg)}.avatar[data-glasses=heart] .glasses:after{background:#e8506c}.avatar[data-glasses=sun] .glasses i{background:#f7d647;border-color:#df9f1d}.avatar[data-glasses=star] .glasses i{clip-path:polygon(50% 0,62% 35%,100% 35%,69% 57%,80% 100%,50% 73%,20% 100%,31% 57%,0 35%,38% 35%);background:#d7c4f3;border-color:#7049b6}.outfit{opacity:.9;mix-blend-mode:multiply;clip-path:polygon(22% 0,78% 0,100% 34%,84% 100%,16% 100%,0 34%);width:50%;height:32%;bottom:8%;left:50%;transform:translate(-50%)}.avatar[data-outfit=red] .outfit{background:#ef5b6c}.avatar[data-outfit=blue] .outfit{background:#3f82e4}.avatar[data-outfit=green] .outfit{background:#42b86a}.avatar[data-outfit=purple] .outfit{background:#8b64ce}.avatar[data-outfit=rainbow] .outfit{background:linear-gradient(#ef667b 0 20%,#f6d65b 20% 40%,#52be75 40% 60%,#559be6 60% 80%,#9b75d7 80%)}.badge{aspect-ratio:1;width:15%;color:var(--ink);background:#f8d33f;border:3px solid #fff;border-radius:50%;place-items:center;font-size:clamp(.75rem,2vw,1.2rem);font-weight:950;display:grid;bottom:22%;right:21%;box-shadow:0 2px #0000001f}.avatar[data-badge=none] .badge{display:none}.avatar[data-badge=star] .badge:after{content:"★"}.avatar[data-badge=heart] .badge:after{content:"♥";color:#dc4f68}.avatar[data-badge=bolt] .badge:after{content:"ϟ"}.avatar[data-badge=music] .badge:after{content:"♪"}.avatar[data-badge=moon] .badge:after{content:"☾";color:#6652ae}.speech-bubble{z-index:9;border:3px solid var(--line);background:var(--cream);max-width:25ch;box-shadow:0 5px 0 var(--shadow);opacity:0;border-radius:18px 18px 18px 4px;padding:12px 16px;font-size:1.05rem;font-weight:900;transition:opacity .18s,transform .25s cubic-bezier(.2,.8,.2,1);position:absolute;top:22%;left:64%;transform:translateY(8px)rotate(2deg)scale(.9)}.speech-bubble.show{opacity:1;transform:translateY(0)rotate(2deg)scale(1)}.tap-cue{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffcf5e0;border:2px solid #302d2626;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:.82rem;font-weight:900;display:flex;position:absolute;top:18px;left:18px}.tap-cue svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.scene-caption{z-index:10;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:15px;display:flex;position:absolute;bottom:17px;left:18px;right:18px}.scene-caption span,.scene-caption strong{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffcf5e6;border:2px solid #302d2624;border-radius:999px;padding:9px 13px}.scene-caption span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font:800 .68rem/1 ui-monospace,monospace}.scene-caption strong{text-overflow:ellipsis;white-space:nowrap;max-width:16ch;font-size:1rem;overflow:hidden}.scene-garden{background:linear-gradient(#95d6ed 0 62%,#70bc77 62%)}.scene-garden .plant{display:block}.scene-garden .scene-land{background:#71bd73}.scene-garden .sun{background:#ffe17a}.scene-party{background:linear-gradient(135deg,#8051b2,#cd77b6)}.scene-party .scene-land{background:#563f83}.scene-party .sun,.scene-party .cloud{display:none}.scene-party .disco-ball,.scene-party .star{display:block}.scene-party .star{width:10px;box-shadow:0 0 25px #fff}.scene-space{background:radial-gradient(circle at 15% 12%,#8c79cd 0,#44538d 42%,#202952 100%)}.scene-space .scene-land{background:#73769e;height:26%}.scene-space .scene-land:before{top:-50%}.scene-space .sun,.scene-space .cloud{display:none}.scene-space .moon,.scene-space .star,.scene-space .planet{display:block}.scene-ride{background:linear-gradient(#a4dced 0 62%,#b9a57e 62%)}.scene-ride .scene-land{background:#77736b}.scene-ride .scene-land:before{background:#8fca73}.scene-ride .car{display:block}.scene-ride .avatar{z-index:3;width:min(30%,220px);bottom:17%}.scene-party .avatar{animation:1s ease-in-out infinite dance}.scene-space .avatar{animation:2.4s ease-in-out infinite float}.scene-garden .avatar{animation:1.2s ease-in-out infinite jog}.scene-studio.playing .avatar{animation:.5s ease-in-out 3 wave}.scene-garden.playing .avatar{animation:1.4s ease-in-out dash}.scene-party.playing .avatar{animation:.35s ease-in-out 4 dance-fast}.scene-space.playing .avatar{animation:1.5s ease-in-out float-spin}.scene-ride.playing .car{animation:.28s ease-in-out 5 car-bounce}.stage-spark{z-index:12;aspect-ratio:1;background:var(--yellow);pointer-events:none;border-radius:4px;width:13px;animation:.7s ease-out forwards spark-out;position:absolute;top:44%;left:50%}.stage-spark:nth-last-child(2n){background:var(--pink);border-radius:50%}.stage-spark:nth-last-child(3n){background:var(--blue)}.scene-picker,.maker-panel,.saved-section{border:3px solid var(--line);box-shadow:0 7px 0 var(--shadow);background:#fffcf5eb;border-radius:min(1.7vw,23px)}.scene-picker{min-width:0;padding:17px}.section-heading,.saved-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;display:flex}.section-heading p,.saved-heading p{color:var(--muted);margin-bottom:1px;font-size:.86rem;font-weight:700}.scene-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.scene-card{cursor:pointer;text-align:left;background:#fff;border:2px solid #302d2624;border-radius:14px;flex-direction:column;gap:8px;min-width:0;padding:7px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex}.scene-card:hover{transform:translateY(-2px)}.scene-card:active{transform:translateY(1px)}.scene-card[aria-pressed=true]{border-color:var(--line);box-shadow:0 3px 0 var(--shadow)}.scene-thumbnail{background:var(--scene-colour);border-radius:9px;min-height:55px;position:relative;overflow:hidden}.scene-thumbnail:before{content:"";background:var(--cream);border-radius:45% 45% 32% 32%;width:22px;height:34px;position:absolute;bottom:7px;left:50%;transform:translate(-50%);box-shadow:0 3px #00000026}.scene-thumbnail:after{content:"";background:#302d2626;border-radius:50%;width:120%;height:31px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.scene-card strong,.scene-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.scene-card strong{font-size:.84rem}.scene-card small{color:var(--muted);margin-top:2px;font-size:.68rem}.maker-panel{position:sticky;top:12px;overflow:hidden}.maker-heading{border-bottom:2px solid #302d261f;justify-content:space-between;align-items:flex-end;gap:20px;padding:20px 20px 18px;display:flex}.name-field{min-width:0}.name-field>span{color:var(--muted);margin-bottom:5px;font-size:.72rem;font-weight:850;display:block}.name-field input{width:146px;min-height:46px;color:var(--ink);background:#fff;border:2px solid #302d263b;border-radius:12px;padding:8px 13px;font-size:1rem;font-weight:850}.tool-tabs{border-bottom:2px solid #302d261f;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;overflow:hidden}.tool-tab{cursor:pointer;background:0 0;border:0;border-right:1px solid #302d261a;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:74px;padding:8px 3px;transition:background .12s,color .12s;display:flex}.tool-tab:last-child{border-right:0}.tool-tab svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}.tool-tab span{text-overflow:ellipsis;max-width:100%;font-size:.67rem;font-weight:850;overflow:hidden}.tool-tab[aria-pressed=true]{color:var(--ink);background:var(--yellow)}.tool-workspace{min-height:335px;padding:19px 20px 21px}.tool-heading{justify-content:space-between;align-items:end;gap:12px;margin-bottom:16px;display:flex}.tool-heading>div>span{color:var(--muted);margin-bottom:4px;font-size:.76rem;font-weight:750;display:block}.clear-button{cursor:pointer;background:#fff;border:2px solid #302d262e;border-radius:999px;min-height:43px;padding:8px 12px;font-size:.78rem;font-weight:850}.option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.option-grid[data-tool=character]{grid-template-columns:repeat(4,minmax(0,1fr))}.option-card{cursor:pointer;background:#fff;border:2px solid #302d2624;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:102px;padding:7px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex;position:relative}.option-card:hover{transform:translateY(-2px)}.option-card:active{transform:translateY(1px)}.option-card[aria-pressed=true]{border-color:var(--line);box-shadow:0 4px 0 var(--shadow);background:#fff9df}.option-card[aria-pressed=true]:after{content:"✓";aspect-ratio:1;color:#fff;background:var(--ink);border-radius:50%;place-items:center;width:21px;font-size:.7rem;font-weight:950;display:grid;position:absolute;top:6px;right:6px}.option-art{background:color-mix(in srgb,var(--option-colour),white 46%);border-radius:10px;place-items:center;width:100%;height:72px;display:grid;overflow:hidden}.option-art img{object-fit:contain;width:72%;height:90%}.option-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.76rem;font-weight:850;overflow:hidden}.colour-option{min-height:102px}.colour-dot{aspect-ratio:1;background:var(--option-colour);border:3px solid #302d2629;border-radius:50%;width:54px;box-shadow:inset 0 0 0 8px #ffffff42}.wearable-preview{width:68px;height:58px;display:block;position:relative}.wearable-preview:before,.wearable-preview:after,.wearable-preview i{content:"";position:absolute}.hat-none:after,.glasses-none:after,.badge-none:after{content:"—";color:#aaa398;place-items:center;font-size:2rem;display:grid;inset:0}.hat-crown:before{clip-path:polygon(0 100%,0 22%,24% 60%,50% 0,76% 60%,100% 22%,100% 100%);background:#f5cf39;inset:5px 2px 7px}.hat-party:before{clip-path:polygon(50% 0,100% 100%,0 100%);background:repeating-linear-gradient(45deg,#ef7188 0 9px,#f4d65e 9px 18px);inset:1px 12px 5px}.hat-cap:before{border:3px solid var(--line);background:#557de0;border-radius:50% 50% 16% 16%;height:36px;bottom:8px;left:6px;right:6px}.hat-flower:before{background:radial-gradient(circle,#f6d447 0 17%,#ef7591 19% 46%,#0000 48%);border-radius:50%;inset:3px}.hat-ears:before,.hat-ears:after{border:3px solid var(--line);background:#a66d4e;border-radius:70% 25% 55% 32%;width:30px;height:48px;bottom:5px}.hat-ears:before{left:4px;transform:rotate(-17deg)}.hat-ears:after{right:4px;transform:scaleX(-1)rotate(-17deg)}.glasses-round:before,.glasses-round:after,.glasses-heart:before,.glasses-heart:after,.glasses-sun:before,.glasses-sun:after,.glasses-star:before,.glasses-star:after{aspect-ratio:1;border:4px solid var(--line);background:#75c3e233;border-radius:50%;width:27px;top:15px}.wearable-preview[class*=glasses-]:before{left:4px}.wearable-preview[class*=glasses-]:after{right:4px}.glasses-heart:before,.glasses-heart:after{border-color:#e95470;border-radius:50% 50% 42%;transform:rotate(45deg)}.glasses-sun:before,.glasses-sun:after{background:#f5d247;border-color:#d59924}.glasses-star:before,.glasses-star:after{clip-path:polygon(50% 0,62% 35%,100% 35%,69% 57%,80% 100%,50% 73%,20% 100%,31% 57%,0 35%,38% 35%);background:#cab5eb;border-color:#7752bb}.outfit-none:after{content:"Original";color:var(--muted);place-items:center;font-size:.68rem;font-weight:850;display:grid;inset:0}.wearable-preview[class*=outfit-]:not(.outfit-none):before{clip-path:polygon(22% 0,78% 0,100% 30%,84% 100%,16% 100%,0 30%);background:#ef5d6d;inset:4px 5px}.outfit-blue:before{background:#4382df!important}.outfit-green:before{background:#45b56a!important}.outfit-purple:before{background:#8c65ca!important}.outfit-rainbow:before{background:linear-gradient(#ef667b 0 20%,#f6d65b 20% 40%,#52be75 40% 60%,#559be6 60% 80%,#9b75d7 80%)!important}.mini-badge{aspect-ratio:1;background:#f6d34a;border:3px solid #302d2629;border-radius:50%;place-items:center;width:51px;font-size:1.55rem;font-weight:950;display:grid}.badge-none{color:var(--muted);background:#eeeae1}.badge-heart{color:#db4f68}.badge-moon{color:#6852ae}.badge-music{color:#3782bd}.maker-actions{grid-template-columns:1fr auto;gap:10px;padding:0 20px 20px;display:grid}.primary-action,.secondary-action{border:3px solid var(--line);cursor:pointer;border-radius:15px;min-height:56px;font-weight:950;transition:transform .12s,box-shadow .12s}.primary-action{background:var(--green);box-shadow:0 5px 0 var(--shadow);justify-content:center;align-items:center;gap:9px;padding:10px 16px;display:flex}.primary-action svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linejoin:round;width:23px;height:23px}.secondary-action{background:#fff;border-color:#302d263b;padding:10px 15px}.primary-action:active,.secondary-action:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(4px)}.saved-section{margin-top:28px;padding:clamp(18px,2.2vw,28px)}.saved-section[hidden]{display:none}.saved-friends{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.saved-card{background:#fff;border:2px solid #302d2629;border-radius:17px;min-width:0;position:relative}.saved-load{border-radius:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-width:0;padding:9px 42px 9px 9px;display:flex}.saved-avatar{aspect-ratio:1;background:color-mix(in srgb,var(--saved-colour),white 52%);border-radius:13px;flex:none;place-items:center;width:62px;display:grid;overflow:hidden}.saved-avatar img{object-fit:contain;width:78%;height:92%;filter:hue-rotate(var(--hue))}.saved-load>span:last-child{min-width:0}.saved-load strong,.saved-load small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.saved-load strong{font-size:1rem}.saved-load small{color:var(--muted);margin-top:3px;font-size:.73rem}.saved-remove{cursor:pointer;background:#f3efe7;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.saved-remove:after{content:"";width:max(100%,3rem);height:max(100%,3rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.saved-remove svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:18px;height:18px}.toast{z-index:100;left:50%;bottom:max(20px,env(safe-area-inset-bottom));border:3px solid var(--line);max-width:calc(100vw - 32px);color:var(--cream);background:var(--ink);opacity:0;pointer-events:none;border-radius:999px;padding:12px 18px;font-size:.9rem;font-weight:900;transition:opacity .2s,transform .25s;position:fixed;transform:translate(-50%,22px);box-shadow:0 6px #0003}.toast.show{opacity:1;transform:translate(-50%)}.celebration-layer{z-index:110;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti-piece{width:12px;height:20px;animation:confetti-fall var(--fall-time,1.5s) ease-in forwards;border-radius:3px;position:absolute;top:-20px}@keyframes breathe{50%{transform:translate(-50%)translateY(-7px)scale(1.015)}}@keyframes pop-change{45%{transform:translate(-50%)scale(1.09)rotate(-3deg)}}@keyframes wave{50%{transform:translate(-50%)rotate(7deg)scale(1.035)}}@keyframes dance{25%{transform:translate(-50%)rotate(-5deg)}75%{transform:translate(-50%)rotate(5deg)}}@keyframes dance-fast{25%{transform:translate(-50%)rotate(-11deg)translateY(-8px)}75%{transform:translate(-50%)rotate(11deg)}}@keyframes float{50%{transform:translate(-50%)translateY(-20px)rotate(3deg)}}@keyframes float-spin{40%{transform:translate(-50%)translateY(-28px)rotate(-8deg)scale(1.05)}75%{transform:translate(-50%)translateY(-10px)rotate(8deg)}}@keyframes jog{50%{transform:translate(-50%)translateY(-5px)}}@keyframes dash{0%{transform:translate(-50%)}42%{transform:translate(60%)scale(.96)}43%{transform:translate(-180%)scale(.96)}to{transform:translate(-50%)}}@keyframes car-bounce{50%{transform:translate(-50%)translateY(-5px)rotate(.5deg)}}@keyframes spark-out{to{transform:rotate(var(--angle)) translateX(var(--distance)) rotate(180deg);opacity:0}}@keyframes confetti-fall{to{transform:translate(var(--drift),calc(100vh + 40px)) rotate(720deg);opacity:.95}}@media (width<=1040px){.studio-layout{grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr)}.stage{min-height:510px}.avatar{width:min(50%,280px)}.scene-options{grid-template-columns:repeat(3,minmax(0,1fr))}.scene-card{flex-direction:row;align-items:center}.scene-thumbnail{flex:none;width:58px;min-height:54px}.option-grid[data-tool=character]{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid[data-tool=character] .option-card{flex-direction:row;min-height:83px}.option-grid[data-tool=character] .option-art{flex:none;width:60px;height:66px}.tool-workspace{min-height:356px}}@media (width<=760px){.app-shell{padding:max(10px,env(safe-area-inset-top)) 10px max(38px,env(safe-area-inset-bottom))}.topbar{gap:9px;margin-bottom:11px}.title-lockup p{display:none}h1{font-size:clamp(1.32rem,6vw,1.7rem)}.icon-button{width:49px;height:49px}.header-actions{gap:6px}.studio-layout{flex-direction:column;gap:14px;display:flex}.preview-panel{display:contents}.stage{width:100%;min-height:clamp(360px,55dvh,500px);box-shadow:0 7px 0 var(--shadow);border-width:3px;border-radius:min(5vw,22px);order:1}.avatar{width:min(49%,240px);bottom:16%}.speech-bubble{max-width:36vw;padding:10px 12px;font-size:.9rem;top:20%;left:60%}.tap-cue{padding:8px 10px;font-size:.78rem;top:10px;left:10px}.scene-caption{bottom:10px;left:10px;right:10px}.scene-caption span,.scene-caption strong{padding:8px 10px}.scene-caption span{font-size:.62rem}.scene-caption strong{font-size:.9rem}.scene-ride .avatar{width:min(34%,170px)}.car{width:88%;height:27%}.car i{border-width:7px;width:52px;bottom:-23px}.plant{transform-origin:bottom;transform:scale(.72)}.plant-two{transform:scale(.58)}.maker-panel{width:100%;box-shadow:0 6px 0 var(--shadow);border-width:2px;border-radius:20px;order:2;position:static}.maker-heading{align-items:center;padding:17px 15px 14px}.maker-heading h2{font-size:1.35rem}.name-field input{width:min(38vw,150px);min-height:48px;padding:9px 11px;font-size:1rem}.tool-tabs{scrollbar-width:none;scroll-snap-type:x proximity;display:flex;overflow-x:auto}.tool-tabs::-webkit-scrollbar{display:none}.tool-tab{scroll-snap-align:center;border-right:1px solid #302d261a;flex:1 0 82px;min-width:82px;min-height:76px}.tool-tab svg{width:28px;height:28px}.tool-tab span{font-size:.78rem}.tool-workspace{min-height:0;padding:17px 15px 19px}.tool-heading>div>span{font-size:.84rem}h3{font-size:1.5rem}.clear-button{min-height:48px;font-size:.88rem}.option-grid,.option-grid[data-tool=character]{grid-template-columns:repeat(3,minmax(0,1fr))}.option-grid[data-tool=character] .option-card{flex-direction:column;min-height:112px}.option-grid[data-tool=character] .option-art{width:100%;height:78px}.option-card{min-height:112px;padding:8px 5px}.option-label{font-size:.86rem}.maker-actions{grid-template-columns:1fr;padding:0 15px 16px}.primary-action,.secondary-action{min-height:58px;font-size:1rem}.scene-picker{width:100%;box-shadow:0 6px 0 var(--shadow);border-width:2px;border-radius:20px;order:3;padding:16px 14px}.section-heading p{display:none}.scene-options{scroll-snap-type:x mandatory;scrollbar-width:none;gap:9px;margin-inline:-14px;padding:2px 14px 9px;display:flex;overflow-x:auto}.scene-options::-webkit-scrollbar{display:none}.scene-card{scroll-snap-align:start;flex:0 0 142px;min-width:142px;min-height:78px}.scene-card strong{font-size:.9rem}.scene-card small{font-size:.76rem}.saved-section{border-width:2px;border-radius:20px;margin-top:21px;padding:17px 14px}.saved-heading{align-items:start}.saved-heading p{text-align:right;max-width:17ch;font-size:.76rem}.saved-friends{scrollbar-width:none;margin-inline:-14px;padding:2px 14px 8px;display:flex;overflow-x:auto}.saved-friends::-webkit-scrollbar{display:none}.saved-card{flex:0 0 220px;min-width:220px}}@media (width<=390px){.header-actions .icon-button:first-child{display:none}.option-grid,.option-grid[data-tool=character]{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-caption span{display:none}.scene-caption{justify-content:flex-end}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}