.examples-page.svelte-1e7kpy2{min-height:100%}.ex-head.svelte-1e7kpy2{margin-bottom:28px}.ex-head.svelte-1e7kpy2 h1:where(.svelte-1e7kpy2){letter-spacing:-.025em;margin:0;font-size:32px;font-weight:600}.lede.svelte-1e7kpy2{color:var(--text-soft);max-width:760px;margin-top:10px;font-size:15px;line-height:1.55}.filter-row.svelte-1e7kpy2{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.chip.svelte-1e7kpy2{border:1px solid var(--border);color:var(--text-soft);background:var(--bg);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:12.5px}.chip.svelte-1e7kpy2:hover{border-color:var(--gray-300)}.chip.on.svelte-1e7kpy2{background:var(--gray-900);color:#fff;border-color:var(--gray-900)}.chip.svelte-1e7kpy2 .num:where(.svelte-1e7kpy2){font-family:var(--font-mono);opacity:.7;margin-left:4px}.featured.svelte-1e7kpy2{border:1px solid var(--border);border-radius:var(--r-2xl);background:var(--bg);grid-template-columns:340px 1fr;margin-bottom:32px;display:grid;overflow:hidden}.featured.svelte-1e7kpy2 .thumb:where(.svelte-1e7kpy2){background:var(--bg-soft);min-height:320px;position:relative}.featured.svelte-1e7kpy2 .thumb:where(.svelte-1e7kpy2) img:where(.svelte-1e7kpy2){object-fit:cover;width:100%;height:100%;display:block}.featured.svelte-1e7kpy2 .thumb:where(.svelte-1e7kpy2) .corner:where(.svelte-1e7kpy2){color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-mono);letter-spacing:.05em;background:#0f0f0fc7;border-radius:6px;padding:6px 12px;font-size:11px;position:absolute;top:16px;left:16px}.featured.svelte-1e7kpy2 .content:where(.svelte-1e7kpy2){flex-direction:column;gap:14px;padding:36px 40px;display:flex}.featured.svelte-1e7kpy2 .ftag:where(.svelte-1e7kpy2){font-family:var(--font-mono);color:var(--green-700);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;display:flex}.featured.svelte-1e7kpy2 .ftag:where(.svelte-1e7kpy2):before{content:"";background:var(--green-500);width:24px;height:1px}.featured.svelte-1e7kpy2 h3:where(.svelte-1e7kpy2){letter-spacing:-.02em;margin:0;font-size:24px;font-weight:600;line-height:1.15}.featured.svelte-1e7kpy2 p:where(.svelte-1e7kpy2){color:var(--text-soft);margin:0;font-size:14px;line-height:1.6}.meta-row.svelte-1e7kpy2{flex-wrap:wrap;gap:28px;margin-top:8px;display:flex}.meta-row.svelte-1e7kpy2 .m:where(.svelte-1e7kpy2) .lab:where(.svelte-1e7kpy2){color:var(--text-mute);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.meta-row.svelte-1e7kpy2 .m:where(.svelte-1e7kpy2) .val:where(.svelte-1e7kpy2){font-family:var(--font-mono);color:var(--text);margin-top:2px;font-size:13.5px;font-weight:500}.featured.svelte-1e7kpy2 .actions:where(.svelte-1e7kpy2){flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.grid.svelte-1e7kpy2{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.card.svelte-1e7kpy2{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--bg);overflow:hidden}.card-thumb.svelte-1e7kpy2{background:var(--bg-soft);height:220px;position:relative}.card-thumb.svelte-1e7kpy2 img:where(.svelte-1e7kpy2){object-fit:cover;width:100%;height:100%;display:block}.pill.svelte-1e7kpy2{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border);background:#ffffffdb;border-radius:999px;padding:5px 9px;font-size:10px;position:absolute;top:14px;left:14px}.pill.paired.svelte-1e7kpy2{color:var(--green-700)}.pill.image-only.svelte-1e7kpy2{color:var(--amber-700)}.card-body.svelte-1e7kpy2{padding:18px 18px 16px}.card-body.svelte-1e7kpy2 h4:where(.svelte-1e7kpy2){letter-spacing:-.015em;margin:0 0 8px;font-size:19px;font-weight:600}.card-body.svelte-1e7kpy2 p:where(.svelte-1e7kpy2){color:var(--text-soft);margin:0;font-size:13.5px;line-height:1.55}.card-meta.svelte-1e7kpy2{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.meta-chip.svelte-1e7kpy2,.type-chip.svelte-1e7kpy2{border:1px solid var(--border);font-size:11px;font-family:var(--font-mono);color:var(--text-mute);background:var(--bg-soft);border-radius:999px;padding:4px 8px}.card-actions.svelte-1e7kpy2{gap:8px;margin-top:14px;display:flex}.empty.svelte-1e7kpy2{color:var(--text-mute);padding:32px 0}@media (width<=960px){.featured.svelte-1e7kpy2,.grid.svelte-1e7kpy2{grid-template-columns:1fr}}