.playground[data-astro-cid-lz5o6qqb]{padding:calc(var(--space-16) + var(--space-16)) 0 var(--space-24);background:var(--color-surface-subtle);min-height:var(--height-screen)}.pg-header[data-astro-cid-lz5o6qqb]{margin-bottom:var(--space-16);padding-bottom:var(--space-8);border-bottom:calc(var(--space-1) / 2) solid var(--color-surface-tint)}.pg-header[data-astro-cid-lz5o6qqb] h1[data-astro-cid-lz5o6qqb]{font-size:var(--text-h1);margin-bottom:var(--space-3);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;background-clip:text;font-weight:900}.pg-header[data-astro-cid-lz5o6qqb] p[data-astro-cid-lz5o6qqb]{font-size:var(--text-lg);color:var(--color-text-muted)}.pg-section[data-astro-cid-lz5o6qqb]{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-10);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm)}.pg-section[data-astro-cid-lz5o6qqb]>h2[data-astro-cid-lz5o6qqb]{font-size:var(--text-h3);margin-bottom:var(--space-6);color:var(--color-text-primary);padding-bottom:var(--space-3);border-bottom:calc(var(--space-1) / 4) solid var(--color-surface-subtle)}.pg-meta[data-astro-cid-lz5o6qqb]{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.pg-group-label[data-astro-cid-lz5o6qqb]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-muted);padding:var(--space-6) 0 var(--space-3);font-weight:700}.swatch-row[data-astro-cid-lz5o6qqb]{gap:var(--space-3);flex-wrap:wrap;display:flex}.swatch[data-astro-cid-lz5o6qqb]{width:calc(var(--space-20) * 2);height:var(--space-20);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--color-text-on-dark);font-size:var(--text-xs);justify-content:flex-end;gap:calc(var(--space-1) / 2);flex-direction:column;display:flex}.swatch[data-astro-cid-lz5o6qqb].light{color:var(--color-text-primary)}.swatch[data-astro-cid-lz5o6qqb].bordered{border:calc(var(--space-1) / 4) solid var(--color-light-gray)}.gradient-strip[data-astro-cid-lz5o6qqb]{height:var(--space-12);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary), var(--color-accent));margin-top:var(--space-3)}.type-scale[data-astro-cid-lz5o6qqb]{gap:var(--space-4);flex-direction:column;display:flex}.type-row[data-astro-cid-lz5o6qqb]{grid-template-columns:calc(var(--space-20) + var(--space-24) + var(--space-1)) 1fr;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:calc(var(--space-1) / 4) solid var(--color-surface-subtle);display:grid}.type-label[data-astro-cid-lz5o6qqb]{font-size:var(--text-xs);color:var(--color-text-muted);font-family:monospace}.type-label[data-astro-cid-lz5o6qqb] em[data-astro-cid-lz5o6qqb]{color:var(--color-primary);font-style:normal;display:block}.space-grid[data-astro-cid-lz5o6qqb]{gap:var(--space-3);flex-direction:column;display:flex}.space-row[data-astro-cid-lz5o6qqb]{grid-template-columns:calc((var(--space-24) * 2) + var(--space-2)) calc(var(--space-24) + var(--space-6)) 1fr;align-items:center;gap:var(--space-4);display:grid}.space-bar[data-astro-cid-lz5o6qqb]{width:min(var(--space-size), 100%);height:var(--space-4);background:linear-gradient(90deg, var(--color-primary), var(--color-accent));border-radius:var(--radius-pill);min-width:var(--space-1)}.space-row[data-astro-cid-lz5o6qqb] code[data-astro-cid-lz5o6qqb]{font-size:var(--text-xs);color:var(--color-primary);background:var(--color-surface-tint);padding:calc(var(--space-1) / 2) calc(var(--space-3) / 2);border-radius:var(--radius-sm)}.space-row[data-astro-cid-lz5o6qqb] span[data-astro-cid-lz5o6qqb]{font-size:var(--text-xs);color:var(--color-text-muted)}.radius-row[data-astro-cid-lz5o6qqb]{gap:var(--space-4);flex-wrap:wrap;display:flex}.radius-chip[data-astro-cid-lz5o6qqb]{width:var(--space-20);height:var(--space-20);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));justify-content:center;align-items:center;gap:var(--space-1);color:var(--color-text-on-dark);flex-direction:column;display:flex}.radius-chip[data-astro-cid-lz5o6qqb] span[data-astro-cid-lz5o6qqb]{font-size:var(--text-xs);font-weight:700}.radius-chip[data-astro-cid-lz5o6qqb] em[data-astro-cid-lz5o6qqb]{font-size:var(--text-xs);opacity:.8;font-style:normal}.shadow-row[data-astro-cid-lz5o6qqb]{gap:var(--space-6);flex-wrap:wrap;display:flex}.shadow-chip[data-astro-cid-lz5o6qqb]{width:calc((var(--space-16) * 2) + var(--space-3));height:var(--space-20);background:var(--color-surface);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;padding:var(--space-2);justify-content:center;align-items:center;display:flex}.shadow-chip[data-astro-cid-lz5o6qqb].primary-shadow{color:var(--color-primary)}.motion-grid[data-astro-cid-lz5o6qqb]{grid-template-columns:repeat(auto-fill, minmax(calc(var(--space-20) * 2), 1fr));gap:var(--space-4);margin-bottom:var(--space-6);display:grid}.motion-card[data-astro-cid-lz5o6qqb]{gap:var(--space-3);flex-direction:column;align-items:center;display:flex}.motion-demo[data-astro-cid-lz5o6qqb]{padding:var(--space-4);background:var(--color-surface-subtle);border-radius:var(--radius-md);text-align:center;font-size:var(--text-sm);cursor:default;transition:background var(--duration-base), transform var(--duration-base);align-self:stretch}.motion-demo[data-astro-cid-lz5o6qqb][data-duration=instant]{transition-duration:var(--duration-instant)}.motion-demo[data-astro-cid-lz5o6qqb][data-duration=fast]{transition-duration:var(--duration-fast)}.motion-demo[data-astro-cid-lz5o6qqb][data-duration=base]{transition-duration:var(--duration-base)}.motion-demo[data-astro-cid-lz5o6qqb][data-duration=slow]{transition-duration:var(--duration-slow)}.motion-demo[data-astro-cid-lz5o6qqb]:hover{background:var(--color-primary);color:var(--color-text-on-dark);transform:translateY(calc(-1 * var(--space-1)))}.motion-card[data-astro-cid-lz5o6qqb] code[data-astro-cid-lz5o6qqb]{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.ease-row[data-astro-cid-lz5o6qqb]{gap:var(--space-4);flex-wrap:wrap;display:flex}.ease-demo[data-astro-cid-lz5o6qqb]{min-width:calc(var(--space-24) + var(--space-6));height:calc(var(--space-12) + var(--space-2));background:var(--color-surface-subtle);border-radius:var(--radius-md);font-size:var(--text-xs);transition:background calc(var(--duration-slow) + var(--duration-base)), transform calc(var(--duration-slow) + var(--duration-base));cursor:default;flex:1;justify-content:center;align-items:center;font-weight:600;display:flex}.ease-demo[data-astro-cid-lz5o6qqb].ease-standard{transition-timing-function:var(--ease-standard)}.ease-demo[data-astro-cid-lz5o6qqb].ease-out{transition-timing-function:var(--ease-out)}.ease-demo[data-astro-cid-lz5o6qqb].ease-spring{transition-timing-function:var(--ease-spring)}.ease-demo[data-astro-cid-lz5o6qqb]:hover{background:var(--color-secondary);color:var(--color-text-on-dark);transform:scale(1.04)}.btn-row[data-astro-cid-lz5o6qqb]{gap:var(--space-4);flex-wrap:wrap;display:flex}