.playground-grid[data-astro-cid-r7vfvtcr]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);padding-bottom:var(--space-20)}.playground-card[data-astro-cid-r7vfvtcr]{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-xl);transition:transform var(--transition-base),box-shadow var(--transition-base);position:relative}.playground-card[data-astro-cid-r7vfvtcr]:hover{transform:translateY(-4px);box-shadow:0 8px 32px #22d3ee1f}.playground-card__overlay[data-astro-cid-r7vfvtcr]{position:absolute;inset:0;z-index:0}.playground-card__links[data-astro-cid-r7vfvtcr] a[data-astro-cid-r7vfvtcr]{position:relative;z-index:1}.playground-card__media[data-astro-cid-r7vfvtcr]{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-bg-alt)}.playground-card__media[data-astro-cid-r7vfvtcr] img[data-astro-cid-r7vfvtcr]{width:100%;height:100%;object-fit:cover;display:block}.playground-card__iframe-wrap[data-astro-cid-r7vfvtcr]{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-bg-alt);position:relative}.playground-card__iframe-wrap[data-astro-cid-r7vfvtcr] iframe[data-astro-cid-r7vfvtcr]{width:100%;height:100%;border:none;display:block}.playground-card__body[data-astro-cid-r7vfvtcr]{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.playground-card__title[data-astro-cid-r7vfvtcr]{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0}.playground-card__desc[data-astro-cid-r7vfvtcr]{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin:0}.tag-overflow[data-astro-cid-r7vfvtcr]{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:500;color:var(--color-text-tertiary);background:#94a3b814;border:.5px solid rgba(148,163,184,.18);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.playground-card__tags-row[data-astro-cid-r7vfvtcr]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:auto}.playground-card__tags[data-astro-cid-r7vfvtcr]{display:flex;flex-wrap:wrap;gap:var(--space-1);flex:1;min-width:0}.playground-card__demo-btn[data-astro-cid-r7vfvtcr]{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#713f12;background:#fde047;border:none;padding:3px 10px;border-radius:5px;text-decoration:none;white-space:nowrap;flex-shrink:0;box-shadow:0 1px 6px #fde04766;transition:background .15s,box-shadow .15s}.playground-card__demo-btn[data-astro-cid-r7vfvtcr]:hover{background:#facc15;box-shadow:0 2px 10px #fde0478c}.playground-card__tech-row[data-astro-cid-r7vfvtcr]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.playground-card__tech[data-astro-cid-r7vfvtcr]{display:flex;flex-wrap:wrap;gap:var(--space-1);flex:1;min-width:0}.tech-pill[data-astro-cid-r7vfvtcr]{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:500;color:var(--color-text-secondary);background:#94a3b812;border:.5px solid rgba(148,163,184,.18);border-radius:5px;padding:2px var(--space-2);line-height:1.5;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.tech-pill__dot[data-astro-cid-r7vfvtcr]{width:6px;height:6px;border-radius:50%;flex-shrink:0}.playground-card__source-btn[data-astro-cid-r7vfvtcr]{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--color-text-tertiary);background:transparent;border:.5px solid rgba(148,163,184,.15);padding:3px 10px;border-radius:var(--radius-full);text-decoration:none;white-space:nowrap;flex-shrink:0;transition:color .15s,border-color .15s}.playground-card__source-btn[data-astro-cid-r7vfvtcr]:hover{color:var(--color-text-secondary);border-color:#94a3b84d}.playground-card[data-astro-cid-r7vfvtcr].hidden{display:none}.pg-no-results[data-astro-cid-r7vfvtcr]{text-align:center;padding:var(--space-16) 0;color:var(--color-text-tertiary);font-size:var(--text-base)}@media(max-width:1024px){.playground-grid[data-astro-cid-r7vfvtcr]{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.playground-grid[data-astro-cid-r7vfvtcr]{grid-template-columns:1fr}}