body{margin:0;padding:0;background:#f5f5f5}.app.svelte-12qhfyh{min-height:100vh;display:flex;flex-direction:column}header.svelte-12qhfyh{background:#06c;color:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.header-content.svelte-12qhfyh{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}header.svelte-12qhfyh h1:where(.svelte-12qhfyh){margin:0;font-size:1.5rem}header.svelte-12qhfyh h1:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh){color:#fff;text-decoration:none}header.svelte-12qhfyh h1:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh):hover{opacity:.9}nav.svelte-12qhfyh{display:flex;gap:1.5rem}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){color:#fff;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:background .2s}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{background:#ffffff1a}nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh){background:#fff3;font-weight:600}.demo-banner.svelte-12qhfyh{background:#ff9800;color:#fff;padding:.75rem 2rem;box-shadow:0 2px 4px #0000001a}.demo-banner-content.svelte-12qhfyh{max-width:1200px;margin:0 auto;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.demo-banner.svelte-12qhfyh strong:where(.svelte-12qhfyh){font-size:1rem}.demo-banner.svelte-12qhfyh span:where(.svelte-12qhfyh){font-size:.9rem;opacity:.95}main.svelte-12qhfyh{flex:1}footer.svelte-12qhfyh{background:#333;color:#ccc;padding:2rem 0;margin-top:3rem;font-size:.9rem}.footer-content.svelte-12qhfyh{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.footer-content.svelte-12qhfyh p:where(.svelte-12qhfyh){margin:.5rem 0}footer.svelte-12qhfyh a:where(.svelte-12qhfyh){color:#4da6ff;text-decoration:none;transition:color .2s}footer.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:#80bfff;text-decoration:underline}.footer-links.svelte-12qhfyh{font-size:.85rem}.footer-links.svelte-12qhfyh a:where(.svelte-12qhfyh){margin:0 .5rem}@media(max-width:600px){.header-content.svelte-12qhfyh{flex-direction:column;align-items:flex-start}nav.svelte-12qhfyh{width:100%;justify-content:flex-start}.footer-content.svelte-12qhfyh{padding:0 1rem}}