.page-header.svelte-78b8b3{padding:4rem 0}.page-header.svelte-78b8b3 h1:where(.svelte-78b8b3){text-transform:uppercase}.page-header.svelte-78b8b3 .lead:where(.svelte-78b8b3){margin-bottom:0}.examples-selection.svelte-78b8b3{padding-top:3rem}.filters.svelte-78b8b3{display:flex;flex-wrap:wrap;gap:1.25rem}.filters.svelte-78b8b3>div:where(.svelte-78b8b3){min-width:200px}.search-field.svelte-78b8b3{flex:1}label.svelte-78b8b3{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--text-secondary)}input.svelte-78b8b3,select.svelte-78b8b3{box-sizing:border-box;width:100%;padding:.85rem 1rem;font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border-color);color:var(--text-primary);background:var(--bg-secondary)}.result-count.svelte-78b8b3{margin:1.5rem 0;font-size:.85rem}.examples-grid.svelte-78b8b3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem}.example-card.svelte-78b8b3{display:flex;flex-direction:column;overflow:hidden;padding:0;color:var(--text-primary);text-decoration:none}.example-card.svelte-78b8b3:focus-visible,input.svelte-78b8b3:focus-visible,select.svelte-78b8b3:focus-visible{outline:2px solid var(--primary-color);outline-offset:5px}.card-visual.svelte-78b8b3{aspect-ratio:8 / 5;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);overflow:hidden;display:grid;place-items:center}.card-visual.svelte-78b8b3 img:where(.svelte-78b8b3){width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.example-card.svelte-78b8b3:hover img:where(.svelte-78b8b3){transform:scale(1.025)}.image-placeholder.svelte-78b8b3{padding:2rem;text-align:center}.card-content.svelte-78b8b3{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:1.5rem}.category.svelte-78b8b3{padding:.25rem .65rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:1.25rem;font-size:.75rem;color:var(--text-secondary)}h2.svelte-78b8b3{font-size:1.6rem;margin-bottom:.75rem}.card-content.svelte-78b8b3 p:where(.svelte-78b8b3){margin-bottom:1.5rem;font-size:.95rem}.card-action.svelte-78b8b3{display:flex;justify-content:space-between;gap:1rem;align-items:center;width:100%;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color);font-size:.9rem}.card-action.svelte-78b8b3 span:where(.svelte-78b8b3){font-size:1.4rem}.empty-state.svelte-78b8b3{padding:3rem 0;text-align:center}@media (max-width: 1000px){.examples-grid.svelte-78b8b3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 650px){.examples-grid.svelte-78b8b3{grid-template-columns:1fr}.page-header.svelte-78b8b3{padding:3rem 0}.examples-selection.svelte-78b8b3{padding-top:2rem}.filters.svelte-78b8b3>div:where(.svelte-78b8b3){width:100%}}@media (prefers-reduced-motion: reduce){.example-card.svelte-78b8b3,.card-visual.svelte-78b8b3 img:where(.svelte-78b8b3){transition:none}.example-card.svelte-78b8b3:hover,.example-card.svelte-78b8b3:hover img:where(.svelte-78b8b3){transform:none}}