body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#fafafa;color:#1a1a1a;line-height:1.6}.page.svelte-16ibpe1{max-width:1100px;margin:0 auto;padding:calc(70px + 2rem) 2rem 3rem}.hero.svelte-16ibpe1{text-align:center;margin-bottom:3rem}.hero.svelte-16ibpe1 h1:where(.svelte-16ibpe1){font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800;margin:0 0 1rem;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(120deg,#113768,#2a5298);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lede.svelte-16ibpe1{font-size:1.2rem;color:#333;max-width:740px;margin:0 auto .75rem}.examples.svelte-16ibpe1{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:3.5rem}.example.svelte-16ibpe1{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px #0000000a}.example-frame.svelte-16ibpe1{aspect-ratio:16 / 10;overflow:hidden;display:flex;align-items:center;justify-content:center}.example-frame.svelte-16ibpe1 img:where(.svelte-16ibpe1){max-width:100%;max-height:100%;width:auto;height:auto;display:block;object-fit:contain;object-position:center}.example-caption.svelte-16ibpe1{margin:0;padding:.75rem 1rem;text-align:center;font-size:.9rem;color:#555}.example-caption.svelte-16ibpe1 a:where(.svelte-16ibpe1){color:#113768;text-decoration:none;font-weight:500;transition:color .2s ease}.example-caption.svelte-16ibpe1 a:where(.svelte-16ibpe1):hover{color:#2a5298;text-decoration:underline}.image-attribution.svelte-16ibpe1{grid-column:1 / -1;margin-top:.5rem;padding:.6rem 1rem;text-align:center;font-size:.85rem;color:#5a6573;background:linear-gradient(120deg,#11376808,#2a529812);border:1px solid rgba(17,55,104,.08);border-radius:999px;font-style:italic}.image-attribution.svelte-16ibpe1 a:where(.svelte-16ibpe1){color:#113768;text-decoration:none;transition:color .2s ease;font-weight:600;font-style:normal}.image-attribution.svelte-16ibpe1 a:where(.svelte-16ibpe1):hover{color:#2a5298;text-decoration:underline}.picker.svelte-16ibpe1 h2:where(.svelte-16ibpe1),.about.svelte-16ibpe1 h2:where(.svelte-16ibpe1){font-size:1.7rem;font-weight:700;margin:0 0 .75rem;color:#222}.picker.svelte-16ibpe1>h2:where(.svelte-16ibpe1),.picker.svelte-16ibpe1>.picker-intro:where(.svelte-16ibpe1){text-align:center}.picker-intro.svelte-16ibpe1{color:#444;margin:0 auto 2rem;max-width:720px}.platform-grid.svelte-16ibpe1{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3.5rem}.platform-card.svelte-16ibpe1{display:flex;flex-direction:column;padding:1.75rem;background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000000a;text-decoration:none;color:inherit;border:1px solid #eef1f4;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.platform-card.svelte-16ibpe1:hover{transform:translateY(-4px);box-shadow:0 14px 36px #1137681f;border-color:#11376833}.platform-card.svelte-16ibpe1 h3:where(.svelte-16ibpe1){margin:0 0 .4rem;font-size:1.3rem;font-weight:700;color:#113768}.platform-cta.svelte-16ibpe1{margin-top:.5rem;font-weight:600;color:#113768;font-size:.95rem}.about.svelte-16ibpe1 p:where(.svelte-16ibpe1){max-width:760px;color:#444;margin:0 0 1.5rem}.github-link.svelte-16ibpe1{display:inline-flex;align-items:center;gap:.6rem;color:#222;text-decoration:none;font-weight:500;padding:.7rem 1.2rem;background-color:#f5f5f5;border-radius:8px;transition:all .2s ease}.github-link.svelte-16ibpe1:hover{background-color:#eee;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}@media(max-width:600px){.page.svelte-16ibpe1{padding:calc(60px + 1rem) 1rem 2rem}}