.container.svelte-blete1{max-width:800px;margin:0 auto;padding:2rem}h1.svelte-blete1{color:var(--accent-color);font-size:2.5rem;margin-bottom:.5rem}.back-link.svelte-blete1{margin-bottom:2rem}.back-link.svelte-blete1 a:where(.svelte-blete1){color:var(--accent-color);text-decoration:none}.example-section.svelte-blete1{margin-bottom:3rem}h2.svelte-blete1{color:var(--heading-color);border-bottom:2px solid var(--border-color);padding-bottom:.5rem}h3.svelte-blete1{margin-top:1.5rem;margin-bottom:1rem;color:var(--text-secondary)}h4.svelte-blete1{margin-top:1.5rem;margin-bottom:.5rem;color:var(--text-muted)}.demo-box.svelte-blete1{background-color:var(--card-bg);border-radius:8px;padding:1.5rem;margin:1rem 0;box-shadow:0 2px 8px var(--shadow-color)}.code-example.svelte-blete1{background-color:var(--code-bg);color:#f8f8f2;border-radius:4px;padding:1rem;margin:1rem 0;overflow-x:auto}pre.svelte-blete1{margin:0;font-family:Fira Code,monospace;font-size:.9rem;white-space:pre}code.svelte-blete1{background-color:var(--bg-secondary);padding:.2rem .4rem;border-radius:3px;font-family:Fira Code,monospace;font-size:.9rem}.route-list.svelte-blete1,.feature-list.svelte-blete1{padding-left:1.5rem}.route-list.svelte-blete1 li:where(.svelte-blete1),.feature-list.svelte-blete1 li:where(.svelte-blete1){margin:.5rem 0}.demo-links.svelte-blete1{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.demo-link.svelte-blete1{display:inline-block;background-color:var(--bg-secondary);padding:.5rem 1rem;border-radius:4px;color:var(--accent-color);text-decoration:none}.demo-link.svelte-blete1:hover{background-color:var(--hover-bg)}button.svelte-blete1{background-color:var(--accent-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:1rem;margin:.5rem 0}button.svelte-blete1:hover{background-color:var(--accent-color-dark)}.layout-example.svelte-blete1{margin-top:1.5rem;border:2px dashed var(--border-color);border-radius:8px;overflow:hidden}.layout-header.svelte-blete1{background-color:var(--header-bg);color:var(--text-color);padding:1rem;display:flex;justify-content:space-between;align-items:center}.logo.svelte-blete1{font-weight:700;font-size:1.2rem}.user.svelte-blete1,.login-btn.svelte-blete1{font-size:.9rem}.login-btn.svelte-blete1{cursor:pointer;padding:.3rem .8rem;background-color:var(--accent-color);border-radius:4px;color:#fff}.layout-content.svelte-blete1{min-height:200px;padding:0;background-color:var(--bg-color)}.page-content.svelte-blete1{padding:1.5rem;margin:1rem;background-color:var(--card-bg);border-radius:4px;box-shadow:0 1px 3px var(--shadow-color)}.layout-footer.svelte-blete1{background-color:var(--footer-bg);padding:1rem;text-align:center;font-size:.9rem;color:var(--text-muted)}.next-steps.svelte-blete1{background-color:var(--bg-secondary);border-left:4px solid var(--accent-color);padding:1.5rem;border-radius:0 8px 8px 0}.next-steps.svelte-blete1 ul:where(.svelte-blete1){padding-left:1.5rem}.next-steps.svelte-blete1 a:where(.svelte-blete1){color:var(--accent-color);text-decoration:none}.next-steps.svelte-blete1 a:where(.svelte-blete1):hover{text-decoration:underline}