*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:oklch(58% .22 9.35);--accent-mid:oklch(76.384% .11377 358.623);--accent-tint:oklch(95.222% .02001 353.685);--accent-text:oklch(48.169% .13638 3.36);--color-background-primary:oklch(100% .00011 271.152);--color-background-secondary:oklch(96.987% .00122 107.796);--color-text-primary:oklch(0% 0 0);--color-text-secondary:oklch(15.434% .00002 271.152);--color-text-tertiary:oklch(21.779% .00002 271.152);--color-text-white:oklch(100% .00011 271.152);--color-text-danger:oklch(54.267% .17208 29.99);--color-border-tertiary:oklch(0% 0 0/.1);--color-border-secondary:oklch(0% 0 0/.18);--color-border-primary:#00000042;--color-border-danger:oklch(63.066% .194 29.425);--code-keyword:var(--accent);--code-selector:oklch(55% .16 275);--code-property:var(--color-text-primary);--code-value-color:oklch(62% .18 350);--code-value-number:oklch(55% .12 160);--code-value-keyword:oklch(55% .14 250);--font-sans:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--border-radius-md:6px;--border-radius-lg:10px;--border-radius-xl:14px;--border-full:50%}body{font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-background-tertiary);block-size:100dvh;font-size:16px;overflow:hidden}img{max-width:100%;display:block}h1,h2,h3,h4,h5,p{margin:0;padding:0}button{text-align:center;appearance:none;cursor:pointer;text-transform:uppercase;border:none;text-decoration:none;transition:all .2s}.scr-only{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.input-panel.svelte-1cvv876{flex-direction:column;gap:.625rem;block-size:100%;padding:.75rem;display:flex}.input-panel__dropzone.svelte-1cvv876{border:.09375rem dashed var(--color-border-secondary);border-radius:var(--border-radius-md);text-align:center;padding-block:1rem;padding-inline:.75rem;transition:border-color .15s,background .15s}.input-panel__dropzone--dragging.svelte-1cvv876{border-color:var(--accent);background:var(--accent-tint)}.input-panel__dropzone-icon.svelte-1cvv876{border-radius:var(--border-full);background:var(--accent-tint);block-size:1.75rem;inline-size:1.75rem;color:var(--accent);justify-content:center;align-items:center;margin-block-end:.5rem;margin-inline:auto;display:flex}.input-panel__dropzone-icon.svelte-1cvv876 svg:where(.svelte-1cvv876){block-size:.875rem;inline-size:.875rem}.input-panel__dropzone-text.svelte-1cvv876{color:var(--color-text-secondary);font-size:.975rem;line-height:1.4}.input-panel__dropzone-link.svelte-1cvv876{color:var(--accent);cursor:pointer;text-underline-offset:.125rem;background:0 0;border:none;padding:0;font-weight:500;text-decoration:underline}.input-panel__dropzone-link.svelte-1cvv876:hover{opacity:.8}.input-panel__dropzone-link.svelte-1cvv876:focus-visible{outline:1px solid var(--accent)}.input-panel__textarea.svelte-1cvv876{flex-direction:column;flex:1;display:flex;position:relative}.input-panel__textarea.svelte-1cvv876 textarea:where(.svelte-1cvv876){border:.03125rem solid var(--color-border-tertiary);border-radius:var(--border-radius-md);resize:none;background:var(--color-background-secondary);inline-size:100%;font-size:.875rem;font-family:var(--font-mono);color:var(--color-text-secondary);flex:1;padding-block:.5rem;padding-inline:.625rem;line-height:1.6;transition:border-color .15s}.input-panel__textarea.svelte-1cvv876 textarea:where(.svelte-1cvv876):focus{border-color:var(--accent);outline:none}.input-panel__textarea--error.svelte-1cvv876 textarea:where(.svelte-1cvv876){border-color:var(--color-border-danger)}.input-panel__error.svelte-1cvv876{color:var(--color-text-danger);margin-block-start:.25rem;padding-inline-start:.125rem;font-size:.875rem}.input-panel__clear.svelte-1cvv876{border-radius:var(--border-radius-md);border:.03125rem solid var(--color-border-secondary);cursor:pointer;color:var(--color-text-secondary);background:0 0;align-self:flex-end;padding-block:.25rem;padding-inline:.625rem;font-size:.875rem;transition:background .1s}.input-panel__clear.svelte-1cvv876:hover{background:var(--color-background-secondary)}.preview.svelte-m6yd0y{grid-template-rows:8fr 1fr;block-size:100%;display:grid}.preview__canvas.svelte-m6yd0y{background:var(--color-background-secondary);cursor:default;outline:none;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.preview__canvas.svelte-m6yd0y:focus-visible{box-shadow:inset 0 0 0 .125rem var(--accent)}.preview__canvas.svelte-m6yd0y svg{max-block-size:70%;max-inline-size:70%;overflow:visible}.preview__canvas.svelte-m6yd0y .wiggle-selected{outline:.125rem dashed var(--accent);outline-offset:.25rem;cursor:pointer}.preview__canvas.svelte-m6yd0y svg :not(style):not(defs){cursor:pointer;transition:opacity .1s}.preview__canvas.svelte-m6yd0y svg :not(style):not(defs):hover{opacity:.85}.preview__empty.svelte-m6yd0y{color:var(--color-text-tertiary);flex-direction:column;align-items:center;gap:.625rem;display:flex}.preview__empty-icon.svelte-m6yd0y{opacity:.4;justify-content:center;align-items:center;block-size:3rem;inline-size:3rem;display:flex}.preview__empty-icon.svelte-m6yd0y svg:where(.svelte-m6yd0y){block-size:2rem;inline-size:2rem}.preview__empty-text.svelte-m6yd0y{color:var(--color-text-tertiary);font-size:.875rem}.preview__footer.svelte-m6yd0y{border-block-start:.03125rem solid var(--color-border-tertiary);flex-shrink:0;align-items:center;gap:.625rem;min-block-size:2.75rem;padding-block:.5rem;padding-inline:.875rem;display:flex}.preview__play.svelte-m6yd0y{border-radius:var(--border-full);background:var(--accent);cursor:pointer;block-size:2rem;inline-size:2rem;color:var(--color-text-white);border:none;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s,transform .1s;display:flex}.preview__play.svelte-m6yd0y:hover:not(:disabled){opacity:.85}.preview__play.svelte-m6yd0y:active:not(:disabled){transform:scale(.95)}.preview__play.svelte-m6yd0y:disabled{opacity:.35;cursor:not-allowed}.preview__play.svelte-m6yd0y svg:where(.svelte-m6yd0y){block-size:.6875rem;inline-size:.5625rem;margin-inline-start:.0625rem}.preview__tag.svelte-m6yd0y{font-size:.875rem}.preview__tag--selected.svelte-m6yd0y{background:var(--color-background-secondary);border-radius:var(--border-radius-md);border:.03125rem solid var(--color-border-tertiary);font-family:var(--font-mono);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;padding-block:.1875rem;padding-inline:.5rem;overflow:hidden}.preview__tag--hint.svelte-m6yd0y{color:var(--color-text-tertiary);font-style:italic}.range-from-to.svelte-1uz6i{flex-direction:column;gap:.4rem;display:flex}.range-from-to__label.svelte-1uz6i{color:var(--color-text-secondary);font-size:.875rem}.range-from-to__group.svelte-1uz6i{flex-direction:column;gap:.25rem;display:flex}.range-from-to__row.svelte-1uz6i{grid-template-columns:2rem 1fr 3rem;align-items:center;gap:.375rem;display:grid}.range-from-to__sublabel.svelte-1uz6i{color:var(--color-text-tertiary);text-transform:uppercase;font-size:.75rem}.range-from-to__value.svelte-1uz6i{font-size:.875rem;font-family:var(--font-mono);color:var(--color-text-primary);text-align:end}.chip-group.svelte-mrlwbb{grid-template-columns:4.5rem 1fr;align-items:center;gap:.375rem;display:grid}.chip-group__label.svelte-mrlwbb{color:var(--color-text-secondary);font-size:.875rem}.chip-group__chips.svelte-mrlwbb{flex-wrap:wrap;gap:.25rem;display:flex}.chip-group__chip.svelte-mrlwbb{border-radius:var(--border-radius-md);border:.03125rem solid var(--color-border-tertiary);color:var(--color-text-secondary);cursor:pointer;background:0 0;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;transition:background .1s,border-color .1s,color .1s}.chip-group__chip.svelte-mrlwbb:hover{background:var(--color-background-secondary)}.chip-group__chip--active.svelte-mrlwbb{background:var(--accent-tint);border-color:var(--accent-mid);color:var(--accent-text);font-weight:500}.range-single.svelte-1odonpn{grid-template-columns:4.5rem 1fr 3rem;align-items:center;gap:.375rem;display:grid}.range-single__label.svelte-1odonpn{color:var(--color-text-secondary);font-size:.875rem}.range-single__value.svelte-1odonpn{font-size:.875rem;font-family:var(--font-mono);color:var(--color-text-primary);text-align:end}.controls.svelte-jqyjoc{background:var(--color-background-primary);flex-direction:column;block-size:100%;padding:.75rem;display:flex;overflow-y:scroll}.controls--disabled.svelte-jqyjoc{pointer-events:none;opacity:.5}.controls__empty.svelte-jqyjoc{flex:1;justify-content:center;align-items:center;display:flex}.controls__empty.svelte-jqyjoc p:where(.svelte-jqyjoc){color:var(--color-text-tertiary);text-align:center;font-size:.875rem;font-style:italic;line-height:1.6}.controls__section.svelte-jqyjoc{border-block-end:.03125rem solid var(--color-border-tertiary);flex-direction:column;gap:.375rem;margin-block-end:.875rem;padding-block-end:.875rem;display:flex}.controls__title.svelte-jqyjoc{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-block-end:.625rem;font-size:.875rem;font-weight:500}.controls__row.svelte-jqyjoc{grid-template-columns:4.5rem 1fr 3rem;align-items:center;gap:.375rem;display:grid}.controls__label.svelte-jqyjoc{color:var(--color-text-secondary);font-size:.875rem}.controls__grid.svelte-jqyjoc{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.controls__field.svelte-jqyjoc{flex-direction:column;gap:.25rem;display:flex}.controls__input-wrap.svelte-jqyjoc{align-items:center;display:flex;position:relative}.controls__input-wrap.svelte-jqyjoc input:where(.svelte-jqyjoc){border:.03125rem solid var(--color-border-tertiary);border-radius:var(--border-radius-md);background:var(--color-background-secondary);block-size:1.75rem;inline-size:100%;font-size:.875rem;font-family:var(--font-mono);padding-inline:.5rem 1.5rem}.controls__unit.svelte-jqyjoc{color:var(--color-text-tertiary);font-size:.75rem;position:absolute;inset-inline-end:.5rem}.controls.svelte-jqyjoc select:where(.svelte-jqyjoc){block-size:1.75rem;font-size:.875rem}.controls__reset.svelte-jqyjoc{border-radius:var(--border-radius-md);border:.03125rem solid var(--color-border-secondary);color:var(--color-text-secondary);cursor:pointer;background:0 0;margin-block-start:auto;padding-block:.3125rem;padding-inline:.75rem;font-size:.875rem;transition:background .1s}.controls__reset.svelte-jqyjoc:hover{background:var(--color-background-secondary)}.output.svelte-kssw7a{flex-direction:column;block-size:100%;display:flex;overflow:hidden}.output__tabs.svelte-kssw7a{border-block-end:.03125rem solid var(--color-border-tertiary);flex-shrink:0;align-items:center;gap:.125rem;padding-inline:.25rem;display:flex}.output__tab.svelte-kssw7a{color:var(--color-text-tertiary);border:none;cursor:pointer;background:0 0;border-block-end:.125rem solid #0000;padding-block:.5rem;padding-inline:.625rem;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s}.output__tab.svelte-kssw7a:hover{color:var(--color-text-secondary)}.output__tab--active.svelte-kssw7a{border-block-end-color:var(--accent);color:var(--accent)}.output__copy.svelte-kssw7a{border-radius:var(--border-radius-md);border:.03125rem solid var(--color-border-secondary);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:.25rem;padding-block:.25rem;padding-inline:.625rem;font-size:.875rem;transition:background .1s,color .1s,border-color .1s;display:flex}.output__copy.svelte-kssw7a svg:where(.svelte-kssw7a){block-size:.6875rem;inline-size:.6875rem}.output__copy.svelte-kssw7a:hover:not(:disabled){background:var(--color-background-secondary)}.output__copy.svelte-kssw7a:disabled{opacity:.35;cursor:not-allowed}.output__copy--copied.svelte-kssw7a{border-color:var(--accent-mid);background:var(--accent-tint);color:var(--accent)}.output__panel.svelte-kssw7a{flex:1;overflow:hidden scroll}.output__code.svelte-kssw7a{font-size:.875rem;font-family:var(--font-mono);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;margin:0;padding-block:.875rem;padding-inline:.875rem;line-height:1.75}.output__code.svelte-kssw7a .kw{color:var(--code-keyword);font-weight:500}.output__code.svelte-kssw7a .sel{color:var(--code-selector)}.output__code.svelte-kssw7a .prop{color:var(--code-property)}.output__code.svelte-kssw7a .val-color{color:var(--code-value-color)}.output__code.svelte-kssw7a .val-num{color:var(--code-value-number)}.output__code.svelte-kssw7a .val-kw{color:var(--code-value-keyword)}.output__empty.svelte-kssw7a{justify-content:center;align-items:center;block-size:100%;padding-block:1.5rem;padding-inline:1.5rem;display:flex}.output__empty.svelte-kssw7a p:where(.svelte-kssw7a){color:var(--color-text-tertiary);text-align:center;font-size:.875rem;font-style:italic;line-height:1.7}.topbar.svelte-kqllm2{border-block-end:.03125rem solid var(--color-border-tertiary);background:var(--color-background-primary);justify-content:space-between;align-items:center;padding-block:.85rem;padding-inline:1.25rem;display:flex}.topbar__brand.svelte-kqllm2{align-items:center;gap:.5rem;display:flex}.topbar__dot.svelte-kqllm2{border-radius:var(--border-full);background:var(--accent);flex-shrink:0;block-size:.625rem;inline-size:.625rem}.topbar__text.svelte-kqllm2{letter-spacing:-.01em;color:var(--color-text-primary);font-size:1.2rem;font-weight:500}.topbar__accent.svelte-kqllm2{color:var(--accent)}.topbar__button.svelte-kqllm2{align-items:center;padding:.6rem;font-size:.8rem;display:flex}.desktop-only.svelte-1tbqa7a{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;block-size:100dvh;padding:2rem;display:flex}.desktop-only__title.svelte-1tbqa7a{color:var(--accent);font-size:1.25rem;font-weight:500}.desktop-only__text.svelte-1tbqa7a{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6}.layout.svelte-1n46o8q{grid-template-rows:auto 1fr;block-size:100dvh;display:grid;overflow:hidden}.layout__workspace.svelte-1n46o8q{grid-template-columns:22rem 1fr 46.5rem;block-size:100%;display:grid;overflow:hidden}.workspace__panel.svelte-1n46o8q{background:var(--color-background-primary);border-inline-end:.03125rem solid var(--color-border-tertiary);flex-direction:column;display:flex;overflow:hidden}.workspace__panel--preview.svelte-1n46o8q{background:var(--color-background-tertiary)}.workspace__panel--controls.svelte-1n46o8q{border-inline-end:none}.panel__header.svelte-1n46o8q{border-block-end:.03125rem solid var(--color-border-tertiary);background:var(--color-background-primary);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-tertiary);flex-shrink:0;padding-block:.5625rem;padding-inline:.875rem;font-size:.75rem;font-weight:500}.panel__body.svelte-1n46o8q{flex-direction:column;flex:1;display:flex;overflow:hidden}.controls.svelte-1n46o8q{flex-direction:column;block-size:100%;display:flex}.controls__top.svelte-1n46o8q{border-block-end:.03125rem solid var(--color-border-tertiary);background:var(--color-background-primary);flex-direction:column;flex:1;min-block-size:0;display:flex}.controls__body.svelte-1n46o8q{flex:1;min-block-size:0;overflow-y:scroll}.controls__bottom.svelte-1n46o8q{background:var(--color-background-primary);flex-direction:column;flex-shrink:0;block-size:16.25rem;display:flex;overflow:hidden}