@font-face{font-family:Fredoka;src:url(/fonts/fredoka.woff2) format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Quicksand;src:url(/fonts/quicksand.woff2) format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Dancing;src:url(/fonts/dancing.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Cormorant;src:url(/fonts/cormorant.woff2) format("woff2");font-weight:300 700;font-display:swap}:root{color-scheme:light;--cream: #fff9f1;--paper: #fffdf8;--ink: #522741;--text: #623b50;--berry: #9b3d65;--line: #dcb5c2;--pink: #f4aac3;--display: Fredoka, ui-rounded, system-ui, sans-serif;--body: Quicksand, system-ui, sans-serif;--shadow: 0 5px 0 #e5bdcc}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font:600 1rem/1.6 var(--body)}body,button,input{font-family:var(--body)}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{color:var(--ink);font-family:var(--display);font-weight:590;line-height:1.06;text-wrap:balance}h2{font-size:clamp(2.15rem,4.8vw,3.8rem)}h3{font-size:1.37rem}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}ul{padding:0;margin:0;list-style:none}a,button,summary,label{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #88355f;outline-offset:4px}[aria-current=page]{font-weight:700}[id]{scroll-margin-top:92px}.wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:fixed;top:8px;left:8px;z-index:20;background:#fff;padding:.6rem 1rem;border-radius:.75rem}.header{position:sticky;z-index:5;top:0;background:var(--cream);border-bottom:2px solid var(--ink)}.header-inner,.header-actions,.nav,.brand{display:flex;align-items:center}.header-inner{justify-content:space-between;min-height:70px;gap:1rem}.brand{gap:.38rem;color:var(--ink);font:620 1.45rem/1 var(--display);white-space:nowrap}.nav{gap:clamp(.9rem,2vw,1.75rem);font-size:.9rem;color:var(--ink);font-weight:700}.nav a:hover,.footer a:hover,.hero-meta a:hover{text-decoration:underline;text-underline-offset:.25em}.header-actions{gap:.8rem}.button{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:100px;color:var(--ink);background:var(--pink);font-weight:700;box-shadow:0 3px 0 var(--ink);transition:transform .2s,box-shadow .2s}.button:hover,.store:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--ink)}.button-small{min-height:39px;padding:.35rem .92rem;font-size:.9rem;white-space:nowrap}.language{position:relative}.language summary{display:flex;align-items:center;justify-content:center;min-height:42px;gap:.28rem;padding:.3rem .35rem;cursor:pointer;font-size:.88rem;font-weight:700;color:var(--ink)}summary::-webkit-details-marker{display:none}.language ul{position:absolute;inset:calc(100% + 9px) 0 auto auto;min-width:11rem;padding:.45rem;border:1.5px solid var(--ink);border-radius:15px;background:var(--paper);box-shadow:var(--shadow)}.language a{display:block;padding:.38rem .65rem;border-radius:9px}.language a:is(:hover,[aria-current]){background:#fce4ed}.hero{overflow:hidden;text-align:center;background:radial-gradient(ellipse at 10% 7%,#f9dbe4 0,transparent 47%),radial-gradient(ellipse at 94% 52%,#eae1fc 0,transparent 48%),linear-gradient(173deg,#fff6e9 32%,#fce8ee 92%)}.hero-copy{position:relative;padding-top:clamp(2.55rem,5.1vw,4.1rem)}.eyebrow{color:#843754;font-weight:700;font-size:.77rem;letter-spacing:.15em;text-transform:uppercase}.hero h1{max-width:1050px;margin:1rem auto .85rem;font-size:clamp(3.15rem,7vw,6rem);line-height:.99;letter-spacing:-.037em}.hero h1 em{display:table;position:relative;margin:.03em auto 0;padding:0 .08em .12em;color:var(--berry);font-family:Dancing,cursive;font-style:normal;font-weight:700;letter-spacing:-.025em}.hero h1 em:after{content:"";position:absolute;right:3%;bottom:-.005em;left:3%;height:.1em;border-bottom:.045em solid #b04e73;border-radius:55%;transform:rotate(-2deg);opacity:.78}.hero-description{max-width:625px;margin:0 auto 1.25rem;font-size:clamp(1rem,2vw,1.19rem);text-wrap:pretty}.store-links{display:flex;flex-wrap:wrap;gap:.6rem .75rem;align-items:center;justify-content:center}.store{display:inline-flex;gap:.55rem;min-width:151px;min-height:53px;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:36px;padding:.4rem .9rem;box-shadow:0 3px 0 var(--ink);transition:transform .2s,box-shadow .2s}.store span{display:grid;text-align:left;line-height:1.05}.store small{font-size:.65rem;font-weight:700}.store strong{font:600 1.18rem/1.1 var(--display);white-space:nowrap}.store-play{background:var(--paper);color:var(--ink)}.store-apple{background:var(--ink);color:#fff}.hero-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem .7rem;padding-top:.95rem;color:var(--berry);font-size:.81rem;font-weight:700}.gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1.7vw,22px);align-items:end;width:min(1190px,calc(100% - 76px));margin:2.1rem auto 0;padding:1.1rem .5rem 2.2rem}.polaroid{position:relative;padding:.55rem .55rem .65rem;min-width:0;color:var(--ink);border:1.5px solid #b57690;border-radius:20px;background:var(--paper);box-shadow:0 6px #e9bfd0,0 13px 22px #76355118;transform:translateY(var(--offset,0)) rotate(var(--tilt,0deg));transition:transform .2s ease}.polaroid:hover{transform:translateY(calc(var(--offset,0px) - 8px)) rotate(0);z-index:1}.polaroid:after{content:"";position:absolute;top:-.58rem;left:calc(50% - 23px);width:46px;height:16px;background:#f2b2c4b5;transform:rotate(-9deg);clip-path:polygon(0 0,100% 0,95% 50%,100% 100%,0 100%,5% 50%)}.polaroid img{width:100%;height:auto;aspect-ratio:1/.98;object-fit:contain;padding:.35rem;border-radius:14px;background:var(--card,#fae1e9)}.polaroid span{display:block;padding-top:.45rem;font-family:var(--display);font-weight:560;font-size:clamp(.78rem,1.5vw,1.08rem);line-height:1.15}.polaroid-0{--tilt: -8deg;--offset: 13px;--card: #f8dce8}.polaroid-1{--tilt: -4deg;--offset: -3px;--card: #fcebd8}.polaroid-2{--tilt: 1deg;--offset: -18px;--card: #ffe3ed}.polaroid-2 img{padding:0}.polaroid-3{--tilt: 5deg;--offset: -3px;--card: #ede2fa}.polaroid-4{--tilt: 8deg;--offset: 13px;--card: #f9ebd9}.trim{height:22px;border-block:1px solid var(--line);background:conic-gradient(#fff8f2 25%,#f6cfda 0 50%,#fff8f2 0 75%,#f6cfda 0) 0 0/22px 22px}.section{padding-block:clamp(4rem,8vw,7.4rem)}.section-heading{max-width:720px;margin:0 auto clamp(1.85rem,4vw,3.35rem);text-align:center}.section-heading h2,.story-row h2{margin:.45rem 0 .85rem}.section-heading>p:last-child,.intro{font-size:1.08rem}.band{border-block:1px solid var(--line)}.band-lilac{background:#f5edfa}.band-pink{background:#fbe7ed}.editor-layout{display:grid;grid-template-columns:.85fr 1.35fr;gap:1.3rem;align-items:stretch}.artboard{position:relative;display:grid;min-width:0;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:31px;background-color:#f9e4eb;background-image:radial-gradient(#d499b051 1px,transparent 1px);background-size:15px 15px}.artboard img{width:100%;height:auto;max-height:480px;object-fit:contain;padding:clamp(.75rem,4vw,2.4rem)}.artboard span{position:absolute;top:12px;right:20px;font:600 2.4rem var(--display);color:var(--berry)}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.tool{padding:1rem 1.05rem;border:1px solid var(--line);border-radius:20px;background:var(--paper)}.tool-icon{display:inline-grid;width:2.25rem;height:2.25rem;place-items:center;margin-bottom:.45rem;border-radius:11px;color:var(--berry);background:#f9e0eb;font:600 1.18rem/1 var(--display)}.tool:nth-child(3n+2) .tool-icon{color:#6c417a;background:#f1e5fb}.tool:nth-child(3n+3) .tool-icon{color:#805036;background:#f9ead7}.tool h3,.note-menu h3,.pro-list h3{margin-bottom:.32rem}.tool p,.note-menu p,.collection p,.pro-list p{font-size:.95rem;line-height:1.48}.note-menu{display:flex;gap:1rem;align-items:center;margin-top:1rem;padding:1rem 1.25rem;border:1px dashed #bd8ba1;border-radius:18px;background:#fbeaf0}.note-menu>span{color:var(--berry);font:700 2.1rem/1 var(--display)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.feature-card{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--paper);box-shadow:var(--shadow)}.feature-card img{width:100%;height:210px;object-fit:contain;padding:.8rem;background:#f8dfea}.feature-card:nth-child(2) img{background:#f9ebd9}.feature-card:nth-child(3) img{background:#e9e1f8}.feature-card>div{padding:1.3rem}.feature-card p{margin-top:.5rem}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:2rem}.chips li{padding:.23rem .8rem;border:1px solid #d4bddf;border-radius:100px;background:var(--paper);color:#643e70;font-size:.87rem}.story-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,5vw,4rem);align-items:center}.line-list{margin-top:1.2rem}.line-list div{padding:.7rem 0;border-top:1px dashed var(--line)}.line-list dt{color:var(--ink);font:570 1.26rem var(--display)}.line-list dd{margin-top:.14rem}.style-art{background-color:#fae9f1}.widget-art{background-color:#eee3f8}.sweet-bites{--tint:#fce1e9;--stitch:#b45f7d;--pack-font:Cormorant,Georgia,serif}.animalitos{--tint:#faebd5;--stitch:#9d674c;--pack-font:Fredoka,system-ui,sans-serif}.soft-academia{--tint:#e9eede;--stitch:#657a55;--pack-font:Dancing,cursive}.dreamy-nights{--tint:#eae2f9;--stitch:#78659f;--pack-font:Georgia,serif}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.collection{min-width:0;padding:.85rem .9rem 1.05rem;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:var(--shadow)}.sticker-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;background:var(--tint);border-radius:13px;padding:.45rem .2rem}.sticker-strip img{width:100%;height:auto;object-fit:contain;aspect-ratio:1}.emoji-strip{display:flex;flex-wrap:wrap;gap:.28rem;padding-block:.65rem .4rem}.emoji-strip img{object-fit:contain}.collection p{margin:.4rem 0 .55rem}.collection small{display:block;color:#683e56;font-size:.8rem;line-height:1.45}.demo{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(1rem,4vw,2.5rem);align-items:center;max-width:845px;margin:clamp(2rem,6vw,4rem) auto 0;padding:clamp(1rem,3vw,1.65rem);border:1.5px dashed #bd7e96;border-radius:27px;background:#fff9f4}.demo-paper{position:relative;padding:1.25rem 1.3rem;border:1px solid var(--stitch);border-radius:16px;background-color:var(--tint);background-image:linear-gradient(#fff9 1px,transparent 1px),linear-gradient(90deg,#fff9 1px,transparent 1px);background-size:18px 18px}.demo-paper img{position:absolute;width:clamp(54px,13vw,108px);height:auto;right:.4rem;bottom:-.2rem;transform:rotate(-10deg)}.demo-frame{padding:.8rem min(17%,2.5rem) 1.35rem .85rem;border:1.5px dashed var(--stitch);border-radius:13px;background:#fff9}.demo-frame>span{color:var(--stitch)}.demo-frame p:not(.demo-title){padding-right:.75rem;font-size:.84rem}.demo-title{margin:.12rem 0 .28rem;color:var(--ink);font:700 clamp(1.55rem,3.4vw,2.55rem)/1 var(--pack-font)}.demo-controls h3{margin:.3rem 0 .8rem;font-size:1.65rem}astro-island[ssr] .demo fieldset{visibility:hidden}.demo fieldset{display:flex;gap:.4rem;flex-wrap:wrap;border:0;padding:0;margin:0}.demo label{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border:1px solid var(--stitch);border-radius:100px;background:#fff;font-size:.88rem;cursor:pointer}.demo label:has(:checked){background:var(--tint);box-shadow:0 2px 0 var(--stitch)}.demo label:has(:focus-visible){outline:3px solid var(--berry);outline-offset:2px}.demo input{position:absolute;width:1px;height:1px;opacity:0}.band-pro{background:radial-gradient(ellipse at center top,#fff3f5,transparent 65%),#f6dce7}.pro-bow{margin:-1rem auto .4rem}.pro-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:1.5rem;align-items:start}.pro-art{display:grid;align-content:center;height:100%;min-width:0;padding:1.4rem;border:1px solid var(--line);border-radius:27px;background:#fff9f1;text-align:center}.pro-art img{width:100%;max-height:340px;height:auto;object-fit:contain}.pro-art figcaption{max-width:31ch;margin:.5rem auto 0;font-size:.9rem}.pro-list{display:grid;gap:.65rem}.pro-list li{display:flex;gap:.75rem;align-items:start;padding:.8rem .95rem;border:1px solid #e4bcca;border-radius:16px;background:#fff9f6}.pro-list li>span{color:var(--berry);line-height:1.5}.faq{max-width:800px}.faq details{margin-bottom:.6rem;border:1px solid var(--line);border-radius:15px;background:var(--paper)}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:.9rem;padding:.85rem 1.1rem;cursor:pointer;list-style:none;color:var(--ink);font-weight:700}.faq summary span:after{content:"+";font:550 1.4rem/1 var(--display);color:var(--berry)}.faq details[open] summary span:after{content:"−"}.faq details p{padding:0 1.1rem .9rem}.download{padding:3.6rem 0 4.1rem;text-align:center;background:radial-gradient(ellipse at 50% 0,#fff8ed,#f9dfed 73%)}.download img{margin:0 auto .7rem}.download p{margin:.75rem auto 1.15rem}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem 1.35rem;padding-block:1.25rem;font-size:.9rem}.footer .brand{margin-right:auto;font-size:1.2rem}@media(max-width:860px){.nav{display:none}.gallery{width:calc(100% - 50px);gap:.6rem}.editor-layout{grid-template-columns:1fr}.editor-art img{max-height:340px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-row{gap:1.5rem}}@media(max-width:620px){.wrap{width:calc(100% - 32px)}.header-inner{min-height:61px;gap:.5rem}.brand{font-size:1.17rem}.brand img{width:33px}.header-actions{gap:.28rem}.button-small{font-size:.78rem;padding-inline:.56rem;min-height:34px}.language summary{font-size:.8rem;gap:.2rem;padding-inline:.2rem}.language summary svg{width:14px}.hero h1{margin-top:.85rem;font-size:clamp(2.65rem,11vw,4.3rem)}.hero-description{max-width:37ch}.gallery{width:100%;grid-template-columns:repeat(5,minmax(115px,38vw));justify-content:start;align-items:stretch;padding:1.2rem 1.1rem 1.65rem;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:1.1rem;scrollbar-width:thin;scrollbar-color:#cc8ea7 transparent;margin-top:1.1rem}.polaroid{padding:.32rem;scroll-snap-align:start}.polaroid span{padding:.38rem .1rem .12rem}.polaroid-0{--tilt:-4deg}.polaroid-2{--offset:-5px}.polaroid-4{--tilt:4deg}.feature-grid,.story-row,.pro-layout,.demo{grid-template-columns:1fr}.widget-row .artboard{order:2}.feature-card img{height:185px}.tool-grid{gap:.58rem}.tool{padding:.75rem}.tool p{font-size:.87rem}.collection-grid{gap:.65rem}.collection{padding:.62rem}.collection h3{font-size:1.15rem}.collection p{font-size:.87rem}.pro-art img{max-height:240px}.footer .brand{width:100%}}@media(max-width:365px){.store{min-width:131px;padding-inline:.5rem}.header-inner{width:calc(100% - 20px)}.brand{font-size:1.05rem}.brand img{width:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:0s!important}}.hero-sticker{position:absolute;width:clamp(74px,9vw,104px);height:auto;filter:drop-shadow(0 5px 5px #70334b20);pointer-events:none}.hero-bunny{left:1%;bottom:2.7rem;transform:rotate(-14deg)}.hero-cherries{right:1%;bottom:3.7rem;transform:rotate(15deg)}@media(max-width:860px){.hero-sticker{display:none}}.editor-art{align-content:center;gap:.65rem;padding:1rem}.editor-art .editor-image{max-height:340px;padding:.5rem}.media-pair{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.media-pair figure{padding:.38rem;border:1px solid var(--line);border-radius:13px;background:var(--paper);text-align:center}.media-pair img{height:108px;padding:0}.media-pair figcaption{font:550 .86rem/1.15 var(--display);padding:.35rem .15rem .2rem}.note-menu p+p{margin-top:.35rem}.download .availability{font-size:.85rem;margin-bottom:0}@media(max-width:860px){.header-inner{flex-wrap:wrap;row-gap:0;padding-top:.35rem}.nav{display:flex;order:1;width:100%;gap:.9rem;overflow-x:auto;white-space:nowrap;padding-block:.15rem .55rem;font-size:.8rem}.nav a{padding-block:.15rem}.editor-art .editor-image{max-height:290px}}.demo-paper{background-image:var(--pattern);background-size:154px 154px;background-repeat:repeat}.demo-paper.sweet-bites{--pattern:url(/art/sweet-bites-paper.svg)}.demo-paper.animalitos{--pattern:url(/art/animalitos-paper.svg)}.demo-paper.soft-academia{--pattern:url(/art/soft-academia-paper.svg)}.demo-paper.dreamy-nights{--pattern:url(/art/dreamy-nights-paper.svg)}
