.demo-heading.svelte-18i7ipv{justify-content:space-between;align-items:center;gap:32px;margin:24px 0;display:flex}.demo-heading.svelte-18i7ipv h1:where(.svelte-18i7ipv){margin-bottom:12px}.demo-heading.svelte-18i7ipv .button:where(.svelte-18i7ipv){flex-shrink:0}.draft-start.svelte-18i7ipv{flex-shrink:0;max-width:250px}.draft-start.svelte-18i7ipv p:where(.svelte-18i7ipv){color:#64645d;margin:10px 0 0;font-size:13px;line-height:1.6}.demo-controls.svelte-18i7ipv{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}fieldset.svelte-18i7ipv{border:0;margin:0;padding:0}legend.svelte-18i7ipv{margin-bottom:10px;font-size:13px}.segmented.svelte-18i7ipv{flex-wrap:wrap;gap:6px;display:flex}.segmented.svelte-18i7ipv button:where(.svelte-18i7ipv){color:#294c3e;background:0 0;border-color:#ccd3c7;padding:10px 14px;font-size:13px}.segmented.svelte-18i7ipv button.chosen:where(.svelte-18i7ipv){color:#fff;background:#294c3e}.try-image.svelte-18i7ipv{border-top:1px solid #d7dbd0;grid-template-columns:minmax(220px,1fr) 2fr;gap:24px;margin:24px 0;padding-top:24px;display:grid}.try-image.svelte-18i7ipv p:where(.svelte-18i7ipv){margin:0 0 8px;font-size:13px}input.svelte-18i7ipv{width:100%;margin-top:8px;font-size:13px}.preview-surround.svelte-18i7ipv{background:#e5e3dc;border:1px solid #d7dbd0;border-radius:12px;padding:16px;overflow:auto}iframe.svelte-18i7ipv{background:#f6f3ec;border:0;width:100%;height:760px;margin:auto;display:block}.mobile.svelte-18i7ipv iframe:where(.svelte-18i7ipv){width:390px;max-width:100%}@media (width<=700px){.demo-heading.svelte-18i7ipv{display:block}.try-image.svelte-18i7ipv{grid-template-columns:1fr;gap:8px}.preview-surround.svelte-18i7ipv{padding:6px}iframe.svelte-18i7ipv{height:650px}}