.sample-detail:where(.astro-h7z743yq){flex-direction:column;gap:2rem;display:flex}.sample-hero:where(.astro-h7z743yq){border:1px solid color-mix(in srgb, var(--aspire-color-primary) 25%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--aspire-color-primary) 10%, transparent), color-mix(in srgb, var(--aspire-color-secondary) 5%, transparent), transparent 70%);box-shadow:var(--sl-shadow-md);isolation:isolate;border-radius:.5rem;gap:clamp(1rem,3vw,2rem);padding:clamp(1.5rem,3vw,2.5rem);display:flex;position:relative;overflow:hidden}.sample-hero-glow:where(.astro-h7z743yq){background:radial-gradient(ellipse 60% 80% at 100% 50%, color-mix(in srgb, var(--aspire-color-primary) 18%, transparent), transparent 70%), radial-gradient(ellipse 50% 70% at 0% 100%, color-mix(in srgb, var(--aspire-color-secondary) 12%, transparent), transparent 65%);pointer-events:none;position:absolute;inset:0}.sample-hero-mesh:where(.astro-h7z743yq){pointer-events:none;width:min(72%,38rem);height:100%;position:absolute;inset:0 0 0 auto;mask-image:linear-gradient(270deg,#000 35%,#0000 95%)}.mesh-edge:where(.astro-h7z743yq){fill:none;stroke:color-mix(in srgb, var(--aspire-color-primary) 42%, transparent);stroke-width:1.25px;stroke-linecap:round;stroke-dasharray:3 7;animation:14s linear infinite mesh-flow}.mesh-edge-strong:where(.astro-h7z743yq){stroke:color-mix(in srgb, var(--aspire-color-secondary) 60%, transparent);stroke-width:1.5px;animation-duration:9s}.mesh-edge-soft:where(.astro-h7z743yq){stroke:color-mix(in srgb, var(--aspire-color-primary) 22%, transparent);stroke-dasharray:2 9;animation-duration:18s}@keyframes mesh-flow{to{stroke-dashoffset:-120px}}.mesh-node:where(.astro-h7z743yq){fill:color-mix(in srgb, var(--aspire-color-primary) 22%, var(--sl-color-bg));stroke:color-mix(in srgb, var(--aspire-color-primary) 65%, transparent);stroke-width:1.5px;transform-box:fill-box;transform-origin:50%}.mesh-node-small:where(.astro-h7z743yq){fill:color-mix(in srgb, var(--aspire-color-secondary) 18%, var(--sl-color-bg));stroke:color-mix(in srgb, var(--aspire-color-secondary) 50%, transparent);opacity:.75}.mesh-node:where(.astro-h7z743yq).is-primary{fill:color-mix(in srgb, var(--aspire-color-primary) 38%, var(--sl-color-bg));stroke:var(--aspire-color-secondary);stroke-width:2px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--aspire-color-primary) 60%, transparent));animation:3.6s ease-in-out infinite mesh-pulse}@keyframes mesh-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.82;transform:scale(1.18)}}.sample-hero-copy:where(.astro-h7z743yq){z-index:1;flex-direction:column;gap:1rem;max-width:52rem;display:flex;position:relative}.sample-hero-tags:where(.astro-h7z743yq){flex-wrap:wrap;align-self:flex-start;gap:.5rem;display:flex}.sample-hero-tag:where(.astro-h7z743yq){background:color-mix(in srgb, var(--aspire-color-primary) 18%, var(--sl-color-bg));border:1px solid color-mix(in srgb, var(--aspire-color-primary) 40%, transparent);color:color-mix(in srgb, var(--aspire-color-secondary) 80%, var(--sl-color-white));letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .7rem .3rem .5rem;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex}.sample-hero-tag:where(.astro-h7z743yq) svg,.sample-hero-tag:where(.astro-h7z743yq) .apphost-glyph:where(.astro-h7z743yq){color:var(--aspire-color-secondary)}.apphost-glyph:where(.astro-h7z743yq){flex-shrink:0;display:inline-block}[data-theme=light] .sample-hero-tag:where(.astro-h7z743yq){color:color-mix(in srgb, var(--aspire-color-primary) 75%, var(--sl-color-black));background:color-mix(in srgb, var(--aspire-color-primary) 14%, white);border-color:color-mix(in srgb, var(--aspire-color-primary) 45%, transparent)}[data-theme=light] .sample-hero-tag:where(.astro-h7z743yq) svg,[data-theme=light] .sample-hero-tag:where(.astro-h7z743yq) .apphost-glyph:where(.astro-h7z743yq){color:var(--aspire-color-primary)}.sample-hero-apphost:where(.astro-h7z743yq){--apphost-color:var(--aspire-color-primary)}.sample-hero-apphost:where(.astro-h7z743yq)[data-apphost=typescript]{--apphost-color:#3178c6}.sample-hero-apphost:where(.astro-h7z743yq)[data-apphost=csproj],.sample-hero-apphost:where(.astro-h7z743yq)[data-apphost=file-based]{--apphost-color:#512bd4}.sample-hero-apphost:where(.astro-h7z743yq){background:color-mix(in srgb, var(--apphost-color) 18%, var(--sl-color-bg));border-color:color-mix(in srgb, var(--apphost-color) 55%, transparent);color:color-mix(in srgb, var(--apphost-color) 35%, var(--sl-color-white))}.sample-hero-apphost:where(.astro-h7z743yq) svg,.sample-hero-apphost:where(.astro-h7z743yq) .apphost-glyph:where(.astro-h7z743yq){color:color-mix(in srgb, var(--apphost-color) 80%, var(--sl-color-white))}[data-theme=light] .sample-hero-apphost:where(.astro-h7z743yq){color:color-mix(in srgb, var(--apphost-color) 80%, var(--sl-color-black));background:color-mix(in srgb, var(--apphost-color) 14%, white);border-color:color-mix(in srgb, var(--apphost-color) 55%, transparent)}[data-theme=light] .sample-hero-apphost:where(.astro-h7z743yq) svg,[data-theme=light] .sample-hero-apphost:where(.astro-h7z743yq) .apphost-glyph:where(.astro-h7z743yq){color:var(--apphost-color)}.sample-hero-title:where(.astro-h7z743yq){max-width:42rem;color:var(--sl-color-white);letter-spacing:-.01em;margin:0;font-size:clamp(1.35rem,4vw,2.15rem);line-height:1.1}.sample-summary:where(.astro-h7z743yq){max-width:48rem;color:var(--sl-color-gray-2);margin:0;font-size:clamp(.98rem,2vw,1.1rem);line-height:1.65}.sample-tags:where(.astro-h7z743yq){flex-wrap:wrap;gap:.35rem;display:flex}.sample-kicker:where(.astro-h7z743yq){color:var(--sl-color-accent-high);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:700}.sample-actions:where(.astro-h7z743yq){flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.sample-action:where(.astro-h7z743yq){border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .9rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:filter .2s,transform .2s,border-color .2s;display:inline-flex}.sample-action:where(.astro-h7z743yq).primary{background:var(--sl-color-accent-high);color:var(--sl-color-black)}.sample-action:where(.astro-h7z743yq).secondary{border:1px solid var(--sl-color-gray-4);color:var(--sl-color-white)}.sample-action:where(.astro-h7z743yq):hover{filter:brightness(1.08);text-decoration:none;transform:translateY(-1px)}.sample-readme:where(.astro-h7z743yq){min-width:0}.sample-readme:where(.astro-h7z743yq) .expressive-code{margin:1.25rem 0}.sample-apphost:where(.astro-h7z743yq){border:1px solid var(--sl-color-gray-5);background:color-mix(in srgb, var(--sl-color-gray-6) 85%, var(--sl-color-black));border-radius:.5rem;flex-direction:column;gap:.85rem;padding:clamp(1rem,3vw,1.5rem);display:flex}.sample-apphost-header:where(.astro-h7z743yq){flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.5rem 1rem;display:flex}.sample-apphost-heading:where(.astro-h7z743yq){flex-direction:column;gap:.25rem;max-width:48rem;display:flex}.sample-apphost-blurb:where(.astro-h7z743yq){color:var(--sl-color-gray-2);margin:0;font-size:.95rem;line-height:1.5}.sample-apphost-source:where(.astro-h7z743yq){border:1px solid var(--sl-color-gray-4);color:var(--sl-color-white);border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:border-color .2s,transform .2s,background-color .2s;display:inline-flex}.sample-apphost-source:where(.astro-h7z743yq):hover{border-color:var(--sl-color-accent);background:color-mix(in srgb, var(--sl-color-accent) 14%, transparent);text-decoration:none;transform:translateY(-1px)}.sample-apphost:where(.astro-h7z743yq) .expressive-code{margin:0}.sample-media:where(.astro-h7z743yq){border:1px solid var(--sl-color-gray-5);background:color-mix(in srgb, var(--sl-color-gray-6) 90%, var(--sl-color-black));border-radius:1rem;flex-direction:column;gap:1rem;padding:clamp(1rem,3vw,1.5rem);display:flex}.sample-media-header:where(.astro-h7z743yq){flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.75rem 1rem;display:flex}.sample-media-header:where(.astro-h7z743yq) h2:where(.astro-h7z743yq){color:var(--sl-color-white);margin:.25rem 0 0;font-size:clamp(1.2rem,3vw,1.55rem)}.sample-media-header:where(.astro-h7z743yq) p:where(.astro-h7z743yq){max-width:18rem;color:var(--sl-color-gray-2);margin:0;font-size:.9rem}.sample-media-grid:where(.astro-h7z743yq){gap:1rem;display:grid}.sample-readme-image:where(.astro-h7z743yq){margin:0;display:block}.sample-readme-image:where(.astro-h7z743yq) img{border:1px solid var(--sl-color-gray-5);max-width:100%;height:auto;box-shadow:var(--sl-shadow-sm);border-radius:.75rem;display:block}.sample-readme-image:where(.astro-h7z743yq) starlight-image-zoom-zoomable{display:block}.sample-readme-image:where(.astro-h7z743yq) figcaption:where(.astro-h7z743yq){color:var(--sl-color-gray-3);text-align:center;margin-top:.45rem;font-size:.85rem}.sample-readme:where(.astro-h7z743yq) h2:first-child{margin-top:0}@media (prefers-reduced-motion:reduce){.mesh-edge:where(.astro-h7z743yq),.mesh-node:where(.astro-h7z743yq).is-primary{animation:none}.sample-action:where(.astro-h7z743yq){transition:none}.sample-action:where(.astro-h7z743yq):hover{transform:none}}@media (width<=48rem){.sample-hero-mesh:where(.astro-h7z743yq){opacity:.85;width:60%}}@media (width<=36rem){.sample-actions:where(.astro-h7z743yq),.sample-action:where(.astro-h7z743yq){width:100%}.sample-hero:where(.astro-h7z743yq){padding:clamp(1.25rem,5vw,1.75rem)}.sample-hero-mesh:where(.astro-h7z743yq){opacity:.5;width:72%}}