:root{--ink:#fff4f8;--muted:#ffe4f0a3;--panel:#1c0e1e9e;--panel-strong:#241226d1;--line:#ffbede24;--flavor:#e2253c;--flavor-ink:#fff;color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#140b16;font-family:Plus Jakarta Sans Variable,Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}#playground{background:radial-gradient(70% 70% at 50% 58%,#3b1d40,#0c0710);width:100%;height:100svh;min-height:460px;position:relative;overflow:hidden}canvas{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;display:block}canvas:active{cursor:grabbing}canvas:focus-visible{box-shadow:inset 0 0 0 3px #ff8cbeb3}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:progress;opacity:.5}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #ff9cc8}svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.brand{pointer-events:none;text-shadow:0 1px 10px #3c0e328c,0 0 2px #3c0e3266;position:absolute;top:22px;left:26px}.brand h1{letter-spacing:-.035em;margin:0;font-size:30px;font-weight:800;line-height:1}.brand h1 span{color:var(--flavor);filter:drop-shadow(0 0 10px color-mix(in srgb, var(--flavor) 70%, transparent));transition:color .3s}.brand p{color:var(--muted);margin:8px 0 0;font-size:13px}.modes,.toolbar,.dock{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(1.3);position:absolute;box-shadow:0 20px 50px #00000059,inset 0 1px #ffffff0f}.modes{border-radius:999px;gap:4px;padding:5px;display:flex;top:20px;left:50%;transform:translate(-50%)}.modes button{color:var(--muted);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:9px 16px 9px 12px;font-size:13px;font-weight:650;transition:background .2s,color .2s;display:flex}.modes svg{width:19px;height:19px}.modes button[hidden]{display:none}.modes button:hover{color:var(--ink);background:#ffffff0f}.modes button[aria-pressed=true]{color:var(--flavor-ink);background:linear-gradient(180deg, color-mix(in srgb, var(--flavor) 80%, white), var(--flavor));box-shadow:0 6px 18px color-mix(in srgb, var(--flavor) 45%, transparent), inset 0 1px 0 #ffffff59}.toolbar{border-radius:999px;gap:2px;padding:5px;display:flex;top:20px;right:22px}.icon{width:38px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid}.icon svg{width:20px;height:20px}.icon:hover{color:var(--ink);background:#ffffff14}.icon[aria-pressed=true]{color:var(--ink);background:#ffffff1f}#sound .off,#sound[aria-pressed=false] .on,#pause .off,#pause[aria-pressed=true] .on{display:none}#sound[aria-pressed=false] .off,#pause[aria-pressed=true] .off{display:inline}#sound[aria-pressed=true],#pause[aria-pressed=false]{color:var(--muted);background:0 0}#sound[aria-pressed=true]:hover,#pause[aria-pressed=false]:hover{color:var(--ink)}.dock{border-radius:26px;align-items:center;gap:18px;max-width:calc(100% - 32px);padding:10px 12px 10px 10px;display:flex;bottom:20px;left:50%;transform:translate(-50%)}.actions{gap:6px;display:flex}.actions button{white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1a;border-radius:18px;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:700;transition:transform .15s cubic-bezier(.3,1.6,.5,1),background .2s;display:flex}.actions button:hover{background:#ffffff21;transform:translateY(-2px)}.actions button:active{transform:translateY(1px)scale(.96)}.actions button.primary{color:var(--flavor-ink);background:linear-gradient(180deg, color-mix(in srgb, var(--flavor) 75%, white), var(--flavor) 70%);box-shadow:0 8px 22px color-mix(in srgb, var(--flavor) 45%, transparent), inset 0 1px 0 #fff6, inset 0 -3px 0 #0000001f;border-color:#0000}.actions button.primary:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--flavor) 65%, white), var(--flavor) 70%)}.actions kbd{opacity:.75;background:#0003;border-radius:5px;padding:3px 5px;font:600 10px/1 inherit}.row[hidden],.slider[hidden]{display:none}.swatches{gap:7px;display:flex}.swatch{background:radial-gradient(circle at 34% 30%, #ffffffd9 0 8%, transparent 26%), radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--c) 70%, white), var(--c) 55%, color-mix(in srgb, var(--c) 70%, black));width:30px;height:30px;box-shadow:0 4px 12px color-mix(in srgb, var(--c) 40%, transparent), inset 0 -2px 4px #00000040;border:0;border-radius:50% 50% 46% 46%;padding:0;transition:transform .18s cubic-bezier(.3,1.8,.5,1);position:relative}.swatch:hover{transform:translateY(-3px)scale(1.08)}.swatch[aria-checked=true]{outline:2px solid var(--ink);outline-offset:3px;transform:scale(1.12)}.liquids .swatch{border-radius:50%}.slider{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.slider input{width:110px;accent-color:var(--flavor)}.hint,.note{color:var(--muted);pointer-events:none;margin:0;font-size:12px;line-height:1.5;position:absolute}.hint{white-space:nowrap;color:var(--ink);text-shadow:0 1px 8px #3c0e32bf,0 0 2px #3c0e3299;bottom:92px;left:50%;transform:translate(-50%)}.note{background:var(--panel-strong);border:1px solid var(--line);max-width:300px;color:var(--ink);border-radius:12px;padding:10px 12px;top:84px;left:26px}.note[hidden]{display:none}#loading{color:var(--muted);background:radial-gradient(70% 70% at 50% 58%,#3b1d40d9,#0c0710f5);place-content:center;justify-items:center;gap:18px;font-size:14px;transition:opacity .35s;display:grid;position:absolute;inset:0}#loading[hidden]{display:none}#loading.fading{opacity:0}.bouncer{background:radial-gradient(circle at 35% 30%, #fff8 0 10%, transparent 30%), var(--flavor);width:34px;height:34px;box-shadow:0 0 24px color-mix(in srgb, var(--flavor) 60%, transparent);border-radius:50% 50% 45% 45%;animation:.9s cubic-bezier(.4,0,.6,1) infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)scale(1.15,.85)}20%{transform:translateY(-4px)scale(.95,1.05)}50%{transform:translateY(-38px)scale(1)}}[data-engine=classic] .modes,[data-engine=classic] #slowmo,[data-engine=classic] #moon,[data-engine=classic] #softness-row{display:none}@media (width<=900px){.hint{display:none}.dock{flex-wrap:wrap;justify-content:center;gap:10px}}@media (width<=640px){.brand{top:16px;left:16px}.brand h1{font-size:24px}.brand p{display:none}.toolbar{padding:3px;top:12px;right:12px}.icon{width:34px;height:34px}.modes{top:64px}.modes button{white-space:nowrap;gap:6px;padding:8px 11px 8px 9px;font-size:12px}.modes svg{width:17px;height:17px}.note{max-width:none;top:118px;left:16px;right:16px}.dock{border-radius:22px;width:calc(100% - 24px);padding:10px;bottom:12px}.actions{justify-content:center;width:100%}.actions button{flex:1;justify-content:center;padding:0 10px;font-size:13px}.actions kbd{display:none}.swatch{width:28px;height:28px}.slider input{width:90px}}@media (width<=400px){.toolbar #slowmo,.toolbar #moon{display:none}.modes span{font-size:11px}}@media (prefers-reduced-motion:reduce){.bouncer{animation:none}.actions button,.swatch,.modes button{transition:none}}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/project-embeds/gummy-bear/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/project-embeds/gummy-bear/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/project-embeds/gummy-bear/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}