.playground-page[data-astro-cid-5wq3ak55]{--pg-card-bg: var(--color-bg);--pg-card-border: rgba(28, 20, 14, .1);--pg-media-bg: color-mix(in srgb, var(--color-text) 8%, var(--color-bg));--pg-text: var(--color-text);--pg-muted: var(--color-muted)}[data-theme=dark] .playground-page[data-astro-cid-5wq3ak55],[data-theme=noir] .playground-page[data-astro-cid-5wq3ak55]{--pg-text: #1C1410;--pg-muted: rgba(28, 20, 14, .5);--pg-card-bg: rgba(28, 20, 14, .06);--pg-card-border: rgba(28, 20, 14, .1);--pg-media-bg: rgba(28, 20, 14, .08)}[data-theme=orange] .playground-page[data-astro-cid-5wq3ak55]{--pg-card-bg: #F0EDE8;--pg-card-border: rgba(28, 20, 14, .08);--pg-media-bg: rgba(28, 20, 14, .07)}[data-theme=blue] .playground-page[data-astro-cid-5wq3ak55]{--pg-text: #1C1410;--pg-muted: rgba(28, 20, 14, .5);--pg-card-bg: #F0EDE8;--pg-card-border: rgba(28, 20, 14, .08);--pg-media-bg: rgba(28, 20, 14, .07)}.playground-page[data-astro-cid-5wq3ak55]{min-height:100svh;background-color:var(--color-subtle);padding-bottom:80px;position:relative}.pg-grain[data-astro-cid-5wq3ak55]{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-size:256px 256px}.pg-inner[data-astro-cid-5wq3ak55]{position:relative;z-index:1;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--gutter)}.pg-header[data-astro-cid-5wq3ak55]{padding-top:140px;padding-bottom:40px}.pg-title[data-astro-cid-5wq3ak55]{font-size:16px;font-weight:500;letter-spacing:.02em;color:var(--pg-text);margin-bottom:8px}.pg-subtitle[data-astro-cid-5wq3ak55]{font-size:16px;font-weight:400;letter-spacing:.02em;line-height:1.6;color:var(--pg-muted)}.pg-grid[data-astro-cid-5wq3ak55]{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.pg-card[data-astro-cid-5wq3ak55]{position:relative;display:flex;flex-direction:column;background-color:var(--pg-card-bg);border:1px solid var(--pg-card-border);border-radius:4px;overflow:hidden;transition:border-color .3s var(--ease)}.pg-card--link[data-astro-cid-5wq3ak55]{text-decoration:none;color:inherit;cursor:pointer}.pg-card--link[data-astro-cid-5wq3ak55]:not(.pg-card--hero):hover{border-color:var(--color-accent)}.pg-card--link[data-astro-cid-5wq3ak55]:hover .pg-media-img[data-astro-cid-5wq3ak55],.pg-card--link[data-astro-cid-5wq3ak55]:hover .pg-media-video[data-astro-cid-5wq3ak55]{transform:scale(1.04)}.pg-card--link[data-astro-cid-5wq3ak55]:hover .pg-curve-svg[data-astro-cid-5wq3ak55]{opacity:.85}.pg-media[data-astro-cid-5wq3ak55]{flex:1;min-height:100px;background-color:var(--pg-media-bg);overflow:hidden;position:relative}.pg-media--sq[data-astro-cid-5wq3ak55]{aspect-ratio:1}.pg-media--dark[data-astro-cid-5wq3ak55]{background-color:#1c1410}.pg-media-img[data-astro-cid-5wq3ak55],.pg-media-video[data-astro-cid-5wq3ak55]{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}.pg-foot[data-astro-cid-5wq3ak55]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;gap:8px;border-top:1px solid var(--pg-card-border)}.pg-foot--dark[data-astro-cid-5wq3ak55]{background-color:#1c1410;border-top-color:#f0ede814}.pg-foot-title[data-astro-cid-5wq3ak55]{font-size:12px;font-weight:400;color:var(--pg-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-foot-title--muted[data-astro-cid-5wq3ak55]{color:var(--pg-muted)}.pg-foot-tag[data-astro-cid-5wq3ak55]{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--pg-muted);flex-shrink:0;white-space:nowrap}.pg-card--hero[data-astro-cid-5wq3ak55]{grid-column:span 2;flex-direction:row;border:none;transition:border-radius .4s var(--ease)}.pg-card--hero[data-astro-cid-5wq3ak55]:hover{border-radius:16px}.pg-card--hero[data-astro-cid-5wq3ak55]:after{content:"";position:absolute;inset:0;border:2px solid var(--pg-card-border);border-radius:inherit;pointer-events:none;transition:border-color .4s var(--ease);z-index:2}.pg-card--hero[data-astro-cid-5wq3ak55]:hover:after{border-color:var(--color-card-stroke)}.pg-hero-media[data-astro-cid-5wq3ak55]{width:55%;flex-shrink:0;overflow:hidden;background-color:var(--pg-media-bg);align-self:stretch}.pg-hero-img[data-astro-cid-5wq3ak55]{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}.pg-card--hero[data-astro-cid-5wq3ak55]:hover .pg-hero-img[data-astro-cid-5wq3ak55]{transform:scale(1.04)}.pg-hero-body[data-astro-cid-5wq3ak55]{flex:1;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid var(--pg-card-border);font-family:var(--font)}.pg-eyebrow[data-astro-cid-5wq3ak55]{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--pg-muted);margin-bottom:8px}.pg-hero-title[data-astro-cid-5wq3ak55]{font-size:18px;font-weight:500;letter-spacing:var(--tracking-tight);color:var(--pg-text);line-height:1.2;margin-bottom:8px}.pg-hero-desc[data-astro-cid-5wq3ak55]{font-size:13px;font-weight:400;color:var(--pg-muted);line-height:1.5}.pg-hero-cta[data-astro-cid-5wq3ak55]{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--pg-text);margin-top:20px}.pg-curve-svg[data-astro-cid-5wq3ak55]{width:100%;height:100%;display:block;padding:16px;box-sizing:border-box;transition:opacity .3s var(--ease)}.pg-card--code[data-astro-cid-5wq3ak55]{grid-column:span 2}.pg-media--code[data-astro-cid-5wq3ak55]{aspect-ratio:unset;min-height:140px;justify-content:flex-end;display:flex;flex-direction:column;padding:20px;gap:0}.pg-code-watermark[data-astro-cid-5wq3ak55]{font-family:var(--font-mono);font-size:88px;font-weight:700;color:#f0ede812;position:absolute;top:4px;left:14px;line-height:1;user-select:none;letter-spacing:-.04em}.pg-code-body[data-astro-cid-5wq3ak55]{position:relative;z-index:1}.pg-code-title[data-astro-cid-5wq3ak55]{font-size:14px;font-weight:400;color:#f0ede8;margin-bottom:5px;line-height:1.3}.pg-code-desc[data-astro-cid-5wq3ak55]{font-size:11px;font-weight:400;color:#f0ede866;line-height:1.5}.pg-card--wip[data-astro-cid-5wq3ak55]{cursor:default}.pg-media--wip[data-astro-cid-5wq3ak55]{background-color:var(--pg-media-bg);opacity:.4}.pg-wip-badge[data-astro-cid-5wq3ak55]{position:absolute;top:10px;left:10px;font-family:var(--font-mono);font-size:8px;font-weight:500;letter-spacing:.14em;color:var(--color-muted);border:1px solid var(--pg-card-border);padding:2px 5px;border-radius:0}@media(max-width:900px){.pg-grid[data-astro-cid-5wq3ak55]{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.pg-grid[data-astro-cid-5wq3ak55]{grid-template-columns:1fr}.pg-card--hero[data-astro-cid-5wq3ak55]{grid-column:span 1;flex-direction:column;min-height:unset}.pg-hero-media[data-astro-cid-5wq3ak55]{width:100%;min-height:clamp(160px,50vw,300px);align-self:auto}.pg-hero-body[data-astro-cid-5wq3ak55]{border-left:none;border-top:1px solid var(--pg-card-border)}.pg-header[data-astro-cid-5wq3ak55]{padding-top:120px}}