@media(max-width:800px){.container.svelte-1ctqrjb{flex-direction:column}.container.svelte-1ctqrjb aside:where(.svelte-1ctqrjb){order:1}}.container.svelte-1ctqrjb{--panel-height: 6rem;box-sizing:border-box;width:100%;height:min-content;max-height:100%;overflow:auto;display:flex;gap:var(--padding)}.container.svelte-1ctqrjb ol:where(.svelte-1ctqrjb){height:100%;overflow:auto}.container.svelte-1ctqrjb form:where(.svelte-1ctqrjb),.container.svelte-1ctqrjb aside:where(.svelte-1ctqrjb){border-radius:var(--border-radius);box-shadow:var(--box-shadow);background:var(--color-surface);padding:var(--padding)}.container.svelte-1ctqrjb form:where(.svelte-1ctqrjb){flex-grow:1;height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;padding:calc(2 * var(--padding))}.container.svelte-1ctqrjb form:where(.svelte-1ctqrjb) textarea:where(.svelte-1ctqrjb)::placeholder{color:var(--color-secondary-text);font-size:1.4rem}.container.svelte-1ctqrjb form:where(.svelte-1ctqrjb) textarea:where(.svelte-1ctqrjb){all:unset;box-sizing:border-box;width:100%;flex-grow:1;min-height:160px;height:100%;font-family:monospace;font-size:1.2rem;color:var(--color-primary-text)}.container.svelte-1ctqrjb form:where(.svelte-1ctqrjb) button:where(.svelte-1ctqrjb):focus{outline:2px solid blue}.container.svelte-1ctqrjb form:where(.svelte-1ctqrjb) button:where(.svelte-1ctqrjb):hover{background:#2950bf}.container.svelte-1ctqrjb form:where(.svelte-1ctqrjb) button:where(.svelte-1ctqrjb){all:unset;cursor:pointer;display:flex;align-items:center;gap:1rem;font-weight:700;font-size:1rem;padding:1rem 4rem;border-radius:var(--border-radius);background:var(--color-primary);color:var(--color-on-primary);align-self:center;margin-left:auto}.container.svelte-1ctqrjb aside:where(.svelte-1ctqrjb){height:100%;min-width:min-content;box-sizing:border-box;overflow:hidden;color:var(--color-primary-text);display:flex;flex-direction:column;gap:var(--padding)}.container.svelte-1ctqrjb aside:where(.svelte-1ctqrjb) b:where(.svelte-1ctqrjb){font-size:1.4rem;display:flex;align-items:center;gap:.5rem}.container.svelte-1ctqrjb aside:where(.svelte-1ctqrjb) ol:where(.svelte-1ctqrjb){margin:0;font-size:1.2rem}.panel.svelte-1ctqrjb{box-sizing:border-box;border-top:2px solid var(--color-secondary-text);display:flex;padding-top:var(--padding)}.panel.svelte-1ctqrjb div.result:where(.svelte-1ctqrjb){display:flex;justify-content:center;align-items:center;gap:.5rem;color:var(--color-green);flex-grow:2;text-align:center;font-weight:700;font-size:1.2rem}.markdown.svelte-7hpc9t{--text: #1f2937;--muted: #6b7280;--border: #e5e7eb;--bg: #ffffff;--code-bg: #f9fafb;--accent: #2563eb;color:var(--color-primary-text);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;margin:0 auto;padding:1.5rem}.markdown.svelte-7hpc9t h1:where(.svelte-7hpc9t),.markdown.svelte-7hpc9t h2:where(.svelte-7hpc9t),.markdown.svelte-7hpc9t h3:where(.svelte-7hpc9t){font-weight:600;line-height:1.25;margin:2rem 0 .75rem}.markdown.svelte-7hpc9t h1:where(.svelte-7hpc9t){font-size:2rem;margin-top:0}.markdown.svelte-7hpc9t h2:where(.svelte-7hpc9t){font-size:1.5rem;border-bottom:1px solid var(--border);padding-bottom:.3rem}.markdown.svelte-7hpc9t h3:where(.svelte-7hpc9t){font-size:1.25rem}.markdown.svelte-7hpc9t p:where(.svelte-7hpc9t){margin:.75rem 0;font-size:1rem}.markdown.svelte-7hpc9t strong:where(.svelte-7hpc9t){font-weight:600}.markdown.svelte-7hpc9t ul:where(.svelte-7hpc9t),.markdown.svelte-7hpc9t ol:where(.svelte-7hpc9t){margin:.75rem 0 .75rem 1.25rem;padding:0}.markdown.svelte-7hpc9t li:where(.svelte-7hpc9t){margin:.3rem 0}.editor-container.svelte-bk2mis{flex-grow:4}.contents.svelte-bk2mis{display:contents}section.app.svelte-bk2mis{display:flex;justify-content:space-around;flex-direction:column;height:100%;padding:1rem;box-sizing:border-box}section.app.svelte-bk2mis .description:where(.svelte-bk2mis){display:flex;flex-grow:1;flex-direction:column;justify-content:center}section.app.svelte-bk2mis .description:where(.svelte-bk2mis) h1:where(.svelte-bk2mis){text-align:center;margin:0 auto;margin-bottom:.5rem;color:var(--color-primary-text);font-weight:600}section.app.svelte-bk2mis .description:where(.svelte-bk2mis) h2:where(.svelte-bk2mis){text-align:center;margin:0 auto;margin-bottom:1rem;font-weight:500;font-size:1.25rem;color:var(--color-secondary-text)}footer.svelte-bk2mis{color:var(--color-primary-text);scroll-snap-align:end;width:100%;box-sizing:border-box;padding:var(--padding)}