@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-synthesis:none;color:#29263d;--ink:#29263d;--muted:#706678;--paper:#fffdf7;--lavender:#c7b7fa;--mint:#c2e9d2;--yellow:#ffe277;--line:#ded4df;--mono:ui-monospace,"SFMono-Regular",Consolas,monospace;background:#fff9ee;font-family:DM Sans,system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}[hidden]{display:none!important}body{background-image:radial-gradient(at 0 12%,#e3d6ff70,#0000 35%),radial-gradient(at 100% 75%,#d6eedb75,#0000 38%),radial-gradient(#c5b7ca55 .8px,#0000 .8px);background-size:100% 100%,100% 100%,22px 22px;margin:0}button,textarea{font:inherit}button{cursor:pointer;color:inherit;transition:background .18s,box-shadow .18s,transform .18s}button:disabled{cursor:wait;opacity:.6}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,textarea:focus-visible,canvas:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #7250bc}svg{flex-shrink:0;width:22px;height:22px}a{color:inherit}.shell{max-width:1280px;margin:auto;padding:0 40px}.topbar{border-bottom:1px solid #29263d25;justify-content:space-between;align-items:center;gap:20px;height:88px;display:flex}.brand{letter-spacing:-1.2px;white-space:nowrap;align-items:center;gap:5px;font-family:Manrope,system-ui,sans-serif;font-size:26px;font-weight:800;text-decoration:none;display:flex}.brand>span:nth-child(2){font-weight:500}.brand-mark{width:43px;height:43px;margin-right:7px;transform:rotate(-8deg)}.brand-mark .smile-doodle{width:100%;height:100%}.brand-dot{color:#a486ce;align-self:flex-start;margin:11px 0 0 2px;font-size:14px}.top-actions{align-items:center;gap:18px;display:flex}.collection-link{font-size:12px;font-weight:600;text-decoration:none}.collection-link span{margin-left:8px}.collection-link:hover{text-underline-offset:4px;text-decoration:underline}.mode-badge{font-family:var(--mono);color:#595265;background:#fffdf4;border:1px solid #cfc5d4;border-radius:8px;padding:9px 12px;font-size:10px;line-height:1.4}.repo-link{border:1.5px solid var(--ink);background:var(--ink);color:#fffdf6;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:10px 12px;font-size:12px;font-weight:600;text-decoration:none;display:flex;box-shadow:2px 2px #afa0bd}.repo-link:hover{background:#514166}.repo-symbol{font-family:var(--mono);color:var(--yellow);font-size:14px}.intro{justify-content:space-between;align-items:center;gap:30px;padding:31px 0 32px;display:flex;position:relative}.eyebrow{font-family:var(--mono);letter-spacing:1.2px;color:#665a73;align-items:center;gap:8px;margin:0 0 13px;font-size:10px;font-weight:600;display:flex}.eyebrow span{color:#a97ccc;font-size:18px;line-height:1}h1{letter-spacing:-3px;margin:0;font-family:Manrope,system-ui,sans-serif;font-size:clamp(48px,4.6vw,64px);font-weight:800;line-height:1.05}.headline-highlight{white-space:nowrap;isolation:isolate;margin-left:.13em;position:relative}.headline-highlight:before{content:"";z-index:-1;background:var(--yellow);border-radius:35% 8% 24% 12%;height:60%;position:absolute;bottom:4px;left:-7px;right:-8px;transform:rotate(-2deg)}.headline-highlight svg{color:#c18b3e;width:100%;height:13px;position:absolute;bottom:-9px;left:0}.intro-description{color:#696174;margin:20px 0 0;font-size:14px;line-height:1.7}.intro-note{flex-shrink:0;width:245px;height:202px;margin-right:45px;position:relative}.hero-smile{width:139px;height:139px;position:absolute;top:3px;left:57px;transform:rotate(10deg)}.hero-smile .smile-doodle{filter:drop-shadow(3px 4px #29263d);width:100%;height:100%}.hero-star{color:#aed5ba;font-size:87px;line-height:1;position:absolute;top:13px;left:-14px;transform:rotate(-15deg)}.happy-sticker{white-space:nowrap;border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#ffbdcc;border-radius:7px;align-items:center;gap:12px;padding:9px 15px;font-size:16px;font-weight:700;display:flex;position:absolute;top:128px;left:24px;transform:rotate(-8deg)}.happy-sticker span{font-size:22px;line-height:1}.hero-caption{font-family:var(--mono);letter-spacing:.1px;color:#77687e;font-size:10px;position:absolute;bottom:0;left:23px;transform:rotate(-3deg)}.workspace{grid-template-columns:minmax(0,1fr) 344px;align-items:start;gap:26px;display:grid}.object-column{width:100%;min-width:0;scroll-margin-top:14px}.play-area{isolation:isolate;border:2px solid var(--ink);height:530px;box-shadow:5px 6px 0 var(--ink);background:radial-gradient(at 48% 40%,#fffaff 0%,#f1e7ff 49%,#dfd0f6 100%);border-radius:28px;position:relative;overflow:hidden}.play-area:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#8673982b .8px,#0000 .8px);background-size:20px 20px;position:absolute;inset:0}.play-area,.play-area *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.play-area canvas{z-index:1;touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:relative}.play-area canvas:active{cursor:grabbing}.play-area canvas:focus-visible{outline-offset:-6px}.stage-top{pointer-events:none;z-index:2;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:23px;left:24px;right:24px}.stage-label{font-family:var(--mono);letter-spacing:1px;color:#5a486e;align-items:center;gap:7px;font-size:10px;font-weight:600;display:flex}.stage-label>span{font-size:17px}.stage-top-right{align-items:center;gap:8px;display:flex}.sound-toggle[aria-pressed=true]{background:var(--mint)}.sound-toggle[aria-pressed=true] .sound-slash{display:none}.state{color:#5d4c73;white-space:nowrap;background:#fffdf5da;border:1px solid #9b85b1;border-radius:30px;padding:8px 11px;font-size:11px;font-weight:500}.state[data-state=pressing]{color:var(--ink);background:var(--yellow);border-color:var(--ink)}.state[data-state=recovering]{color:#3b614b;background:#cbead6}.stage-doodles{z-index:0;pointer-events:none;color:#9678bf;position:absolute;inset:0}.doodle-star{font-size:46px;position:absolute;top:24%;left:7%;transform:rotate(12deg)}.doodle-plus{font-family:var(--mono);color:#af98c6;font-size:31px;position:absolute;top:24%;right:8%;transform:rotate(-15deg)}.stage-bottom{pointer-events:none;z-index:2;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:22px;left:24px;right:22px}.stage-bottom p{color:#594570;margin:0;font-size:12px;font-weight:600;line-height:1.7}.stage-bottom p span{color:#69527f;font-weight:400}.icon-button{pointer-events:auto;border:1.5px solid var(--ink);width:44px;height:44px;color:var(--ink);box-shadow:2px 3px 0 var(--ink);background:#fffdf5;border-radius:13px;place-items:center;display:grid}.icon-button:hover{background:var(--yellow)}.stage-actions{pointer-events:auto;gap:8px;display:flex}#fullscreen-reset{display:none}body .play-area.is-expanded{z-index:1000;width:100%;height:100dvh;max-height:none;box-shadow:none;border:0;border-radius:0;position:fixed;inset:0}.play-area.is-expanded #fullscreen-reset{display:grid}body .play-area.is-expanded .stage-top{top:max(20px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right))}body .play-area.is-expanded .stage-bottom{bottom:max(22px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));display:flex}.play-area.is-expanded #fullscreen{background:var(--yellow)}.play-area.is-expanded #fullscreen svg{transform:rotate(180deg)}@media (width<=360px){.stage-actions{gap:5px}.play-area.is-expanded .stage-bottom p{max-width:135px}}.collection{background:var(--paper);border:1.5px solid var(--ink);border-radius:21px;margin-top:24px;padding:18px;scroll-margin-top:22px;box-shadow:3px 4px #c4b7d2}.collection-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.collection h2{letter-spacing:-.3px;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.collection h2>span{font-size:20px}.collection-count{font-family:var(--mono);color:#426050;white-space:nowrap;background:#d8eee0;border:1px solid #a0bca9;border-radius:6px;padding:6px 8px;font-size:9px}.shape-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.shape-choice{background:#f7f3fc;border:1px solid #dfd4e5;border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-width:0;min-height:85px;padding:12px 4px 9px;font-size:11px;font-weight:600;display:flex;position:relative}.shape-choice[data-shape=butter],.shape-choice[data-shape=banana],.shape-choice[data-shape=cheese]{background:#fff4d5}.shape-choice[data-shape=berry-butter],.shape-choice[data-shape=berry]{background:#ffebef}.shape-choice[data-shape=jelly]{background:#e4f5f2}.shape-choice[data-shape=chocolate],.shape-choice[data-shape=peanut],.shape-choice[data-shape=cat]{background:#faecdf}.shape-choice:hover{border-color:#9581b2;box-shadow:0 2px #c5b5d6}.shape-choice[aria-pressed=true]{border:1.5px solid var(--ink);box-shadow:2px 3px 0 var(--ink);background:#e7dbff}.shape-choice[aria-pressed=true]:after{content:"✓";background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:15px;height:15px;font-size:9px;display:grid;position:absolute;top:4px;right:5px}.shape-number{font-family:var(--mono);color:#83728e;font-size:8px;line-height:1;position:absolute;top:5px;left:7px}.shape-thumbnail{width:67px;max-width:100%;height:42px}.finish-row{border-top:1px dashed #ccbdd6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;padding-top:13px;display:flex}.finish-options{background:#f0eaf6;border-radius:9px;flex:0 auto;gap:4px;padding:3px;display:flex}.finish-options button{color:#665473;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;min-height:36px;padding:8px 10px;font-size:11px;font-weight:500}.finish-options button[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:#c5b4d3;box-shadow:0 2px #d0bddc}.face-option{white-space:nowrap;color:#59456c;align-items:center;gap:6px;min-height:36px;margin:0;font-size:11px;display:flex}.face-option input{accent-color:#7250bc;width:17px;height:17px;margin:0}.face-option>span{color:#8360b3;font-size:21px;line-height:1}.under-stage{background:#fffcf4;border:1px solid #d6c8d9;border-radius:15px;justify-content:space-between;align-items:center;gap:16px;margin-top:19px;padding:15px 16px;display:flex}.material-summary{align-items:center;gap:10px;min-width:0;display:flex}.material-summary>span{border:1px solid #29263d38;border-radius:50%;flex-shrink:0;width:15px;height:15px;box-shadow:0 0 0 4px #e7dff0}.material-summary>div{min-width:0}.material-summary strong{font-size:13px;font-weight:700}.material-summary p{color:#74647e;margin:4px 0 0;font-size:10px;line-height:1.5}.play-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;display:flex}.secondary,.text-button{white-space:nowrap;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:500;display:flex}.secondary{border:1.5px solid var(--ink);background:var(--yellow);color:var(--ink);touch-action:none;box-shadow:2px 2px 0 var(--ink);border-radius:10px;padding:11px 12px}.secondary:hover{background:#f8d555}.text-button{color:#695376;background:0 0;border:0;padding:11px 6px}.text-button:hover{background:#f2e9fa;border-radius:8px}.text-button svg{width:16px;height:16px}.secondary svg{width:18px;height:18px}.composer{background:var(--paper);border:2px solid var(--ink);min-width:0;box-shadow:5px 6px 0 var(--ink);border-radius:24px;padding:24px}.composer-topline{background:var(--mint);border-bottom:1.5px solid var(--ink);font-family:var(--mono);letter-spacing:1px;color:#385143;border-radius:22px 22px 0 0;justify-content:space-between;align-items:center;margin:-24px -24px 24px;padding:13px 21px;font-size:9px;font-weight:600;display:flex}.composer-topline>span:last-child{font-size:20px;line-height:1}.composer-heading{align-items:center;gap:11px;display:flex}.step{background:var(--yellow);border:1px solid var(--ink);width:29px;height:29px;font-family:var(--mono);border-radius:9px;flex-shrink:0;place-items:center;font-size:11px;font-weight:600;display:grid}.composer h2{letter-spacing:-.5px;margin:0;font-family:Manrope,system-ui,sans-serif;font-size:17px;font-weight:800}.composer h2>span{margin-left:2px;font-size:20px}form{margin-top:19px}label{color:#62506e;margin-bottom:10px;font-size:12px;display:block}textarea{resize:vertical;width:100%;min-height:133px;max-height:240px;color:var(--ink);background:#f7f0fc;border:1.5px solid #bfaece;border-radius:13px;padding:14px;font-size:14px;line-height:1.7;display:block}textarea::placeholder{color:#74617f}.request-kind{background:#efe7f6;border:1px solid #dacde1;border-radius:9px;gap:3px;margin-top:12px;padding:3px;display:flex}.request-kind button{color:#725d80;background:0 0;border:0;border-radius:6px;width:50%;padding:9px 3px;font-size:11px}.request-kind .selected{background:var(--paper);color:#493759;font-weight:600;box-shadow:0 2px #d8c8e1}.primary{border:1.5px solid var(--ink);background:var(--lavender);width:100%;color:var(--ink);box-shadow:3px 4px 0 var(--ink);border-radius:11px;justify-content:space-between;align-items:center;margin-top:15px;padding:14px;font-size:13px;font-weight:700;display:flex}.primary:hover{background:#baa1f1}.button-spark{font-size:23px;font-weight:400;line-height:1}.privacy{color:#75647e;margin:15px 0 0;font-size:11px;line-height:1.65}.status{color:#68507b;min-height:20px;margin:10px 0 0;font-size:11px;line-height:1.65}.divider{background:repeating-linear-gradient(90deg,#c9b8d3 0 5px,#0000 5px 9px);height:1px;margin:25px 0 23px}.divider+.composer-heading .step{background:var(--mint)}.preset-note{color:#75647e;margin:9px 0 16px;font-size:11px}.presets{gap:9px;display:grid}.preset{text-align:left;background:#fffaf3;border:1px solid #d8c9df;border-radius:12px;align-items:center;gap:11px;width:100%;padding:12px 10px;display:flex}.preset:hover{background:#f3eafa}.preset.active{background:#eee4ff;border:1.5px solid #9980b9;box-shadow:2px 2px #bb9ed8}.swatch{background:var(--swatch);border:1px solid #29263d45;border-radius:13px;flex-shrink:0;width:36px;height:36px;transform:rotate(-8deg);box-shadow:inset -4px -4px 7px #53618924,inset 3px 3px 7px #fff8}.preset strong{font-size:12px;font-weight:700;display:block}.preset small{color:#705978;margin-top:3px;font-size:10px;line-height:1.4;display:block}.preset-check{color:#715093;visibility:hidden;margin-left:auto;font-size:14px}.active .preset-check{visibility:visible}.little-reminder{color:#55705c;background:#edf5e9;border:1px dashed #93b69d;border-radius:13px;align-items:center;gap:12px;margin-top:23px;padding:16px 13px;display:flex;position:relative}.little-reminder>span:first-child{font-size:29px}.little-reminder p{margin:0;font-size:11px;line-height:1.6}.little-reminder strong{font-weight:500}.reminder-spark{color:#7c9b82;font-size:22px;position:absolute;top:10px;right:12px}.comparison-row{background:#fffdf5;border:1.5px solid #ad97c6;border-radius:15px;align-items:center;gap:14px;margin-top:18px;padding:15px 17px;display:flex}.comparison-row strong{color:#58406c;font-size:12px;font-weight:600}.comparison-row p{color:#776380;margin:5px 0 0;font-size:11px;line-height:1.6}.comparison-row[data-phase=before],.comparison-row[data-phase=after]{background:#efe1ff;border-color:#68448e}.comparison-row button{flex-shrink:0}footer{color:#75657b;border-top:1px solid #29263d25;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:32px;padding:23px 0 28px;font-size:10px;display:flex}.footer-note{align-items:center;gap:9px;display:flex}.dedication{text-align:center;color:#786295;flex-basis:100%;margin:8px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(17px,2.2vw,22px);font-style:italic;font-weight:700;line-height:1.5}.footer-note>span{color:#786295;font-size:22px}footer button{color:#75657b;text-underline-offset:4px;background:0 0;border:0;padding:5px 0;font-size:10px;text-decoration:underline}.canvas-error{z-index:3;background:var(--paper);border:1.5px solid var(--ink);border-radius:15px;padding:20px;font-size:14px;line-height:1.6;position:absolute;inset:25%}#turnstile:empty{display:none}#turnstile{margin-top:12px}@media (width<=1100px){.collection-link{display:none}.shell{padding:0 28px}.workspace{grid-template-columns:minmax(0,1fr) 320px;gap:22px}.intro-note{margin-right:10px}.composer{padding:21px}.composer-topline{margin:-21px -21px 22px}.under-stage{flex-direction:column;align-items:flex-start;gap:13px}.play-actions{justify-content:flex-start;gap:10px}.finish-options{flex:210px}.finish-options button{flex:1;padding:8px 6px}.collection-count{display:none}.shape-list{gap:6px}.shape-choice{font-size:10px}}@media (width<=800px) and (width>=721px){.shell{padding:0 20px}.workspace{grid-template-columns:minmax(0,1fr) 292px;gap:18px}.intro-note{transform-origin:100%;width:202px;margin-right:0;transform:scale(.86)}.shape-list{grid-template-columns:repeat(4,minmax(0,1fr))}.composer{padding:18px}.composer-topline{margin:-18px -18px 20px;padding:13px 16px}.composer h2{font-size:15px}}@media (width<=720px){.shell{padding:0 17px}.topbar{gap:9px;height:77px}.brand{letter-spacing:-.9px;gap:3px;font-size:21px}.brand-mark{width:35px;height:35px;margin-right:4px}.brand-dot{margin:9px 0 0 1px;font-size:11px}.top-actions{gap:9px}.mode-badge{max-width:120px;padding:7px 8px;font-size:8px}.repo-link{border-radius:9px;gap:0;min-width:39px;min-height:39px;padding:8px;box-shadow:2px 2px #afa0bd}.repo-label,.repo-link>span:last-child{display:none}.repo-symbol{font-size:13px}.intro{padding:26px 0 27px;display:block}.eyebrow{letter-spacing:.8px;gap:6px;margin-bottom:12px;font-size:8px}h1{letter-spacing:-1.9px;font-size:42px;line-height:1.09}.headline-highlight:before{bottom:3px;left:-4px;right:-4px}.headline-highlight svg{height:9px;bottom:-7px}.intro-description{max-width:340px;margin-top:17px;font-size:12px;line-height:1.65}.desktop-break{display:none}.intro-note{width:64px;height:64px;margin:0;position:absolute;top:33px;right:1px;transform:rotate(4deg)}.hero-smile{width:64px;height:64px;position:static}.hero-smile .smile-doodle{filter:drop-shadow(2px 2px #29263d)}.hero-star,.happy-sticker,.hero-caption{display:none}.workspace{flex-direction:column;gap:25px;display:flex;position:relative}.play-area{width:100%;height:clamp(350px,48svh,430px);box-shadow:4px 5px 0 var(--ink);border-radius:23px}.stage-top{gap:5px;top:17px;left:17px;right:17px}.stage-label{letter-spacing:.4px;gap:4px;font-size:8px}.stage-label>span{font-size:14px}.state{padding:7px 9px;font-size:10px}.stage-bottom{bottom:18px;left:17px;right:17px}.stage-bottom p{font-size:10px}.doodle-star{font-size:32px;top:25%;left:6%}.doodle-plus{font-size:25px;top:29%;right:6%}.doodle-note{font-size:12px;bottom:25%;right:10%}.collection{border-radius:17px;margin-top:21px;padding:16px 12px}.collection h2{font-size:14px}.collection-heading{margin-bottom:12px}.shape-list{gap:6px}.shape-choice{min-height:77px;padding:12px 3px 8px;font-size:10px}.shape-thumbnail{width:59px;height:37px}.shape-number{font-size:7px;top:5px;left:5px}.finish-row{gap:7px;margin-top:13px;padding-top:12px}.finish-options{flex:210px;gap:2px}.finish-options button{min-height:44px;padding:8px 6px;font-size:10px}.face-option{gap:5px;min-height:44px;font-size:10px}.face-option>span{font-size:19px}.under-stage{gap:13px;margin-top:17px;padding:14px}.material-summary strong{font-size:13px}.material-summary p{font-size:11px}.play-actions{justify-content:space-between;gap:6px;width:100%}.secondary,.text-button{min-height:44px;font-size:11px}.composer{width:100%;box-shadow:4px 5px 0 var(--ink);border-radius:21px;padding:23px}.composer-topline{border-radius:19px 19px 0 0;margin:-23px -23px 23px;padding:13px 20px}.composer h2{font-size:18px}.composer label{font-size:13px}textarea{min-height:130px;font-size:16px}.request-kind button{min-height:44px;font-size:12px}.primary{min-height:49px;font-size:14px}.privacy,.status,.preset-note{font-size:12px}.preset{min-height:62px}.preset strong{font-size:14px}.preset small{font-size:11px}.little-reminder p{font-size:12px}.comparison-row{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.comparison-row button{min-height:44px}footer{align-items:flex-start;gap:9px;margin-top:29px;font-size:11px;line-height:1.6}footer button{min-height:36px;font-size:11px}#model-credit{flex-basis:100%}body[data-composing=true] .collection{display:none}body[data-composing=true] .object-column{z-index:4;background:#fff9ee;padding:6px 0 11px;position:sticky;top:0}body[data-composing=true] .play-area{height:clamp(110px,calc(var(--visible-height,100dvh)*.34),220px)}body[data-composing=true] .stage-bottom,body[data-composing=true] .under-stage,body[data-composing=true] .comparison-row,body[data-composing=true] .stage-doodles{display:none}body[data-composing=true] .stage-top{top:12px;left:14px;right:14px}body[data-composing=true] textarea{min-height:104px}}@media (width<=360px){.shell{padding:0 14px}.brand{font-size:19px}.brand-mark{width:30px;height:30px;margin-right:2px}.brand-dot{display:none}.top-actions{gap:6px}.mode-badge{max-width:98px;padding:6px;font-size:7px}.repo-link{min-width:33px;min-height:35px;padding:6px}h1{font-size:38px}.intro-note{width:55px;height:55px;top:35px}.hero-smile{width:55px;height:55px}.shape-list{grid-template-columns:repeat(4,minmax(0,1fr))}.stage-label{font-size:7px}.state,.stage-bottom p{font-size:9px}.composer{padding:20px}.composer-topline{margin:-20px -20px 21px}.composer h2{font-size:16px}}@media (prefers-reduced-motion:reduce){button{transition:none}}.expression-row{border-top:1px dashed #d7c8e4;align-items:center;gap:16px;margin-top:14px;padding-top:14px;display:flex}.expression-row>span{white-space:nowrap;color:#756582;font-size:12px}.expression-list{flex:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;min-width:0;display:grid}.expression-list button{min-height:60px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:11px;flex-direction:column;align-items:center;gap:1px;padding:4px;font-size:10px;display:flex}.expression-list svg{width:38px;height:35px}.expression-list button[aria-pressed=true]{background:#f0e9fc;border-color:#9c84c8;box-shadow:2px 2px #c8b8df}.expression-list button:hover{background:#f5eefe}@media (width<=720px){.expression-row{display:block}.expression-row>span{margin-bottom:6px;display:block}.expression-list{gap:3px}.expression-list button{min-height:58px;font-size:9px}}.sound-mode{pointer-events:auto;border:1px solid var(--line);background:var(--mint);width:85px;min-height:44px;color:inherit;font:inherit;border-radius:14px;padding:0 6px;font-size:12px;font-weight:700}@media (width<=480px){.stage-top-right .state{display:none}.stage-top-right{gap:5px}}.controls-column{flex-direction:column;gap:24px;min-width:0;display:flex}.controls-column .collection{margin-top:0}@media (width>=721px){.workspace{grid-template-columns:minmax(0,1fr) minmax(340px,390px)}.controls-column .shape-list{grid-template-columns:repeat(3,minmax(0,1fr))}.controls-column .finish-row{flex-wrap:wrap}.controls-column .expression-row{display:block}.controls-column .expression-row>span{margin-bottom:8px;display:block}.workspace{grid-template-areas:"object controls""composer controls"}.object-column{grid-area:object}.controls-column{grid-area:controls}.workspace>.composer{grid-area:composer}}@media (width<=720px){.controls-column,.object-column{width:100%}.controls-column .collection{margin-top:0}}@font-face{font-family:Chewy;src:url(/fonts/chewy.ttf)format("truetype");font-display:swap}@font-face{font-family:"Baloo 2";src:url(/fonts/baloo2.ttf)format("truetype");font-display:swap}@font-face{font-family:Pacifico;src:url(/fonts/pacifico.ttf)format("truetype");font-display:swap}@font-face{font-family:Short Stack;src:url(/fonts/shortstack.ttf)format("truetype");font-display:swap}.personalization{border:1.5px solid var(--ink);background:var(--paper);border-radius:21px;padding:20px;box-shadow:3px 4px #c4b7d2}.personalization h2{margin:0 0 14px;font-size:18px}.personalization label{margin-bottom:8px;font-size:13px;display:block}.personalization input{border:1px solid var(--line);width:100%;min-height:46px;font:inherit;color:var(--ink);background:#f5efff;border-radius:12px;padding:10px}.personalization p{color:var(--muted);font-size:12px;line-height:1.5}.cute-fonts{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;display:grid}.cute-fonts button{border:1px solid var(--line);min-height:48px;color:var(--ink);background:#fff;border-radius:12px;font-size:19px}.cute-fonts button[aria-pressed=true]{background:var(--lavender);border-color:var(--ink)}.personalization #text-color{cursor:pointer;background:var(--paper);width:100%;height:44px;padding:4px;display:block}.personalization #text-color::-webkit-color-swatch{border:0;border-radius:7px}.personalization #text-color::-moz-color-swatch{border:0;border-radius:7px}.sound-mode{touch-action:manipulation;appearance:none;border:1.5px solid var(--ink);width:90px;box-shadow:2px 3px 0 var(--ink)}.play-actions{flex-wrap:wrap}.play-actions #test-sound{min-height:44px}.vibe-sticker{background:var(--mint);border:2px solid var(--ink);box-shadow:4px 5px 0 var(--ink);border-radius:12px;align-items:center;gap:14px;margin-top:26px;padding:13px 20px;font-size:17px;font-weight:700;display:inline-flex;transform:rotate(-3deg)}.vibe-sticker>span{font-size:30px}.vibe-sticker strong{font-family:Chewy,system-ui,sans-serif;font-size:32px;line-height:1.2;display:block}@media (width<=720px){.vibe-sticker{gap:10px;margin-top:18px;padding:9px 15px;font-size:14px}.vibe-sticker strong{font-size:26px}}