.code-and-preview.svelte-1e9brht{margin:1rem 0;border:1px solid var(--border, #27272a);border-radius:8px;overflow:hidden}.code-and-preview.side-by-side.svelte-1e9brht{display:flex;flex-direction:column;width:100%}@media(min-width:768px){.code-and-preview.side-by-side.svelte-1e9brht{flex-direction:row}.code-and-preview.side-by-side.svelte-1e9brht .code-wrap:where(.svelte-1e9brht){flex:0 1 50%;min-width:0;border-right:1px solid var(--border, #27272a);min-height:360px;max-height:70vh;overflow:auto}.code-and-preview.side-by-side.svelte-1e9brht .code-wrap:where(.svelte-1e9brht) .code:where(.svelte-1e9brht){border-bottom:none;overflow:visible}.code-and-preview.side-by-side.svelte-1e9brht .preview:where(.svelte-1e9brht){flex:1 1 0;min-width:0;min-height:360px;max-height:70vh;overflow:auto}}.code-wrap.svelte-1e9brht{display:block}.code-and-preview.svelte-1e9brht .code:where(.svelte-1e9brht){margin:0;border-radius:0;border-bottom:1px solid var(--border, #27272a);background:var(--code-bg, #18181b);padding:1rem;font-size:.875rem;line-height:1.5;overflow-x:auto}.code-and-preview.svelte-1e9brht .code:where(.svelte-1e9brht) code{background:transparent;white-space:pre}.code-and-preview.svelte-1e9brht .preview:where(.svelte-1e9brht){min-height:360px;height:360px;background:var(--bg, #0f0f12)}.code-and-preview.side-by-side.svelte-1e9brht .preview:where(.svelte-1e9brht){height:auto;min-height:360px}.code-and-preview.svelte-1e9brht .preview:where(.svelte-1e9brht) .excalidraw{height:100%;min-height:360px}