@font-face{font-family:Pacifico;src:url(./pacifico-7HIToT7q.woff2)format("woff2");font-display:block}@font-face{font-family:Lobster;src:url(./lobster-VmWungf4.woff2)format("woff2");font-display:block}@font-face{font-family:TitanOne;src:url(./titan-one-DwVbh4mi.woff2)format("woff2");font-display:block}@font-face{font-family:ComicRelief;src:url(./comic-relief-BaAwNr1x.woff2)format("woff2");font-display:block}:root{--melk:#fff6fb;--room:#fff;--snoep:#ff7eb6;--snoep-diep:#ff4b9d;--mint:#9be8d8;--boter:#ffe08a;--inkt:#5b3b62;--potlood:#8f6f99;--lijn:2.5px solid var(--inkt);--plak:4px 4px 0 var(--inkt);--plak-klein:3px 3px 0 var(--inkt);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}body{background-color:var(--melk);min-height:100vh;color:var(--inkt);background-image:radial-gradient(circle at 12% 8%,#ffe3f2 0 12px,#0000 13px),radial-gradient(circle at 88% 22%,#dff7f0 0 10px,#0000 11px),radial-gradient(circle at 76% 78%,#fff0c9 0 14px,#0000 15px),radial-gradient(circle at 20% 88%,#ece0ff 0 11px,#0000 12px);background-attachment:fixed;margin:0;font:16px/1.55 ui-rounded,SF Pro Rounded,Hiragino Maru Gothic ProN,system-ui,sans-serif}.app{max-width:840px;margin:0 auto;padding:30px 18px 72px}.head{text-align:center}.title{color:var(--room);-webkit-text-stroke:.092em var(--inkt);paint-order:stroke fill;text-shadow:.092em .092em 0 var(--snoep);margin:0;font-family:TitanOne,cursive;font-size:clamp(1.75rem,8.5vw,3.4rem);font-weight:400;line-height:1.05}.tagline{color:var(--potlood);margin:12px 0 0;font-size:.98rem}.lang{background:var(--room);border:var(--lijn);box-shadow:var(--plak-klein);border-radius:999px;gap:4px;margin-top:16px;padding:4px;display:inline-flex}.lang button{color:var(--potlood);font:inherit;letter-spacing:.06em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 15px;font-size:.8rem;font-weight:700}.lang button[aria-pressed=true]{background:var(--snoep);color:var(--inkt)}.stage{border:var(--lijn);min-height:210px;box-shadow:var(--plak);background:repeating-conic-gradient(#f1e7f5 0% 25%,#fff 0% 50%) 50%/16px 16px;border-radius:22px;place-items:center;margin:26px 0 10px;padding:22px;display:grid}.preview,.result{border-radius:6px;max-width:100%;height:auto}.preview{touch-action:none;cursor:grab}.preview:active{cursor:grabbing}.error{text-align:center;color:var(--inkt);border:var(--lijn);background:#ffd9e4;border-radius:14px;margin:10px 0 0;padding:10px 14px}.hint{color:var(--potlood);margin:0;font-size:.86rem}.selection{background:var(--mint);border:var(--lijn);box-shadow:var(--plak-klein);border-radius:18px;gap:9px;margin:12px 0 6px;padding:10px 14px;display:grid}.selection.is-empty{visibility:hidden}.selection-row{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.selection input[type=range]{min-width:0;accent-color:var(--snoep-diep);flex:1}.inline{white-space:nowrap;color:var(--inkt)!important;margin:0!important}.masks{flex-wrap:wrap;gap:8px;display:flex}.masks button{font:inherit;color:var(--inkt);background:var(--room);border:var(--lijn);cursor:pointer;border-radius:999px;padding:5px 13px;font-size:.8rem;font-weight:700}.masks button[aria-checked=true]{background:var(--snoep)}.controls{gap:26px;margin-top:22px;display:grid}.group{background:var(--room);border:var(--lijn);min-width:0;box-shadow:var(--plak);border-radius:22px;margin:0;padding:20px}.group legend{letter-spacing:.05em;color:var(--inkt);background:var(--boter);border:var(--lijn);border-radius:999px;margin-left:4px;padding:5px 15px;font-family:TitanOne,cursive;font-size:.82rem}.field-label,label{letter-spacing:.09em;text-transform:uppercase;color:var(--potlood);margin:0 0 9px;font-size:.78rem;font-weight:800;display:block}.spaced{margin-top:20px!important}#text{width:100%;font:inherit;color:var(--inkt);background:var(--melk);border:var(--lijn);resize:vertical;border-radius:16px;padding:13px 15px;font-size:1.1rem}#text::placeholder{color:var(--potlood)}#text:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--snoep-diep);outline-offset:2px}.counter{text-align:right;font-variant-numeric:tabular-nums;color:var(--potlood);margin-top:5px;font-size:.84rem;display:block}.chips{flex-wrap:wrap;gap:9px;display:flex}.chips button{font:inherit;color:var(--inkt);background:var(--room);border:var(--lijn);box-shadow:var(--plak-klein);cursor:pointer;border-radius:999px;padding:9px 18px;font-size:.92rem;font-weight:700}.chips button[aria-checked=true]{background:var(--snoep)}.thumbs{grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:11px;display:grid}.thumbs button{background:var(--room);border:var(--lijn);box-shadow:var(--plak-klein);cursor:pointer;border-radius:14px;place-items:center;padding:5px;display:grid}.thumbs button[aria-checked=true]{background:var(--snoep)}.thumbs button.is-transparent canvas{background:repeating-conic-gradient(#e2d5e8 0% 25%,#fff 0% 50%) 50%/12px 12px}.thumbs canvas{border-radius:9px;max-width:100%;height:auto;display:block}.stickers{grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:9px;margin-bottom:12px;display:grid}.stickers button{aspect-ratio:1;background:var(--melk);border:var(--lijn);box-shadow:var(--plak-klein);cursor:pointer;border-radius:14px;place-items:center;padding:5px;display:grid}.stickers img{object-fit:contain;width:100%;height:100%}.subject-row{flex-wrap:wrap;align-items:center;gap:11px;display:flex}.actions{flex-wrap:wrap;gap:11px;display:flex}.primary,.ghost,.danger{font:inherit;cursor:pointer;border:var(--lijn);box-shadow:var(--plak-klein);color:var(--inkt);border-radius:999px;font-weight:800}.primary{background:var(--snoep);padding:14px 26px;font-family:TitanOne,cursive;font-weight:400}.primary:disabled{color:var(--potlood);box-shadow:none;cursor:not-allowed;background:#f1e7f5}.ghost{background:var(--room);padding:11px 20px}.danger{background:var(--room);white-space:nowrap;align-items:center;gap:7px;padding:9px 17px;display:inline-flex}.as-button{text-decoration:none;display:inline-block}@media (prefers-reduced-motion:no-preference){.primary,.ghost,.danger,.chips button,.thumbs button,.stickers button{transition:transform 90ms,box-shadow 90ms}.primary:not(:disabled):active,.ghost:active,.danger:active,.chips button:active,.thumbs button:active,.stickers button:active{box-shadow:0 0 0 var(--inkt);transform:translate(3px,3px)}.stickers button:hover{transform:translate(-1px,-2px)rotate(-3deg)}}