.demo-shell.svelte-1m7vjrr{--header-h:calc(3.75rem + 1px);--demo-top:calc(var(--header-h) + var(--space-6));gap:var(--space-5);grid-template-rows:minmax(0,1fr);grid-template-columns:13rem minmax(0,1fr) 33rem;height:100dvh;display:grid}body main:has(.demo-shell){margin-top:calc(-3.75rem - 1px);padding-block:0}.rail.svelte-1m7vjrr,.editor.svelte-1m7vjrr{scrollbar-width:none;min-height:0;padding-top:var(--demo-top);padding-bottom:var(--space-9);overflow-y:auto}.rail.svelte-1m7vjrr::-webkit-scrollbar{display:none}.editor.svelte-1m7vjrr::-webkit-scrollbar{display:none}.rail.svelte-1m7vjrr{align-content:start;gap:var(--space-4);display:grid}.rail-head.svelte-1m7vjrr{gap:var(--space-1);font-size:var(--text-sm);margin:0;display:grid}.rail-head.svelte-1m7vjrr strong:where(.svelte-1m7vjrr){font-size:calc(var(--text-sm) * 2);line-height:1.1}.rail-head.svelte-1m7vjrr .dim:where(.svelte-1m7vjrr){font-size:var(--text-xs)}.links.svelte-1m7vjrr{gap:var(--space-1);flex-direction:column;display:flex}.links.svelte-1m7vjrr .rule:where(.svelte-1m7vjrr){margin-block:var(--space-2)}.links.svelte-1m7vjrr button:where(.svelte-1m7vjrr){width:100%;font-family:inherit;line-height:inherit;text-align:left;background:0 0;border:0}.links.svelte-1m7vjrr button:where(.svelte-1m7vjrr):hover{background:var(--c-hover);color:var(--c-text)}.rail.svelte-1m7vjrr .nav-link:where(.svelte-1m7vjrr){justify-content:flex-start}.rail.svelte-1m7vjrr .is-accent:where(.svelte-1m7vjrr){color:var(--c-accent-hover)}.rail.svelte-1m7vjrr .is-accent:where(.svelte-1m7vjrr):hover{background:var(--c-accent-soft);color:var(--c-accent-hover)}.preview.svelte-1m7vjrr{margin-top:var(--header-h);height:calc(100dvh - var(--header-h));margin-right:calc(-1 * var(--space-5));border:0;border-left:1px solid var(--c-border);background:var(--c-surface);border-radius:0;overflow:hidden}.preview.svelte-1m7vjrr iframe:where(.svelte-1m7vjrr){background:var(--c-bg);border:0;width:100%;height:100%;display:block}@media (width<=1319px) and (width>=900px){.demo-shell.svelte-1m7vjrr{gap:var(--space-4);grid-template-columns:3.5rem minmax(0,1fr) 33rem}.rail.svelte-1m7vjrr .label:where(.svelte-1m7vjrr),.rail-head.svelte-1m7vjrr{display:none}.rail.svelte-1m7vjrr .nav-link:where(.svelte-1m7vjrr){justify-content:center;padding-inline:0}}@media (width<=899px){.demo-shell.svelte-1m7vjrr{grid-template-rows:none;grid-template-columns:1fr;height:auto}body main:has(.demo-shell){padding-block:var(--space-6) var(--space-9);margin-top:0}.rail.svelte-1m7vjrr,.editor.svelte-1m7vjrr{padding-top:0;padding-bottom:0;overflow:visible}.preview.svelte-1m7vjrr{border:1px solid var(--c-border);border-radius:var(--radius-lg);height:min(80dvh,44rem);margin-top:0;margin-right:0}.rail.svelte-1m7vjrr nav:where(.svelte-1m7vjrr){flex-flow:wrap}.links.svelte-1m7vjrr .rule:where(.svelte-1m7vjrr){flex-basis:100%}.links.svelte-1m7vjrr button:where(.svelte-1m7vjrr){width:auto}}