.evo-demo-page.svelte-1hkk3r1{--demo-ink: oklch(20% .02 245);--demo-muted: oklch(45% .025 245);--demo-rule: oklch(86% .018 245);--demo-paper: oklch(99% .004 95);padding:clamp(1rem,2vw,2rem) 0 clamp(2rem,5vw,5rem);color:var(--demo-ink);grid-column:screen-start / screen-end}.demo-shell.svelte-1hkk3r1{display:grid;grid-template-columns:minmax(16rem,.3fr) minmax(42rem,1fr);gap:clamp(1rem,2vw,2rem);align-items:stretch;padding:0 clamp(1rem,2.5vw,2rem);max-width:1180px;margin:0 auto}.demo-copy.svelte-1hkk3r1{align-self:start;padding-top:clamp(.5rem,2vw,1.5rem)}.eyebrow.svelte-1hkk3r1{margin:0 0 .35rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--demo-muted)}h1.svelte-1hkk3r1{margin:0 0 .65rem;font-size:clamp(2.1rem,5vw,4rem);line-height:.95;letter-spacing:0}.demo-copy.svelte-1hkk3r1 p:where(.svelte-1hkk3r1):not(.eyebrow,.source-link){max-width:31rem;margin:0;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.45;color:var(--demo-muted)}.demo-copy.svelte-1hkk3r1 .source-link:where(.svelte-1hkk3r1){margin-top:.85rem;font-size:.95rem}.editor-frame.svelte-1hkk3r1{min-height:min(78vh,820px);border:1px solid var(--demo-rule);background:var(--demo-paper);box-shadow:0 18px 55px #00000017;overflow:hidden}iframe.svelte-1hkk3r1{display:block;width:100%;height:min(78vh,820px);min-height:620px;border:0;background:#fff}@media(max-width:980px){.demo-shell.svelte-1hkk3r1{grid-template-columns:1fr}.demo-copy.svelte-1hkk3r1{padding-top:0}.editor-frame.svelte-1hkk3r1{min-height:680px}iframe.svelte-1hkk3r1{height:680px;min-height:680px}}@media(max-width:640px){.evo-demo-page.svelte-1hkk3r1{padding-top:.5rem}.demo-shell.svelte-1hkk3r1{padding:0 .75rem}.editor-frame.svelte-1hkk3r1{min-height:720px}iframe.svelte-1hkk3r1{height:720px;min-height:720px}}