:root{--bg:oklch(2% .063 246);--text:oklch(98% 0 246);--muted:oklch(50% .029 246);--border:oklch(26% .046 246);--surface:#1a1a1a;--font:ui-monospace, "SFMono-Regular", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.4}:root[data-theme=light]{--bg:oklch(98% .008 246);--text:oklch(20% .035 246);--muted:oklch(47% .025 246);--border:oklch(82% .02 246);--surface:oklch(94% .012 246);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0}body,button,input,textarea{font-family:var(--font);font-size:16px}button,input,textarea{color:inherit;border:1px solid var(--border);background:0 0;border-radius:0}button{cursor:pointer;padding:.5rem .75rem}button:hover{background:var(--surface)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:1px solid var(--text);outline-offset:1px}input,textarea{width:100%;padding:.5rem .75rem}textarea{resize:vertical}#app{max-width:72rem;margin:0 auto;padding:1.5rem}::selection{background:var(--text);color:var(--bg)}.editor-shell.svelte-1mf5ois{border:1px solid var(--border);margin-top:.75rem;position:relative}.editor-overlay.svelte-1mf5ois,.frames-editor.svelte-1mf5ois{width:100%;min-height:22rem;font:inherit;font-variant-ligatures:none;tab-size:4;white-space:pre;padding:.5rem .75rem;line-height:1.4}.editor-overlay.svelte-1mf5ois{color:var(--text);pointer-events:none;scrollbar-width:none;position:absolute;inset:0;overflow:auto}.editor-overlay.svelte-1mf5ois::-webkit-scrollbar{display:none}.frames-editor.svelte-1mf5ois{color:#0000;min-height:22rem;caret-color:var(--text);resize:vertical;-webkit-text-fill-color:transparent;background:0 0;border:0;margin:0;position:relative}.frames-editor.svelte-1mf5ois::selection{color:#0000;background:color-mix(in oklch, var(--text) 24%, transparent);-webkit-text-fill-color:transparent}.frames-editor.svelte-1mf5ois:focus-visible{outline:1px solid var(--text);outline-offset:-1px}.ansi-picker.svelte-1mf5ois{gap:.75rem;margin-top:.75rem;display:grid}.ansi-mode-toggle.svelte-1mf5ois,.color-tool-row.svelte-1mf5ois,.gradient-controls.svelte-1mf5ois,.gradient-stop-controls.svelte-1mf5ois,.color-tool-actions.svelte-1mf5ois{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.ansi-mode-toggle.svelte-1mf5ois button.selected:where(.svelte-1mf5ois){background:var(--surface)}.color-input-field.svelte-1mf5ois{gap:.35rem;display:grid}.color-input-field.svelte-1mf5ois span:where(.svelte-1mf5ois){color:var(--muted);text-transform:lowercase;font-size:.875rem}.color-input-field.svelte-1mf5ois input[type=color]:where(.svelte-1mf5ois){border:1px solid var(--border);cursor:pointer;background:0 0;width:3rem;height:2rem;padding:0}.selection-note.svelte-1mf5ois{color:var(--muted);margin:.5rem 0 0}.page.svelte-1n46o8q{flex-direction:column;gap:1.75rem;display:flex}.header.svelte-1n46o8q,.preview-row.svelte-1n46o8q,.panel.svelte-1n46o8q{border-top:1px solid var(--border);padding-top:1rem}.header.svelte-1n46o8q{border-top:0;justify-content:space-between;align-items:flex-start;gap:1rem;padding-top:0;display:flex}.theme-toggle.svelte-1n46o8q{flex:none}.preview-row.svelte-1n46o8q{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;display:grid}.layout.svelte-1n46o8q{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;display:grid}h1.svelte-1n46o8q,h2.svelte-1n46o8q,p.svelte-1n46o8q{margin:0}h1.svelte-1n46o8q,h2.svelte-1n46o8q{text-transform:lowercase;font-size:1rem;font-weight:700}.intro.svelte-1n46o8q,.meta.svelte-1n46o8q,.section-note.svelte-1n46o8q,.field.svelte-1n46o8q span:where(.svelte-1n46o8q),.empty.svelte-1n46o8q,.empty-note.svelte-1n46o8q{color:var(--muted)}.intro.svelte-1n46o8q{max-width:48rem;margin-top:.5rem}.preview.svelte-1n46o8q{white-space:pre;min-height:4rem;padding:.75rem 0;font-size:3rem;line-height:1}.preview-frame.svelte-1n46o8q,.preview-segment.svelte-1n46o8q{white-space:pre}.meta.svelte-1n46o8q,.empty-note.svelte-1n46o8q{font-size:.875rem}.field.svelte-1n46o8q{gap:.5rem;display:grid}.preview-controls.svelte-1n46o8q{align-items:end;gap:.75rem;display:flex}.speed-field.svelte-1n46o8q{align-self:end;min-width:12rem}.section-head.svelte-1n46o8q{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-note.svelte-1n46o8q{margin-top:.5rem}.attribution.svelte-1n46o8q a:where(.svelte-1n46o8q){color:inherit}.filter-list.svelte-1n46o8q,.character-list.svelte-1n46o8q{flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;display:flex}.preset-list.svelte-1n46o8q{grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:.5rem;margin:1rem 0 1.25rem;display:grid}.filter-list.svelte-1n46o8q button:where(.svelte-1n46o8q),.character-list.svelte-1n46o8q button:where(.svelte-1n46o8q){white-space:pre}.character-list.svelte-1n46o8q button:where(.svelte-1n46o8q){min-width:3rem}.preset-list.svelte-1n46o8q button:where(.svelte-1n46o8q){white-space:pre;min-height:3rem;color:var(--muted);border-color:color-mix(in oklch, var(--border) 45%, transparent);justify-content:center;align-items:center;padding:.75rem;display:flex;overflow:hidden}.preset-list.svelte-1n46o8q button:where(.svelte-1n46o8q):hover,.preset-list.svelte-1n46o8q button.selected:where(.svelte-1n46o8q){color:var(--text);border-color:var(--text)}.preset-preview.svelte-1n46o8q{text-overflow:clip;opacity:.8;max-width:100%;font-size:1.125rem;line-height:1;display:block;overflow:hidden}.preset-list.svelte-1n46o8q button:where(.svelte-1n46o8q):hover .preset-preview:where(.svelte-1n46o8q),.preset-list.svelte-1n46o8q button.selected:where(.svelte-1n46o8q) .preset-preview:where(.svelte-1n46o8q){opacity:1}.filter-list.svelte-1n46o8q button.selected:where(.svelte-1n46o8q),.character-list.svelte-1n46o8q button.selected:where(.svelte-1n46o8q),.preset-list.svelte-1n46o8q button.selected:where(.svelte-1n46o8q){background:var(--surface)}.inline-field.svelte-1n46o8q,.actions.svelte-1n46o8q{gap:.5rem;display:flex}.inline-field.svelte-1n46o8q input:where(.svelte-1n46o8q){min-width:0}.custom-form.svelte-1n46o8q{margin-top:.5rem}@media (width<=820px){.preview-row.svelte-1n46o8q,.layout.svelte-1n46o8q{grid-template-columns:1fr}.frames-panel.svelte-1n46o8q{order:-1}.preview.svelte-1n46o8q{font-size:2.5rem}.section-head.svelte-1n46o8q,.inline-field.svelte-1n46o8q{flex-direction:column;align-items:flex-start}.preview-controls.svelte-1n46o8q{flex-flow:row;align-items:end}.speed-field.svelte-1n46o8q{width:auto;min-width:10rem}}