.real-examples.svelte-un42uw{color:inherit}.examples-heading.svelte-un42uw{max-width:720px;margin-bottom:32px}.examples-heading.svelte-un42uw h2:where(.svelte-un42uw){letter-spacing:-.04em;margin:16px 0;font-size:clamp(32px,4.2vw,56px);font-weight:600;line-height:1.08}.examples-heading.svelte-un42uw>p:where(.svelte-un42uw):last-child{opacity:.7;max-width:600px;line-height:1.7}.example-options.svelte-un42uw{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.example-options.svelte-un42uw button:where(.svelte-un42uw){min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #666;border-radius:999px;padding:10px 20px}.example-options.svelte-un42uw button[aria-pressed=true]:where(.svelte-un42uw){color:#161910;background:#d9f36b;border-color:#d9f36b}.example-options.svelte-un42uw button:where(.svelte-un42uw):focus-visible,a.svelte-un42uw:focus-visible,summary.svelte-un42uw:focus-visible{outline-offset:4px;outline:3px solid #8dab31}.example-layout.svelte-un42uw{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);align-items:start;gap:36px;display:grid}.example-screen.svelte-un42uw{background:#080808;border:1px solid #444;border-radius:12px;overflow:hidden}video.svelte-un42uw{aspect-ratio:16/9;object-fit:contain;width:100%;height:auto;display:block}.example-specs.svelte-un42uw{color:#ccc;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:14px 18px;font-size:12px;display:flex}.example-specs.svelte-un42uw span:where(.svelte-un42uw):first-child{color:#d9f36b;font-weight:600}h3.svelte-un42uw{letter-spacing:-.025em;margin:4px 0 16px;font-size:28px;font-weight:600;line-height:1.2}.example-copy.svelte-un42uw>p:where(.svelte-un42uw){opacity:.75;line-height:1.6}.example-source.svelte-un42uw{margin-top:24px;font-size:13px}a.svelte-un42uw{text-underline-offset:3px;text-decoration:underline}.example-more.svelte-un42uw{margin-top:22px;font-size:14px;font-weight:600;display:inline-block}details.svelte-un42uw{border-top:1px solid #6666;margin-top:24px;font-size:13px}summary.svelte-un42uw{cursor:pointer;padding:16px 0}details.svelte-un42uw p:where(.svelte-un42uw){margin-bottom:16px;line-height:1.7}.example-credit.svelte-un42uw{opacity:.65;font-size:12px}.compact.svelte-un42uw .example-layout:where(.svelte-un42uw){display:block}.compact.svelte-un42uw h3:where(.svelte-un42uw){margin-top:20px;font-size:22px}.compact.svelte-un42uw .example-copy:where(.svelte-un42uw)>p:where(.svelte-un42uw){font-size:14px}@media (width<=800px){.example-layout.svelte-un42uw{grid-template-columns:1fr;gap:24px}.example-options.svelte-un42uw button:where(.svelte-un42uw){padding-inline:14px}h3.svelte-un42uw{font-size:25px}}