.sample-card:where(.astro-apc4rztz){border:1px solid var(--sl-color-gray-5);box-shadow:var(--sl-shadow-sm);background:linear-gradient(180deg, color-mix(in srgb, var(--sl-color-gray-6) 100%, transparent) 0%, color-mix(in srgb, var(--sl-color-gray-6) 85%, var(--sl-color-black)) 100%);break-inside:avoid;cursor:pointer;border-top:3px solid #0000;border-radius:.5rem;flex-direction:column;transition:box-shadow .2s,border-color .2s,transform .2s;display:flex;overflow:hidden}.sample-card:where(.astro-apc4rztz):hover,.sample-card:where(.astro-apc4rztz):focus-within{box-shadow:var(--sl-shadow-md);border-color:var(--sl-color-gray-4);border-top-color:var(--sl-color-accent)}@media (prefers-reduced-motion:no-preference){.sample-card:where(.astro-apc4rztz).has-thumbnail:hover,.sample-card:where(.astro-apc4rztz).has-thumbnail:focus-within{transform:translateY(-2px)}.sample-card:where(.astro-apc4rztz).has-thumbnail .thumbnail:where(.astro-apc4rztz) img{transition:transform .35s,filter .35s}.sample-card:where(.astro-apc4rztz).has-thumbnail:hover .thumbnail:where(.astro-apc4rztz) img,.sample-card:where(.astro-apc4rztz).has-thumbnail:focus-within .thumbnail:where(.astro-apc4rztz) img{filter:saturate(1.05)contrast(1.03);transform:scale(1.025)}}.thumbnail:where(.astro-apc4rztz){background:var(--sl-color-gray-5);border-bottom:1px solid var(--sl-color-gray-5);flex-shrink:0;width:100%;overflow:hidden;box-shadow:inset 0 -4px 8px -4px #00000026}.thumbnail:where(.astro-apc4rztz) img{width:100%;height:auto;display:block}.card-body:where(.astro-apc4rztz){flex-direction:column;gap:.625rem;padding:1rem;display:flex}.title:where(.astro-apc4rztz){color:var(--sl-color-white);margin:0;font-size:1.1rem;font-weight:600;line-height:1.3}.title:where(.astro-apc4rztz) a:where(.astro-apc4rztz){color:inherit;text-decoration:none}.title:where(.astro-apc4rztz) a:where(.astro-apc4rztz):hover{color:var(--sl-color-accent-high);text-decoration:underline}.apphost-pill:where(.astro-apc4rztz){border:1px solid color-mix(in srgb, var(--apphost-color,var(--sl-color-accent)) 50%, transparent);background:color-mix(in srgb, var(--apphost-color,var(--sl-color-accent)) 14%, var(--sl-color-bg));color:color-mix(in srgb, var(--apphost-color,var(--sl-color-accent)) 35%, var(--sl-color-white));letter-spacing:.02em;border-radius:999px;align-items:center;gap:.3rem;padding:.18rem .5rem;font-size:.72rem;font-weight:600;line-height:1;display:inline-flex}.apphost-pill:where(.astro-apc4rztz) svg,.apphost-pill:where(.astro-apc4rztz) .apphost-glyph:where(.astro-apc4rztz){color:color-mix(in srgb, var(--apphost-color,var(--sl-color-accent-high)) 80%, var(--sl-color-white))}.apphost-glyph:where(.astro-apc4rztz){flex-shrink:0;display:inline-block}.apphost-pill:where(.astro-apc4rztz)[data-apphost=typescript]{--apphost-color:#3178c6}.apphost-pill:where(.astro-apc4rztz)[data-apphost=csproj],.apphost-pill:where(.astro-apc4rztz)[data-apphost=file-based]{--apphost-color:#512bd4}[data-theme=light] .apphost-pill:where(.astro-apc4rztz){color:color-mix(in srgb, var(--apphost-color,var(--sl-color-accent)) 80%, var(--sl-color-black));background:color-mix(in srgb, var(--apphost-color,var(--sl-color-accent)) 12%, white);border-color:color-mix(in srgb, var(--apphost-color,var(--sl-color-accent)) 55%, transparent)}[data-theme=light] .apphost-pill:where(.astro-apc4rztz) svg,[data-theme=light] .apphost-pill:where(.astro-apc4rztz) .apphost-glyph:where(.astro-apc4rztz){color:var(--apphost-color,var(--sl-color-accent-high))}.desc:where(.astro-apc4rztz){color:var(--sl-color-gray-2);margin:0;font-size:.875rem;line-height:1.55}.desc:where(.astro-apc4rztz) p{margin:0 0 .5em}.desc:where(.astro-apc4rztz) p:where(.astro-apc4rztz){white-space:pre-line;margin:0 0 .5em}.desc:where(.astro-apc4rztz) p:last-child,.desc:where(.astro-apc4rztz) p:where(.astro-apc4rztz):last-child{margin-bottom:0}.desc:where(.astro-apc4rztz) ul,.desc:where(.astro-apc4rztz) ol{margin:.25em 0 .5em;padding-left:1.25em}.desc:where(.astro-apc4rztz) li{margin-bottom:.25em}.desc:where(.astro-apc4rztz) strong{color:var(--sl-color-white);font-weight:600}.desc:where(.astro-apc4rztz) code{background:var(--sl-color-gray-5);border-radius:.25em;padding:.1em .35em;font-size:.85em}.desc:where(.astro-apc4rztz) a{color:var(--sl-color-accent-high);text-decoration:underline}.read-more-btn:where(.astro-apc4rztz){color:var(--sl-color-accent-high);cursor:pointer;background:0 0;border:none;margin-top:.25em;padding:0;font-size:.825rem;font-weight:500}.read-more-btn:where(.astro-apc4rztz):hover{text-decoration:underline}.badges:where(.astro-apc4rztz){flex-wrap:wrap;align-items:center;gap:.3em;margin:0;padding:0;display:flex}.badges:where(.astro-apc4rztz) .sl-badge{cursor:pointer;transition:opacity .15s}.badges:where(.astro-apc4rztz) .sl-badge:hover{opacity:.8}.footer:where(.astro-apc4rztz){border-top:1px solid var(--sl-color-gray-5);align-items:center;gap:.75rem;padding-top:.625rem;display:flex}.link:where(.astro-apc4rztz){color:var(--sl-color-accent-high);align-items:center;gap:.35rem;margin-left:auto;font-size:.85rem;font-weight:500;text-decoration:none;display:flex}.link:where(.astro-apc4rztz):hover{text-decoration:underline}.samples-browser:where(.astro-xd2fc2hd){flex-direction:column;gap:1rem;display:flex}.sr-only:where(.astro-xd2fc2hd){clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.search-container:where(.astro-xd2fc2hd){align-items:center;width:100%;display:flex;position:relative}.search-icon:where(.astro-xd2fc2hd){color:var(--sl-color-gray-3);pointer-events:none;position:absolute;left:.75rem}.search-box:where(.astro-xd2fc2hd){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-6);width:100%;color:var(--sl-color-white);border-radius:.5rem;outline:none;padding:.625rem 2.5rem .625rem 2.25rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.search-box:where(.astro-xd2fc2hd)::placeholder{color:var(--sl-color-gray-3)}.search-box:where(.astro-xd2fc2hd):focus{border-color:var(--sl-color-text-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--sl-color-text-accent) 18%, transparent)}.search-box:where(.astro-xd2fc2hd)::-webkit-search-cancel-button{appearance:none}.search-clear:where(.astro-xd2fc2hd){width:1.5rem;height:1.5rem;color:var(--sl-color-gray-3);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex;position:absolute;right:.5rem}.search-clear:where(.astro-xd2fc2hd):hover,.search-clear:where(.astro-xd2fc2hd):focus-visible{background:var(--sl-color-gray-5);color:var(--sl-color-white);outline:none}.tag-filters:where(.astro-xd2fc2hd){flex-wrap:wrap;gap:.375rem;transition:max-height .25s;display:flex}.tag-chip:where(.astro-xd2fc2hd){border:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-2);cursor:pointer;white-space:nowrap;user-select:none;background:0 0;border-radius:2rem;align-items:baseline;gap:.4rem;padding:.25rem .65rem;font-size:.78rem;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.tag-chip:where(.astro-xd2fc2hd):hover{border-color:var(--sl-color-gray-3);color:var(--sl-color-white);background:var(--sl-color-gray-6)}.tag-chip:where(.astro-xd2fc2hd):focus-visible{outline:2px solid var(--sl-color-text-accent);outline-offset:2px}.tag-count:where(.astro-xd2fc2hd){color:var(--sl-color-gray-3);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:600}.tag-chip:where(.astro-xd2fc2hd).active{border-color:var(--sl-color-text-accent);background:color-mix(in srgb, var(--sl-color-text-accent) 14%, transparent);color:var(--sl-color-white);font-weight:600}.tag-chip:where(.astro-xd2fc2hd).active .tag-count:where(.astro-xd2fc2hd){color:color-mix(in srgb, var(--sl-color-white) 75%, transparent)}.tag-toggle:where(.astro-xd2fc2hd){color:var(--sl-color-text-accent);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:.3rem;margin-top:.1rem;padding:.2rem .1rem;font-size:.78rem;font-weight:500;display:none}.tag-toggle:where(.astro-xd2fc2hd):hover{color:var(--sl-color-white)}.tag-toggle-caret:where(.astro-xd2fc2hd){transition:transform .2s}.tag-filters:where(.astro-xd2fc2hd)[data-collapsed=false]~.tag-toggle:where(.astro-xd2fc2hd) .tag-toggle-caret:where(.astro-xd2fc2hd){transform:rotate(180deg)}@media (width<=768px){.tag-toggle:where(.astro-xd2fc2hd):not([hidden]){display:inline-flex}.tag-filters:where(.astro-xd2fc2hd)[data-collapsed=true]{max-height:4.5rem;overflow:hidden;mask-image:linear-gradient(#000 60%,#0000)}}.results-bar:where(.astro-xd2fc2hd){border-top:1px solid color-mix(in srgb, var(--sl-color-gray-5) 60%, transparent);justify-content:space-between;align-items:center;gap:.75rem;padding-top:.25rem;display:flex}.results-count:where(.astro-xd2fc2hd){color:var(--sl-color-gray-2);font-size:.85rem;font-weight:500}.clear-all:where(.astro-xd2fc2hd){color:var(--sl-color-text-accent);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:.82rem;font-weight:500;text-decoration:underline}.clear-all:where(.astro-xd2fc2hd):hover,.clear-all:where(.astro-xd2fc2hd):focus-visible{color:var(--sl-color-white);outline:none}.card-grid:where(.astro-xd2fc2hd){column-count:1;column-gap:1.25rem}@media (width>=768px){.card-grid:where(.astro-xd2fc2hd){column-count:2}}.card-item:where(.astro-xd2fc2hd){break-inside:avoid;margin-bottom:1.25rem}.empty-state:where(.astro-xd2fc2hd){border:1px dashed var(--sl-color-gray-4);background:color-mix(in srgb, var(--sl-color-gray-6) 88%, var(--sl-color-accent));color:var(--sl-color-gray-3);text-align:center;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}.empty-state:where(.astro-xd2fc2hd) p:where(.astro-xd2fc2hd){margin:0;font-size:1.1rem}.empty-state-detail:where(.astro-xd2fc2hd){color:var(--sl-color-gray-2);font-size:.9rem}.reset-btn:where(.astro-xd2fc2hd){background:var(--sl-color-accent-high);border:1px solid var(--sl-color-accent-high);color:var(--sl-color-black);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:700;transition:filter .2s,transform .2s}.reset-btn:where(.astro-xd2fc2hd):hover{filter:brightness(1.05);transform:translateY(-1px)}@media (width<=480px){.tag-chip:where(.astro-xd2fc2hd){padding:.2rem .55rem;font-size:.72rem}.tag-count:where(.astro-xd2fc2hd){font-size:.68rem}}