.sds-showcase{background:var(--bg-canvas);min-height:100vh;color:var(--fg-default);padding:var(--page-pad)}.sds-showcase-inner{max-width:var(--page-max);gap:var(--space-8);flex-direction:column;margin-inline:auto;display:flex}.sds-showcase-row{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.sds-showcase-section{gap:var(--space-4);flex-direction:column;display:flex}.sds-showcase-section h2{font-family:var(--font-body);font-size:var(--title-section);color:var(--fg-strong)}.sds-showcase-form{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--nav-width)), 1fr));gap:var(--space-4);display:grid}.sds-showcase-swatches{gap:var(--space-6);flex-wrap:wrap;display:flex}.sds-showcase-swatch{gap:var(--space-2);flex-direction:column;display:flex}.sds-showcase-swatch span{width:var(--nav-width-collapsed);height:var(--space-12);border-radius:var(--radius-xs)}.sds-showcase-swatch code{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-muted)}