.example-grid.svelte-1s1pej0{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px;display:grid}.example-card.svelte-1s1pej0{border:1px solid var(--line);border-radius:14px;min-width:0;overflow:hidden}.example-card.svelte-1s1pej0:hover{border-color:#8cb3a8}.example-art.svelte-1s1pej0{aspect-ratio:4/3;border-bottom:1px solid var(--line);background:#fbfcfb;place-items:center;padding:24px;display:grid}.example-art.svelte-1s1pej0 canvas{object-fit:contain;width:auto;max-width:100%;height:150px}.example-copy.svelte-1s1pej0{padding:22px}.example-copy.svelte-1s1pej0 small:where(.svelte-1s1pej0){margin-top:8px;display:block}.example-copy.svelte-1s1pej0 p:where(.svelte-1s1pej0){margin-top:12px;font-size:14px}.example-copy.svelte-1s1pej0 span:where(.svelte-1s1pej0){color:var(--accent);align-items:center;gap:8px;margin-top:20px;display:flex}.sample-note.svelte-1s1pej0{max-width:75ch;margin-top:24px}@media (width<=800px){.example-grid.svelte-1s1pej0{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=440px){.example-grid.svelte-1s1pej0{grid-template-columns:1fr}.example-art.svelte-1s1pej0{aspect-ratio:5/3}}