.code-block.svelte-1e06m8e{margin:.5rem 0 1rem;border-radius:.5rem;overflow:hidden}.code-block.svelte-1e06m8e pre{margin:0;padding:1rem;overflow-x:auto;line-height:1.5;border-radius:.5rem}.code-block.svelte-1e06m8e pre code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.8125rem;background:transparent;padding:0}.code-block.svelte-1e06m8e pre:where(.svelte-1e06m8e):not(.shiki){background:#060603}.code-block.svelte-1e06m8e pre:where(.svelte-1e06m8e):not(.shiki) code:where(.svelte-1e06m8e){color:var(--foreground)}@media(prefers-color-scheme:dark){.code-block.svelte-1e06m8e pre.shiki,.code-block.svelte-1e06m8e pre.shiki span{color:var(--shiki-dark)!important;background-color:transparent!important}.code-block.svelte-1e06m8e pre.shiki{background-color:var(--shiki-dark-bg)!important}}@media(prefers-color-scheme:light){.code-block.svelte-1e06m8e pre:where(.svelte-1e06m8e):not(.shiki){background:#f2f2ee}}.demo-page.svelte-1w4s9nn{max-width:88rem;margin:0 auto;padding:8rem 1.5rem 4rem}.demo-header.svelte-1w4s9nn{margin-bottom:2rem}h1.svelte-1w4s9nn{font-size:clamp(2rem,4vw,2.5rem);font-weight:300;margin:0 0 .75rem}.description.svelte-1w4s9nn{color:var(--muted-foreground);font-size:1rem;max-width:42rem;line-height:1.6;margin:0 0 1.5rem}.implementation-toggle.svelte-1w4s9nn{display:flex;gap:.5rem}.toggle-btn.svelte-1w4s9nn{padding:.5rem 1rem;font-size:.875rem;font-family:monospace;color:var(--muted-foreground);background:transparent;border:1px solid var(--border);border-radius:.375rem;cursor:pointer;transition:all .15s}.toggle-btn.svelte-1w4s9nn:hover{border-color:var(--accent);color:var(--foreground)}.toggle-btn.active.svelte-1w4s9nn{background:var(--accent);border-color:var(--accent);color:#fff}.demo-container.svelte-1w4s9nn{width:100%;height:600px;border-radius:.5rem;overflow:hidden;margin-bottom:3rem;border:1px solid var(--border)}.loading.svelte-1w4s9nn{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#040302;color:var(--muted-foreground)}.spinner.svelte-1w4s9nn{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:svelte-1w4s9nn-spin 1s linear infinite}@keyframes svelte-1w4s9nn-spin{to{transform:rotate(360deg)}}.demo-info.svelte-1w4s9nn{max-width:42rem}.demo-info.svelte-1w4s9nn h2:where(.svelte-1w4s9nn){font-size:1.5rem;font-weight:300;margin:0 0 1rem}.demo-info.svelte-1w4s9nn h3:where(.svelte-1w4s9nn){font-size:1.125rem;font-weight:500;margin:2rem 0 .75rem}.demo-info.svelte-1w4s9nn h4:where(.svelte-1w4s9nn){font-size:1rem;font-weight:500;margin:1.5rem 0 .5rem;color:var(--accent)}.demo-info.svelte-1w4s9nn p:where(.svelte-1w4s9nn){color:var(--muted-foreground);line-height:1.6;margin:0 0 1rem}.demo-info.svelte-1w4s9nn a:where(.svelte-1w4s9nn){color:var(--accent);text-decoration:none;border-bottom:1px dashed var(--accent)}.demo-info.svelte-1w4s9nn a:where(.svelte-1w4s9nn):hover{border-bottom-style:solid}.demo-info.svelte-1w4s9nn ul:where(.svelte-1w4s9nn){margin:0;padding:0 0 0 1.5rem;color:var(--muted-foreground);line-height:1.8}.demo-info.svelte-1w4s9nn li:where(.svelte-1w4s9nn) strong:where(.svelte-1w4s9nn){color:var(--foreground)}.demo-info.svelte-1w4s9nn code:where(.svelte-1w4s9nn){font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.875em;padding:.125rem .375rem;background:var(--border);border-radius:.25rem}@media(min-width:768px){.demo-container.svelte-1w4s9nn{height:700px}}