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