.playground-page{padding-top:5rem;padding-bottom:5rem}.playground-page__header{margin-bottom:2.75rem}.playground-page__heading{margin:0 0 .75rem;font-size:2.5rem;line-height:1.05}.playground-page__intro{max-width:44rem;color:var(--muted-foreground);margin:0}.playground-page__grid{grid-template-columns:1fr;gap:1rem;display:grid}.playground-page__card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card-gradient);flex-direction:column;gap:.9rem;padding:1rem;display:flex}.playground-page__preview{border-radius:calc(var(--radius) - 4px);border:1px solid color-mix(in oklab, var(--foreground) 20%, transparent);aspect-ratio:4/3;background:radial-gradient(circle at 16% 18%, color-mix(in oklab, var(--primary-green) 52%, transparent), transparent 42%),radial-gradient(circle at 80% 72%, color-mix(in oklab, var(--foreground) 14%, transparent), transparent 55%),var(--card-gradient)}.playground-page__preview--media{overflow:hidden}.playground-page__preview--media img,.playground-page__preview--media video{object-fit:cover;width:100%;height:100%;display:block}.playground-page__card-title{margin:0;font-size:1.25rem;line-height:1.2}.playground-page__card-title a{text-decoration:none}.playground-page__card-title a:hover{text-underline-offset:2px;text-decoration:underline}.playground-page__card-description{color:var(--muted-foreground);margin:0;font-size:.95rem}.playground-page__tags{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.playground-page__tags li{border:1px solid var(--border);color:var(--muted-foreground);border-radius:999px;padding:.2rem .55rem;font-size:.8125rem;line-height:1.2}.playground-page__detail-preview{border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(circle at 12% 22%, color-mix(in oklab, var(--primary-green) 38%, transparent), transparent 46%),radial-gradient(circle at 84% 78%, color-mix(in oklab, var(--foreground) 10%, transparent), transparent 58%),var(--card-gradient);min-height:24rem}.playground-page__detail-preview--media{overflow:hidden}.playground-page__detail-preview--media img,.playground-page__detail-preview--media video{object-fit:cover;width:100%;height:100%;display:block}.playground-page__tags--detail{margin-top:1rem;margin-bottom:1rem}.playground-page__detail-note{max-width:50rem;color:var(--muted-foreground);margin:0}.playground-page__notes{max-width:52rem;margin-top:1rem}.playground-page__links{flex-wrap:wrap;gap:.75rem 1rem;margin-top:1rem;display:flex}.playground-page__link{text-underline-offset:2px;text-decoration:underline}@media (min-width:768px){.playground-page__heading{font-size:3.75rem}.playground-page__grid{grid-template-columns:1fr 1fr;gap:1.25rem}}@media (min-width:1200px){.playground-page__grid{grid-template-columns:repeat(3,1fr)}}