.ec-demo.svelte-1oe14wn{display:grid;gap:16px}.ec-demo__tabs.svelte-1oe14wn{display:flex;flex-wrap:wrap;gap:6px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2)}.ec-demo__tab.svelte-1oe14wn{flex:1 1 140px;padding:8px 12px;font-size:13px;font-weight:600;color:var(--fg-2);background:transparent;border:1px solid transparent;border-radius:var(--r-1);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.ec-demo__tab.svelte-1oe14wn:hover{color:var(--fg-1);background:var(--surface-2)}.ec-demo__tab.active.svelte-1oe14wn{color:var(--fg-1);background:var(--bg);border-color:var(--border)}.ec-demo__hint.svelte-1oe14wn{margin:0;padding:12px 16px;font-size:13px;line-height:1.55;color:var(--fg-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2)}.ec-demo__hint.svelte-1oe14wn code:where(.svelte-1oe14wn){font-family:var(--font-mono);font-size:12px;background:var(--surface-2);padding:1px 6px;border-radius:var(--r-1)}.ec-demo__stage.svelte-1oe14wn{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);height:600px;overflow:hidden;contain:layout paint}.ec-demo__stage--medium.svelte-1oe14wn{height:480px}.ec-demo__stage--tall.svelte-1oe14wn{height:720px}.ec-demo__sidebar-row.svelte-1oe14wn{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}@media(min-width:800px){.ec-demo__sidebar-row.svelte-1oe14wn{grid-template-columns:320px 1fr}}.ec-demo__sidebar.svelte-1oe14wn{width:100%;max-width:320px;height:600px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);overflow:hidden;contain:layout paint}.ec-demo__sidebar-context.svelte-1oe14wn{padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);font-size:14px;line-height:1.6;color:var(--fg-2)}.ec-demo__sidebar-context.svelte-1oe14wn h4:where(.svelte-1oe14wn){margin:0 0 8px;font-size:13px;font-weight:700;color:var(--fg-1)}.ec-demo__sidebar-context.svelte-1oe14wn p:where(.svelte-1oe14wn){margin:0 0 10px}.ec-recipes.svelte-1oe14wn{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2)}.ec-recipes__title.svelte-1oe14wn{margin:0 0 10px;font-size:14px;font-weight:700;color:var(--fg-1)}.ec-recipes__list.svelte-1oe14wn{margin:0;padding-left:18px;display:grid;gap:10px;font-size:13px;line-height:1.55;color:var(--fg-2)}.ec-recipes__list.svelte-1oe14wn strong:where(.svelte-1oe14wn){color:var(--fg-1)}.ec-recipes__list.svelte-1oe14wn code:where(.svelte-1oe14wn){font-family:var(--font-mono);font-size:12px;background:var(--surface-2);padding:1px 6px;border-radius:var(--r-1)}