@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/playground/flower-bouquet/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/playground/flower-bouquet/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/playground/flower-bouquet/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.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}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/playground/flower-bouquet/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/playground/flower-bouquet/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/playground/flower-bouquet/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.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}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/playground/flower-bouquet/assets/caveat-cyrillic-ext-wght-normal-DiMfzA-V.woff2)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:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/playground/flower-bouquet/assets/caveat-cyrillic-wght-normal-D5lnP6kL.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/playground/flower-bouquet/assets/caveat-latin-ext-wght-normal-Byk3UhVp.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:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/playground/flower-bouquet/assets/caveat-latin-wght-normal-C1hSzPvX.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}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/playground/flower-bouquet/assets/dm-mono-latin-ext-400-normal-C2zvOubV.woff2)format("woff2"),url(/playground/flower-bouquet/assets/dm-mono-latin-ext-400-normal-1aZr6b2b.woff)format("woff");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:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/playground/flower-bouquet/assets/dm-mono-latin-400-normal-4GdczIuU.woff2)format("woff2"),url(/playground/flower-bouquet/assets/dm-mono-latin-400-normal--0xN8mdc.woff)format("woff");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}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/playground/flower-bouquet/assets/dm-mono-latin-ext-500-normal-BtRyHRi6.woff2)format("woff2"),url(/playground/flower-bouquet/assets/dm-mono-latin-ext-500-normal-Dw3M13d8.woff)format("woff");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:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/playground/flower-bouquet/assets/dm-mono-latin-500-normal-DRMDZjhP.woff2)format("woff2"),url(/playground/flower-bouquet/assets/dm-mono-latin-500-normal-CN8Miw6E.woff)format("woff");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}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f6f6;--panel:#f8f8f8;--ink:#2b2b2b;--muted:#8c8c8c;--line:#cfcfcf;--hover:#ececec;--focus:#1f4fd1;--shadow:0 12px 34px #00000014;--body:"Hanken Grotesk Variable", "Hanken Grotesk", system-ui, sans-serif;--mono:"DM Mono", ui-monospace, monospace;--item-h:clamp(64px, 7.4vw, 137px);--gap:calc(var(--item-h) * .2);--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.4}p,ul{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}.stage{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.stage.dragging{cursor:grabbing}.stage:focus-visible{outline-offset:-4px}.stage canvas{width:100%;height:100%;animation:fade-in .6s var(--ease) both;background:0 0;display:block}.stage.no-webgl{cursor:default;place-items:center;display:grid}.stage-fallback{max-width:40ch;color:var(--muted);text-align:center;padding:24px}@keyframes fade-in{0%{opacity:0}}.panel{z-index:5;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(var(--from,-8px)) scale(.97);border-radius:22px;transition:opacity .16s,transform .2s,visibility 0s .2s;position:absolute}.panel.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s ease, transform .32s var(--ease), visibility 0s;transform:none}.topbar{z-index:4;align-items:center;gap:22px;display:flex;position:fixed;top:24px;right:28px}.link-btn{cursor:pointer;color:var(--muted);text-underline-offset:4px;background:0 0;border:0;padding:6px 2px;text-decoration:underline;transition:color .2s}.link-btn:hover,.link-btn[aria-expanded=true]{color:var(--ink)}.icon-btn{cursor:pointer;background:var(--panel);border:1px solid var(--line);width:48px;height:48px;color:var(--muted);transition:color .2s ease, background-color .2s ease, transform .2s var(--ease);border-radius:14px;place-items:center;display:grid}.icon-btn:hover,.icon-btn[aria-expanded=true]{color:var(--ink);background:var(--hover)}.icon-btn:active{transform:scale(.94)}.topbar .panel{transform-origin:100% 0;top:60px;right:0}.items{width:280px;padding:10px 16px 12px}.item-list li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.item-list li:first-child{border-top:0}.item-list li.new{animation:row-in .3s var(--ease)}@keyframes row-in{0%{opacity:0;transform:translateY(-6px)}}.item-list .empty{color:var(--muted);padding:10px 0;display:block}.stepper{align-items:center;gap:2px;display:inline-flex}.qty{font-family:var(--mono);text-align:center;min-width:28px;font-size:14px;display:inline-block}.qty.bump{animation:bump .28s var(--spring)}@keyframes bump{0%{transform:scale(1.35)}}.step{cursor:pointer;border:1px solid var(--line);width:32px;height:32px;font:500 17px/1 var(--mono);transition:background-color .15s ease, transform .15s var(--ease), opacity .2s ease;background:0 0;border-radius:50%}.step:hover:not(:disabled){background:var(--hover)}.step:active:not(:disabled){transform:scale(.9)}.step:disabled{opacity:.35;cursor:not-allowed}.panel-foot{border-top:1px solid var(--line);color:var(--muted);margin-top:6px;padding-top:10px;font-size:13px}.menu{width:230px;padding:8px;display:grid}.menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:11px 12px;transition:background-color .15s}.menu button:hover{background:var(--hover)}.saved{width:min(320px,100vw - 24px);padding:8px 8px 12px}.saved .panel-foot{margin:6px 8px 0}.saved-list li{align-items:center;gap:4px;display:flex}.saved-list li.new{animation:row-in .3s var(--ease)}.saved-list .empty{color:var(--muted);padding:12px 8px;display:block}.saved-open{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:1;grid-template-columns:22px 1fr;align-items:center;column-gap:10px;min-width:0;padding:9px 8px;transition:background-color .15s;display:grid}.saved-open:hover{background:var(--hover)}.saved-open i{border:1px solid #00000024;border-radius:50%;grid-row:span 2;width:22px;height:22px}.saved-open b{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.saved-open small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.saved-del{cursor:pointer;width:32px;height:32px;color:var(--muted);font:18px/1 var(--mono);background:0 0;border:0;border-radius:50%;flex:none;transition:background-color .15s,color .15s}.saved-del:hover{background:var(--hover);color:var(--ink)}.send{width:min(320px,100vw - 24px);padding:18px}.send-form,.send-done{gap:8px;display:grid}.send-form[hidden],.send-done[hidden]{display:none}.send label{color:var(--muted);justify-content:space-between;margin-top:4px;font-size:13px;display:flex}.send .count{font:12px var(--mono)}.send input,.send textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);font:inherit;resize:none;border-radius:12px;padding:10px 12px;transition:border-color .2s}.send input:focus,.send textarea:focus{border-color:var(--muted)}.send .error{color:#b3261e;min-height:0;font-size:13px}.send .error:empty{display:none}.primary{cursor:pointer;background:var(--ink);color:var(--bg);transition:transform .2s var(--ease), opacity .2s ease;border:0;border-radius:12px;margin-top:6px;padding:11px 16px;font-weight:600}.primary:hover{opacity:.88}.primary:active{transform:scale(.97)}.primary:disabled{opacity:.5;cursor:progress}.send-done{animation:row-in .35s var(--ease)}.done-title{outline:none;font-size:16px;font-weight:600}.done-text{color:var(--muted);font-size:14px}.done-actions{flex-wrap:wrap;gap:4px 18px;margin-top:6px;display:flex}.done-actions .link-btn{font-size:14px}.letter{z-index:3;pointer-events:none;text-align:center;justify-items:center;gap:18px;padding:0 24px clamp(28px,6vh,64px);display:grid;position:fixed;bottom:0;left:0;right:0}.letter[hidden]{display:none}.letter-text{white-space:pre-wrap;overflow-wrap:anywhere;max-width:34ch;animation:letter-in 1.4s var(--ease) 2.2s both;font-size:clamp(19px,2.2vw,26px);line-height:1.4}.letter-link{pointer-events:auto;color:var(--muted);text-underline-offset:4px;animation:letter-in 1.2s var(--ease) 3.4s both;font-size:13px;transition:color .2s}.letter-link:hover{color:var(--ink)}@keyframes letter-in{0%{opacity:0;filter:blur(4px);transform:translateY(14px)}}.received .stage canvas{animation:1.6s both fade-in}.dock-wrap{z-index:3;height:var(--item-h);pointer-events:none;animation:dock-in .7s var(--ease) both;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes dock-in{0%{opacity:0;transform:translateY(40%)}}.dock-wrap>*{pointer-events:auto}.hint{text-align:center;color:var(--muted);pointer-events:none;padding:0 16px;font-size:13px;transition:opacity .25s;position:absolute;bottom:calc(100% + 30px);left:0;right:0}.hint.away{opacity:0}.toast{z-index:6;text-align:center;background:var(--ink);width:max-content;max-width:min(92vw,520px);color:var(--bg);overflow-wrap:anywhere;opacity:0;visibility:hidden;pointer-events:none;border-radius:999px;padding:10px 16px;font-size:13px;transition:opacity .2s,transform .2s,visibility 0s .2s;position:absolute;bottom:calc(100% + 22px);left:50%;transform:translate(-50%,8px)}.toast.open{opacity:1;visibility:visible;transition:opacity .2s ease, transform .3s var(--ease), visibility 0s;transform:translate(-50%)}.dock{max-width:calc(100vw - 24px);height:100%;position:relative}.dock-row{height:100%;padding:0 calc(var(--gap) * 1.3);align-items:flex-end;display:flex;position:relative}.dock-row:before{content:"";border:1px solid var(--line);pointer-events:none;border-bottom:0;border-radius:30px 30px 0 0;position:absolute;inset:42% 0 -2px}.dock-flowers{align-items:flex-end;gap:var(--gap);scrollbar-width:none;flex:0 auto;min-width:0;height:100%;display:flex;overflow:auto hidden}.dock-flowers::-webkit-scrollbar{display:none}.flower-btn,.tool{height:var(--item-h);cursor:pointer;transform-origin:50% 100%;transition:transform .35s var(--spring), opacity .25s ease, filter .25s ease;background:0 0;border:0;flex:none;align-items:flex-end;padding:0;display:flex;position:relative}.flower-btn img,.tool img{pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;height:100%;display:block}.flower-btn:hover,.tool:hover,.tool[aria-expanded=true]{transform:translateY(-8%)scale(1.04)}.flower-btn:active,.tool:active{transition-duration:.1s;transform:translateY(-3%)scale(.97)}.flower-btn[aria-disabled=true]{opacity:.45;filter:saturate(.6)}.flower-btn.added img{animation:pick .5s var(--ease)}@keyframes pick{35%{transform:translateY(-22%)scale(1.08)rotate(-3deg)}70%{transform:translateY(2%)scale(.99)}}.dock-divider{width:1px;height:40%;margin:0 calc(var(--gap) * .9) 0 calc(var(--gap) * .7);background:var(--line);flex:none}.tool{height:calc(var(--item-h) * .86);margin-left:calc(var(--gap) * .4)}.tool:last-child{height:calc(var(--item-h) * .75)}.wrap-stack{height:100%;display:block;position:relative}.wrap-stack img:last-child{opacity:0;position:absolute;inset:0}.wrap-stack img.show{opacity:1;transition:opacity .25s}.pop{--from:10px;transform-origin:50% 100%;padding:22px;bottom:calc(100% + 12px)}.swatches{grid-template-columns:repeat(5,54px);gap:14px 22px;display:grid}.swatch label{cursor:pointer;display:block}.chip{background:var(--paper);width:54px;height:54px;box-shadow:0 0 0 3px var(--panel), 0 0 0 4px transparent;transition:box-shadow .2s ease, transform .3s var(--spring);border:1px solid #00000024;border-radius:50%;display:block}.swatch label:hover .chip{transform:scale(1.08)}.swatch label:active .chip{transform:scale(.94)}.swatch input:checked+label .chip{box-shadow:0 0 0 3px var(--panel), 0 0 0 5px var(--ink)}.swatch input:focus-visible+label .chip{outline:2px solid var(--focus);outline-offset:7px}.note-pop{grid-template-columns:1fr auto;align-items:baseline;gap:8px;width:min(360px,100vw - 24px);display:grid}.note-pop label{color:var(--muted);font-size:13px}.note-pop .count{font:12px var(--mono);color:var(--muted)}.message{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);border-radius:12px;grid-area:2/1/auto/-1;padding:10px 14px;font:600 24px/1.2 Caveat Variable,Caveat,cursive;transition:border-color .2s}.message:focus{border-color:var(--muted)}.message::placeholder{color:var(--muted)}@media (width<=640px){.topbar{gap:12px;top:12px;right:12px}.hint{font-size:12px;bottom:calc(100% + 16px)}.pop{padding:16px}.swatches{grid-template-columns:repeat(4,48px);gap:12px 16px}.chip{width:48px;height:48px}.items{width:min(280px,100vw - 24px)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.solo .topbar,.solo .dock-wrap,.topbar[hidden],.dock-wrap[hidden]{display:none}