.title.svelte-148nlqw{font-family:GeistMono,monospace;text-align:left}.container.svelte-148nlqw{width:100dvw;height:100dvh;display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;grid-template-areas:"header header" "editor result"}h1.svelte-148nlqw{grid-area:header;margin:0;padding:1rem;background-color:#f5f5f5;border-bottom:1px solid #ddd;text-align:center}main.svelte-148nlqw{display:contents}.editor.svelte-148nlqw{grid-area:editor;border-right:1px solid #ddd;display:flex;flex-direction:column;position:relative}.checkbox-controls.svelte-148nlqw{position:absolute;top:1rem;right:1rem;z-index:10;display:flex;flex-direction:column;gap:.5rem;background:#ffffffe6;padding:.5rem;border-radius:4px;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.checkbox-controls.svelte-148nlqw label:where(.svelte-148nlqw){display:flex;align-items:center;gap:.5rem;font-size:12px;color:#333;cursor:pointer;white-space:nowrap}.checkbox-controls.svelte-148nlqw input[type=checkbox]:where(.svelte-148nlqw){margin:0}.editor-wrapper.svelte-148nlqw{position:relative;flex:1;overflow:auto}.syntax-highlight.svelte-148nlqw{display:contents}.syntax-highlight.svelte-148nlqw pre{position:absolute;top:0;left:0;right:0;padding:1rem;font-family:GeistMono,monospace;font-size:14px;line-height:calc(1em + 1ex);white-space:pre-wrap;word-wrap:break-word;pointer-events:none;z-index:1;box-sizing:border-box;min-height:100%;margin:0;overflow:hidden}.editor.svelte-148nlqw textarea:where(.svelte-148nlqw){position:absolute;top:0;left:0;right:0;z-index:2;box-sizing:border-box;border:none;outline:none;padding:1rem;margin:0;resize:none;font-family:GeistMono,monospace;font-size:14px;line-height:calc(1em + 1ex);background:transparent;color:transparent;caret-color:#000;min-height:100%;overflow:hidden}.markdown-body.svelte-148nlqw{grid-area:result;padding:1rem;overflow-y:auto}