.preview.svelte-fc6xlu{--board-accent:var(--board-color);--board-line:#7f7f7f4d;accent-color:var(--board-accent)}@supports (color:oklch(from red l c h)){.preview.svelte-fc6xlu{--board-accent:oklch(from var(--board-color) clamp(.35, l, .5) c h);--board-line:oklch(from var(--board-color) .85 min(c, .06) h)}body.dark-mode .preview.svelte-fc6xlu{--board-accent:oklch(from var(--board-color) clamp(.7, l, .82) c h);--board-line:oklch(from var(--board-color) .38 min(c, .07) h)}}.preview.svelte-fc6xlu{background:#7f7f7f0f;border-radius:2rem;padding:1.25rem}@supports (color:oklch(from red l c h)){.preview.svelte-fc6xlu{background:oklch(from var(--board-color) .95 min(c, .05) h)}body.dark-mode .preview.svelte-fc6xlu{background:oklch(from var(--board-color) .24 min(c, .055) h)}}.label.svelte-fc6xlu{background:color-mix(in srgb, var(--board-accent) 15%, transparent);height:1.75rem;color:var(--board-accent);border-radius:.875rem;align-items:center;margin:0 0 1rem;padding:0 .75rem;font-size:.8125rem;font-weight:700;display:inline-flex}.header.svelte-fc6xlu{flex-wrap:wrap;align-items:baseline;gap:.15rem .6rem;margin-bottom:1rem;display:flex}.header.svelte-fc6xlu p:where(.svelte-fc6xlu){overflow-wrap:anywhere;margin:0;line-height:1.2}.name.svelte-fc6xlu{color:var(--board-accent);font-size:1.5rem;font-weight:700}.subtitle.svelte-fc6xlu{font-size:1.125rem;font-weight:300}.placeholder.svelte-fc6xlu{opacity:.45}.tiles.svelte-fc6xlu{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.tile.svelte-fc6xlu{-webkit-tap-highlight-color:transparent;transition:border-radius .6s var(--spring)}@media (prefers-reduced-motion:reduce){.tile.svelte-fc6xlu{transition:none}}.tile.svelte-fc6xlu{border-radius:1rem;overflow:hidden}@media (hover:hover){.tile.svelte-fc6xlu:hover{border-radius:1.75rem}}.tile.svelte-fc6xlu:active{border-radius:.5rem;transition-duration:.12s}.tile.svelte-fc6xlu{--tile-active:#000;--tile-active-ink:#fff;box-sizing:border-box;background:var(--tile-bg);width:100%;min-height:6rem;color:var(--tile-fg);font:inherit;text-align:center;overflow-wrap:anywhere;cursor:pointer;border:none;justify-content:center;align-items:center;padding:.5rem .75rem;font-weight:700;line-height:1.3;display:flex}.tile.svelte-fc6xlu:focus-visible{outline:3px solid var(--board-accent);outline-offset:3px}.tile.svelte-fc6xlu:disabled{cursor:default}.tile.playing.svelte-fc6xlu{background:var(--tile-active);color:var(--tile-active-ink);border-radius:.5rem}@supports (color:oklch(from red l c h)){.tile.svelte-fc6xlu{--tile-active:oklch(from var(--tile-bg) .2 min(c, .08) h)}body.dark-mode .tile.svelte-fc6xlu{--tile-active:oklch(from var(--tile-bg) .86 min(c, .1) h);--tile-active-ink:oklch(from var(--tile-bg) .22 min(c, .08) h)}}.ghost.svelte-fc6xlu{border:2px dashed var(--board-line);border-radius:1rem;min-height:6rem}.empty.svelte-fc6xlu{opacity:.7;margin:1rem 0 0;font-size:.9375rem}.generator.svelte-6yglby{background:color-mix(in srgb, currentColor 5%, transparent);border-radius:2.5rem;align-items:start;gap:2rem 3rem;padding:clamp(1rem,3vw,2.5rem);display:grid}body.dark-mode .generator.svelte-6yglby{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width>=900px){.generator.svelte-6yglby{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}.form.svelte-6yglby{flex-direction:column;gap:1.5rem;display:flex}fieldset.svelte-6yglby{border:none;min-width:0;margin:0;padding:0}legend.svelte-6yglby,.field.svelte-6yglby>label:where(.svelte-6yglby){margin-bottom:.5rem;padding:0;font-weight:700;display:block}.hint.svelte-6yglby{opacity:.75;margin:.5rem 0 0;font-size:.875rem}.hint.svelte-6yglby code:where(.svelte-6yglby){color:inherit;background:0 0;padding:0}input[type=text].svelte-6yglby,input[type=url].svelte-6yglby,select.svelte-6yglby{box-sizing:border-box;background:color-mix(in srgb, currentColor 8%, transparent);width:100%;height:3.25rem;color:inherit;font:inherit;transition:border-radius .45s var(--spring), background-color .15s ease;border:none;border-radius:1rem;padding:0 1.125rem}input[type=text].svelte-6yglby:hover,input[type=url].svelte-6yglby:hover,select.svelte-6yglby:hover{background:color-mix(in srgb, currentColor 11%, transparent)}input[type=text].svelte-6yglby:focus-visible,input[type=url].svelte-6yglby:focus-visible,select.svelte-6yglby:focus-visible{outline-offset:2px;border-radius:.625rem;outline:2px solid}input[type=text].svelte-6yglby::placeholder,input[type=url].svelte-6yglby::placeholder,select.svelte-6yglby::placeholder{color:inherit;opacity:.45}input[type=text].svelte-6yglby:disabled,input[type=url].svelte-6yglby:disabled,select.svelte-6yglby:disabled{opacity:.6}@media (prefers-reduced-motion:reduce){input[type=text].svelte-6yglby,input[type=url].svelte-6yglby,select.svelte-6yglby{transition:background-color .15s}}.drop.svelte-6yglby{-webkit-tap-highlight-color:transparent;transition:border-radius .6s var(--spring)}@media (prefers-reduced-motion:reduce){.drop.svelte-6yglby{transition:none}}.drop.svelte-6yglby{border-radius:1rem;overflow:hidden}@media (hover:hover){.drop.svelte-6yglby:hover{border-radius:1.75rem}}.drop.svelte-6yglby:active{border-radius:.5rem;transition-duration:.12s}.drop.svelte-6yglby{box-sizing:border-box;border:2px dashed color-mix(in srgb, currentColor 35%, transparent);background:color-mix(in srgb, currentColor 4%, transparent);text-align:center;cursor:pointer;min-height:11rem;transition:border-radius .6s var(--spring), border-color .15s ease, background-color .15s ease;flex-direction:column;justify-content:center;align-items:center;gap:.875rem;margin:0;padding:1.5rem;font-weight:700;display:flex;position:relative}.drop.compact.svelte-6yglby{text-align:left;flex-direction:row;min-height:4.5rem;padding:.75rem 1.25rem}.drop.compact.svelte-6yglby .plus:where(.svelte-6yglby){width:2.75rem;height:2.75rem;font-size:1.75rem}.drop.svelte-6yglby:hover{border-color:color-mix(in srgb, currentColor 55%, transparent);background:color-mix(in srgb, currentColor 8%, transparent)}.drop.dragging.svelte-6yglby{border-style:solid;border-color:var(--plus);background:color-mix(in srgb, var(--plus) 14%, transparent)}.drop.svelte-6yglby:focus-within{outline-offset:3px;outline:2px solid}.drop.svelte-6yglby>span:where(.svelte-6yglby){pointer-events:none}.drop-text.svelte-6yglby small:where(.svelte-6yglby){opacity:.75;margin-top:.25rem;font-size:.875rem;font-weight:400;display:block}.plus.svelte-6yglby{isolation:isolate;color:#fff;place-items:center;width:4.5rem;height:4.5rem;font-size:2.75rem;font-weight:300;line-height:1;display:grid;position:relative}.plus.svelte-6yglby:before{transition:clip-path .7s var(--spring), rotate .7s var(--spring)}@media (prefers-reduced-motion:reduce){.plus.svelte-6yglby:before{transition:none}}.plus.svelte-6yglby:before{content:"";z-index:-1;background:var(--plus);clip-path:polygon(50% 0%,54.8% 1%,59.2% 3.7%,62.8% 7.8%,65.5% 12.6%,67.4% 17.5%,68.8% 21.9%,70.1% 25.5%,71.9% 28.1%,74.5% 29.9%,78.1% 31.2%,82.5% 32.6%,87.4% 34.5%,92.2% 37.2%,96.3% 40.8%,99% 45.2%,100% 50%,99% 54.8%,96.3% 59.2%,92.2% 62.8%,87.4% 65.5%,82.5% 67.4%,78.1% 68.8%,74.5% 70.1%,71.9% 71.9%,70.1% 74.5%,68.8% 78.1%,67.4% 82.5%,65.5% 87.4%,62.8% 92.2%,59.2% 96.3%,54.8% 99%,50% 100%,45.2% 99%,40.8% 96.3%,37.2% 92.2%,34.5% 87.4%,32.6% 82.5%,31.2% 78.1%,29.9% 74.5%,28.1% 71.9%,25.5% 70.1%,21.9% 68.8%,17.5% 67.4%,12.6% 65.5%,7.8% 62.8%,3.7% 59.2%,1% 54.8%,0% 50%,1% 45.2%,3.7% 40.8%,7.8% 37.2%,12.6% 34.5%,17.5% 32.6%,21.9% 31.2%,25.5% 29.9%,28.1% 28.1%,29.9% 25.5%,31.2% 21.9%,32.6% 17.5%,34.5% 12.6%,37.2% 7.8%,40.8% 3.7%,45.2% 1%);position:absolute;inset:0}.drop.svelte-6yglby:hover .plus:where(.svelte-6yglby):before{rotate:45deg}.drop.dragging.svelte-6yglby .plus:where(.svelte-6yglby):before{clip-path:polygon(50% 0%,54.7% 2%,58.6% 6.8%,61.5% 12%,64.5% 14.9%,68.7% 14.9%,74.4% 13.4%,80.6% 12.7%,85.4% 14.6%,87.3% 19.4%,86.6% 25.6%,85.1% 31.3%,85.1% 35.5%,88% 38.5%,93.2% 41.4%,98% 45.3%,100% 50%,98% 54.7%,93.2% 58.6%,88% 61.5%,85.1% 64.5%,85.1% 68.7%,86.6% 74.4%,87.3% 80.6%,85.4% 85.4%,80.6% 87.3%,74.4% 86.6%,68.7% 85.1%,64.5% 85.1%,61.5% 88%,58.6% 93.2%,54.7% 98%,50% 100%,45.3% 98%,41.4% 93.2%,38.5% 88%,35.5% 85.1%,31.3% 85.1%,25.6% 86.6%,19.4% 87.3%,14.6% 85.4%,12.7% 80.6%,13.4% 74.4%,14.9% 68.7%,14.9% 64.5%,12% 61.5%,6.8% 58.6%,2% 54.7%,0% 50%,2% 45.3%,6.8% 41.4%,12% 38.5%,14.9% 35.5%,14.9% 31.3%,13.4% 25.6%,12.7% 19.4%,14.6% 14.6%,19.4% 12.7%,25.6% 13.4%,31.3% 14.9%,35.5% 14.9%,38.5% 12%,41.4% 6.8%,45.3% 2%);rotate:90deg}.file.svelte-6yglby,.swatch.svelte-6yglby input:where(.svelte-6yglby){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sounds.svelte-6yglby{flex-direction:column;gap:3px;display:flex}.sounds.svelte-6yglby>:where(.svelte-6yglby){border-radius:.375rem}.sounds.svelte-6yglby>:where(.svelte-6yglby):first-child{border-top-left-radius:1.25rem;border-top-right-radius:1.25rem}.sounds.svelte-6yglby>:where(.svelte-6yglby):last-child{border-bottom-right-radius:1.25rem;border-bottom-left-radius:1.25rem}.sounds.svelte-6yglby{margin:.75rem 0 0;padding:0;list-style:none}.sounds.svelte-6yglby li:where(.svelte-6yglby){background:color-mix(in srgb, currentColor 5%, transparent);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25rem .5rem;padding:.625rem .5rem .625rem .75rem;display:grid}.sounds.svelte-6yglby li:where(.svelte-6yglby) input:where(.svelte-6yglby){box-sizing:border-box;background:color-mix(in srgb, currentColor 8%, transparent);width:100%;height:3.25rem;color:inherit;font:inherit;transition:border-radius .45s var(--spring), background-color .15s ease;border:none;border-radius:1rem;padding:0 1.125rem}.sounds.svelte-6yglby li:where(.svelte-6yglby) input:where(.svelte-6yglby):hover{background:color-mix(in srgb, currentColor 11%, transparent)}.sounds.svelte-6yglby li:where(.svelte-6yglby) input:where(.svelte-6yglby):focus-visible{outline-offset:2px;border-radius:.625rem;outline:2px solid}.sounds.svelte-6yglby li:where(.svelte-6yglby) input:where(.svelte-6yglby)::placeholder{color:inherit;opacity:.45}.sounds.svelte-6yglby li:where(.svelte-6yglby) input:where(.svelte-6yglby):disabled{opacity:.6}@media (prefers-reduced-motion:reduce){.sounds.svelte-6yglby li:where(.svelte-6yglby) input:where(.svelte-6yglby){transition:background-color .15s}}.sounds.svelte-6yglby li:where(.svelte-6yglby) input:where(.svelte-6yglby){border-bottom:1px solid color-mix(in srgb, currentColor 50%, transparent);background:color-mix(in srgb, currentColor 10%, transparent);border-radius:.75rem .75rem .25rem .25rem;height:2.75rem;padding:0 .875rem}.sounds.svelte-6yglby li:where(.svelte-6yglby) input:where(.svelte-6yglby):hover,.sounds.svelte-6yglby li:where(.svelte-6yglby) input:where(.svelte-6yglby):focus-visible{background:color-mix(in srgb, currentColor 14%, transparent)}.sounds.svelte-6yglby li:where(.svelte-6yglby) input:where(.svelte-6yglby):focus-visible{border-bottom:2px solid;border-radius:.75rem .75rem .25rem .25rem;outline:none}.sounds.svelte-6yglby li:where(.svelte-6yglby) input:where(.svelte-6yglby){font-weight:700}.filename.svelte-6yglby{opacity:.65;overflow-wrap:anywhere;grid-row:2;padding-left:.875rem;font-size:.8125rem}.remove.svelte-6yglby{min-width:var(--toolbar-size,2.5rem);height:var(--toolbar-size,2.5rem);box-sizing:border-box;border-radius:calc(var(--toolbar-size,2.5rem) / 2);color:inherit;font:inherit;white-space:nowrap;cursor:pointer;transition:border-radius .45s var(--spring), background-color .15s ease;background:0 0;border:none;flex:none;justify-content:center;align-items:center;gap:.5rem;padding:0 .625rem;display:inline-flex}.remove.svelte-6yglby:hover{background:color-mix(in srgb, currentColor 10%, transparent)}.remove.svelte-6yglby:active{border-radius:.75rem;transition-duration:.1s,.15s}.remove.svelte-6yglby:focus-visible{outline:2px solid var(--board-accent,#58a6ff);outline-offset:2px}@media (prefers-reduced-motion:reduce){.remove.svelte-6yglby{transition:background-color .15s}}.remove.svelte-6yglby{--toolbar-size:2.5rem;grid-area:1/2/span 2;padding:0}.swatches.svelte-6yglby{flex-wrap:wrap;gap:.5rem;display:flex}.swatch.svelte-6yglby{cursor:pointer;border-radius:50%;width:2.75rem;height:2.75rem;display:block;position:relative}.swatch.svelte-6yglby:has(input:where(.svelte-6yglby):focus-visible){outline-offset:3px;outline:2px solid}.dot.svelte-6yglby{transition:clip-path .7s var(--spring), rotate .7s var(--spring)}@media (prefers-reduced-motion:reduce){.dot.svelte-6yglby{transition:none}}.dot.svelte-6yglby{background:var(--swatch);clip-path:polygon(50% 0%,54.9% .2%,59.8% 1%,64.5% 2.2%,69.1% 3.8%,73.6% 5.9%,77.8% 8.4%,81.7% 11.3%,85.4% 14.6%,88.7% 18.3%,91.6% 22.2%,94.1% 26.4%,96.2% 30.9%,97.8% 35.5%,99% 40.2%,99.8% 45.1%,100% 50%,99.8% 54.9%,99% 59.8%,97.8% 64.5%,96.2% 69.1%,94.1% 73.6%,91.6% 77.8%,88.7% 81.7%,85.4% 85.4%,81.7% 88.7%,77.8% 91.6%,73.6% 94.1%,69.1% 96.2%,64.5% 97.8%,59.8% 99%,54.9% 99.8%,50% 100%,45.1% 99.8%,40.2% 99%,35.5% 97.8%,30.9% 96.2%,26.4% 94.1%,22.2% 91.6%,18.3% 88.7%,14.6% 85.4%,11.3% 81.7%,8.4% 77.8%,5.9% 73.6%,3.8% 69.1%,2.2% 64.5%,1% 59.8%,.2% 54.9%,0% 50%,.2% 45.1%,1% 40.2%,2.2% 35.5%,3.8% 30.9%,5.9% 26.4%,8.4% 22.2%,11.3% 18.3%,14.6% 14.6%,18.3% 11.3%,22.2% 8.4%,26.4% 5.9%,30.9% 3.8%,35.5% 2.2%,40.2% 1%,45.1% .2%);width:100%;height:100%;display:block}.swatch.svelte-6yglby input:where(.svelte-6yglby):checked+.dot:where(.svelte-6yglby),.custom.selected.svelte-6yglby .dot:where(.svelte-6yglby){clip-path:polygon(50% 0%,54.8% 1.5%,58.9% 5.1%,62.6% 8.5%,66.6% 10%,71.4% 9.9%,76.9% 9.7%,81.7% 11.4%,84.6% 15.4%,85.7% 20.7%,86.2% 25.8%,88.1% 29.7%,91.7% 32.7%,96.1% 36%,99% 40.3%,99% 45.2%,96.5% 50%,93.6% 54.3%,92.2% 58.4%,92.9% 63%,94.2% 68.3%,94% 73.5%,91.1% 77.5%,86.2% 79.7%,81.1% 81.1%,77.3% 83.3%,74.8% 87%,72.4% 91.9%,69% 95.9%,64.4% 97.5%,59.2% 96.3%,54.3% 94.1%,50% 93%,45.7% 94.1%,40.8% 96.3%,35.6% 97.5%,31% 95.9%,27.6% 91.9%,25.2% 87%,22.7% 83.3%,18.9% 81.1%,13.8% 79.7%,8.9% 77.5%,6% 73.5%,5.8% 68.3%,7.1% 63%,7.8% 58.4%,6.4% 54.3%,3.5% 50%,1% 45.2%,1% 40.3%,3.9% 36%,8.3% 32.7%,11.9% 29.7%,13.8% 25.8%,14.3% 20.7%,15.4% 15.4%,18.3% 11.4%,23.1% 9.7%,28.6% 9.9%,33.4% 10%,37.4% 8.5%,41.1% 5.1%,45.2% 1.5%);rotate:30deg}.custom.svelte-6yglby:not(.selected) .dot:where(.svelte-6yglby){background:conic-gradient(#e53935,#fdd835,#43a047,#1e88e5,#8e24aa,#e53935)}summary.svelte-6yglby{background:color-mix(in srgb, currentColor 8%, transparent);cursor:pointer;height:2.5rem;transition:border-radius .45s var(--spring);border-radius:1.25rem;align-items:center;gap:.5rem;padding:0 1.25rem;font-weight:700;list-style:none;display:inline-flex}summary.svelte-6yglby::-webkit-details-marker{display:none}summary.svelte-6yglby:after{content:"+";font-size:1.25rem;font-weight:400}summary.svelte-6yglby:active{border-radius:.625rem;transition-duration:.1s}summary.svelte-6yglby:focus-visible{outline-offset:2px;outline:2px solid}details[open].svelte-6yglby>summary:where(.svelte-6yglby):after{content:"−"}.advanced-fields.svelte-6yglby{flex-direction:column;gap:1.5rem;margin-top:1.25rem;display:flex}.output.svelte-6yglby{flex-direction:column;gap:1.25rem;display:flex}.actions.svelte-6yglby{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.status.svelte-6yglby{flex:14rem;margin:0;font-size:.9375rem}.json.svelte-6yglby pre:where(.svelte-6yglby){background:color-mix(in srgb, currentColor 8%, transparent);border-radius:1.5rem;max-height:24rem;margin:.75rem 0 0;padding:1rem 1.25rem;font-size:.8125rem;overflow:auto}