@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{--nacht:#000;--paneel:#0a0a2a;--lijst:#1a0033;--roze:#f6c;--geel:#ff0;--lila:#ccf;--grijs:silver;--pad:16px;--comic:"Comic Sans MS", "Comic Sans", "Chalkboard SE", "Comic Neue", cursive;--win:Verdana, Geneva, Tahoma, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{scrollbar-color:var(--roze) var(--lijst)}body{background-color:var(--nacht);color:#fff;background-image:radial-gradient(1px 1px at 12px 18px,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 70px 44px,#ffe4f6 50%,#0000 51%),radial-gradient(1px 1px at 40px 90px,#cfe8ff 50%,#0000 51%),radial-gradient(2px 2px at 104px 112px,#fff 50%,#0000 51%),radial-gradient(1px 1px at 92px 8px,#fff 50%,#0000 51%);background-size:128px 128px;min-height:100vh;margin:0;font:18px/1.45 Times New Roman,Times,serif}a{color:#0ff}a:hover{color:var(--geel)}.marquee{white-space:nowrap;border-bottom:3px ridge var(--roze);background:navy;overflow:hidden}.marquee-text{font-family:var(--comic);color:var(--geel);padding:8px 0 8px 100%;font-size:18px;animation:22s linear infinite marquee;display:inline-block}@keyframes marquee{to{transform:translate(-100%)}}.blink{animation:1.1s step-end infinite blink}.blink-late{animation:1.1s step-end .55s infinite blink}@keyframes blink{50%{opacity:0}}.app{gap:22px;max-width:820px;margin:0 auto;padding:26px 16px 56px;display:grid}.head{text-align:center;justify-items:center;gap:10px;display:grid}.title-row{align-items:center;gap:12px;max-width:100%;display:flex}.star{flex:none;width:clamp(20px,6vw,34px);height:clamp(20px,6vw,34px)}.title{min-width:0;color:var(--roze);-webkit-text-stroke:.028em #fff;paint-order:stroke fill;text-shadow:.053em .053em #60c,.105em .105em navy;margin:0;font-family:Lobster,cursive;font-size:clamp(2.4rem,12vw,4.75rem);font-weight:400;line-height:1}.tagline{color:#fcf;margin:0;font-style:italic}.lang{gap:6px;display:flex}.lang button{min-width:52px;min-height:36px;font:700 14px var(--win);color:#000;background:var(--grijs);cursor:pointer;border:3px outset #fff}.lang button[aria-pressed=true]{background:var(--roze);border-style:inset;border-color:#fcf}.rainbow{background:linear-gradient(90deg,red,#f90,#ff0,#0f0,#0ff,#36f,#c0f,#f09);border:0;width:100%;height:6px;margin:0}.frame{padding:22px var(--pad);background:var(--lijst);border:6px ridge var(--roze);flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.stage{border:3px inset var(--grijs);background:repeating-conic-gradient(#d9d9d9 0% 25%,#fff 0% 50%) 50%/16px 16px;flex:3 340px;place-items:center;min-width:0;min-height:210px;padding:12px;display:grid}.side{flex-direction:column;flex:2 260px;align-items:center;gap:12px;min-width:0;display:flex}.preview,.result{max-width:100%;height:auto;display:block}.preview{touch-action:none;cursor:grab}.preview:active{cursor:grabbing}.selection{width:100%;font:14px var(--win);color:#000;background:var(--grijs);border:3px outset #fff;gap:9px;padding:10px 12px;display:grid}.selection.is-empty{visibility:hidden}.selection-row{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.selection input[type=range]{accent-color:#ff1493;flex:120px;min-width:0}.inline{white-space:nowrap;font:inherit!important;color:#000!important;margin:0!important}.masks{flex-wrap:wrap;gap:6px;display:flex}.masks button{min-height:34px;font:13px var(--win);color:#000;background:var(--grijs);cursor:pointer;border:2px outset #fff;padding:0 12px}.masks button[aria-checked=true]{color:#fff;background:navy;border-style:inset;font-weight:700}.hint{color:var(--lila);margin:0;font-size:15px}.frame .hint{text-align:center}.error{text-align:center;font:700 15px var(--win);color:#000;background:var(--geel);border:3px outset #ff9;margin:0;padding:10px 14px}.click-here{font:700 18px var(--comic);color:#0f0;margin:0 0 -6px}.save-tip{text-align:center;white-space:pre-line;font:13px/1.5 var(--win);color:#ff9;margin:0}.actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.primary,.ghost,.danger{cursor:pointer;color:#000}.primary{min-height:64px;font:700 clamp(20px, 6vw, 26px) var(--comic);background:var(--geel);border:6px outset #ff9;padding:10px 28px}.primary:disabled{color:#404040;background:var(--grijs);cursor:not-allowed;border-color:#e0e0e0}.ghost,.danger{min-height:40px;font:15px var(--win);background:var(--grijs);border:3px outset #fff;padding:0 14px}.danger{white-space:nowrap;align-items:center;gap:6px;min-height:36px;font-size:14px;display:inline-flex}.primary:not(:disabled):active,.ghost:active,.danger:active,.tab:active,.step-next:active,.lang button:active,.masks button:active,.stickers button:active{border-style:inset}.as-button{align-items:center;text-decoration:none;display:inline-flex}.controls{display:grid}.tabs{flex-wrap:wrap;align-items:flex-end;gap:4px;padding-left:8px;display:flex}.tab{min-height:44px;font:700 17px var(--comic);color:#000;background:var(--grijs);cursor:pointer;border:4px outset #fff;border-bottom:0;padding:0 18px}.tab[aria-selected=true]{color:#fff;background:var(--bar);border-style:ridge;border-color:var(--accent);min-height:52px;font-size:19px;position:relative;top:4px}.panel{padding:var(--pad);background:var(--paneel);border:4px ridge var(--accent)}.group-picture{--accent:#6cf;--bar:navy}.group-text{--accent:#fc3;--bar:#930}.group-stickers{--accent:#6f9;--bar:#063}.steps{border-top:2px dashed var(--accent);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:18px;padding-top:12px;display:flex}.step-next{min-height:44px;font:700 16px var(--comic);color:#000;background:var(--geel);cursor:pointer;border:4px outset #ff9;margin-left:auto;padding:0 16px}.group-stickers .hint{color:#cfc}.field-label,label{color:var(--geel);margin:0 0 8px;font-weight:700;display:block}.spaced{margin-top:18px!important}#text{width:100%;font:20px var(--comic);color:#000;border:3px inset var(--grijs);resize:vertical;background:#fff;border-radius:0;padding:8px 10px}#text::placeholder{color:#6b6b6b}#text:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--geel);outline-offset:2px}.counter{text-align:right;font-variant-numeric:tabular-nums;color:#fc9;margin-top:5px;font-size:14px;display:block}.chips{flex-wrap:wrap;gap:4px 22px;display:flex}.chips button{min-height:40px;font:inherit;color:#fff;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.chips button:before{content:"";border:2px inset var(--grijs);background:#fff;border-radius:50%;width:16px;height:16px}.chips button[aria-checked=true]{color:var(--geel);font-weight:700}.chips button[aria-checked=true]:before{background:radial-gradient(circle,#ff1493 0 3.5px,#fff 4px)}.thumbs{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px;display:grid}.thumbs button{cursor:pointer;background:0 0;border:2px solid #fff;place-items:center;padding:0;display:grid}.thumbs button[aria-checked=true]{outline:3px dashed var(--geel);outline-offset:3px}.thumbs button.is-transparent canvas{background:repeating-conic-gradient(#d9d9d9 0% 25%,#fff 0% 50%) 50%/12px 12px}.thumbs canvas{max-width:100%;height:auto;display:block}.stickers{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;margin-bottom:14px;display:grid}.stickers button{aspect-ratio:1;cursor:pointer;background:#fff;border:3px outset #cfc;grid-template:100%/100%;place-items:center;min-height:0;padding:4px;display:grid}.stickers img{object-fit:contain;width:100%;height:100%}.subject-row{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.foot{text-align:center;justify-items:center;gap:12px;display:grid}.badges{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.badge{font:700 11px var(--win);text-transform:uppercase;border:2px outset gray;padding:6px 10px}.badge-local{color:#0f0;background:#000}.badge-upload{color:#000;background:var(--geel);border-color:#ffc}.badge-screen{color:#fff;background:navy;border-color:#8080ff}.badge-glitter{color:#000;background:var(--roze);border-color:#fcf}.badge-free{color:#000;background:var(--grijs);border-color:#fff}.badge-virus{color:var(--geel);background:#c00;border-color:#ff8080}@media (max-width:520px){:root{--pad:12px}.frame{border-width:4px}}@media (prefers-reduced-motion:reduce){.marquee-text,.blink,.blink-late{animation:none}.marquee-text{padding-left:12px}}