.examples-page.svelte-1s1pej0{flex:1}.page-header.svelte-1s1pej0{background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-white) 100%);padding:3rem 0;text-align:center;border-bottom:1px solid var(--color-gray-200)}.page-header.svelte-1s1pej0 h1:where(.svelte-1s1pej0){color:var(--color-primary);margin-bottom:.5rem}.page-header.svelte-1s1pej0 p:where(.svelte-1s1pej0){color:var(--color-gray-600);font-size:1.1rem;margin:0}.examples-grid.svelte-1s1pej0{display:flex;flex-direction:column;gap:2rem}.example-card.svelte-1s1pej0{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:8px;padding:1.5rem;transition:box-shadow .2s ease}.example-card.svelte-1s1pej0:hover{box-shadow:0 4px 12px #0000001a}.example-header.svelte-1s1pej0{margin-bottom:1rem}.example-title.svelte-1s1pej0{color:var(--color-gray-900);margin-top:.25rem}.example-images.svelte-1s1pej0{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.image-container.svelte-1s1pej0{position:relative;background:var(--color-gray-100);border-radius:4px;overflow:hidden;aspect-ratio:16 / 9}.example-image.svelte-1s1pej0{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.image-label.svelte-1s1pej0{position:absolute;bottom:.5rem;left:.5rem;background:#000000b3;color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:500}.image-error.svelte-1s1pej0{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--color-gray-500);background:var(--color-gray-200);text-align:center;padding:1rem}.example-description.svelte-1s1pej0{color:var(--color-gray-600);font-size:.95rem;line-height:1.6;margin:0}@media(max-width:768px){.example-images.svelte-1s1pej0{grid-template-columns:1fr}}