.DevxShowcase-module__T3gJ2q__tokenPalette{grid-template-columns:1fr;gap:.5rem;display:grid}@media (min-width:640px){.DevxShowcase-module__T3gJ2q__tokenPalette{grid-template-columns:1fr 1fr}}.DevxShowcase-module__T3gJ2q__tokenCard{border:1px solid color-mix(in srgb, var(--border) 66%, transparent);background:color-mix(in srgb, var(--background) 94%, var(--card-bg) 6%);align-items:center;gap:.75rem;padding:.75rem;display:flex}.DevxShowcase-module__T3gJ2q__tokenSwatch{border:1px solid color-mix(in srgb, var(--border) 50%, transparent);flex-shrink:0;width:1.5rem;height:1.5rem}.DevxShowcase-module__T3gJ2q__tokenInfo{gap:.15rem;min-width:0;display:grid}.DevxShowcase-module__T3gJ2q__tokenName{color:var(--primary);font-family:ui-monospace,monospace;font-size:.75rem}.DevxShowcase-module__T3gJ2q__tokenDesc{color:var(--text-muted);font-size:.72rem}.DevxShowcase-module__T3gJ2q__spacingDemo{gap:.75rem;display:grid}.DevxShowcase-module__T3gJ2q__spacingRow{align-items:center;gap:.75rem;display:flex}.DevxShowcase-module__T3gJ2q__spacingLabel{color:var(--foreground);flex-shrink:0;width:5rem;font-size:.8rem}.DevxShowcase-module__T3gJ2q__spacingValue{color:var(--text-muted);flex-shrink:0;width:4rem;font-family:ui-monospace,monospace;font-size:.75rem}.DevxShowcase-module__T3gJ2q__spacingBar{background:var(--primary);opacity:.4;min-width:.25rem;height:.75rem}.DevxShowcase-module__T3gJ2q__typographyScale{gap:.75rem;display:grid}.DevxShowcase-module__T3gJ2q__typeRow{align-items:baseline;gap:.75rem;display:flex}.DevxShowcase-module__T3gJ2q__typeLabel{color:var(--primary);letter-spacing:.05em;text-transform:uppercase;flex-shrink:0;width:3rem;font-size:.7rem;font-weight:700}.DevxShowcase-module__T3gJ2q__typeSample{color:var(--foreground)}.DevxShowcase-module__T3gJ2q__typeSampleMuted{color:var(--text-muted)}.DevxShowcase-module__T3gJ2q__sectionDemo{gap:1rem;display:grid}.DevxShowcase-module__T3gJ2q__sectionLayer{gap:.35rem;display:grid}.DevxShowcase-module__T3gJ2q__sectionLayerLabel{color:var(--text-muted);letter-spacing:.04em;font-size:.7rem;font-weight:600}.DevxShowcase-module__T3gJ2q__sectionMock{border-radius:.25rem}.DevxShowcase-module__T3gJ2q__surfacePreview{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.DevxShowcase-module__T3gJ2q__surfacePreview{grid-template-columns:1fr 1fr}}.DevxShowcase-module__T3gJ2q__surfaceCard,.DevxShowcase-module__T3gJ2q__surfaceCardAlt{gap:.5rem;padding:1rem;display:grid}.DevxShowcase-module__T3gJ2q__surfaceCard{border:1px solid color-mix(in srgb, var(--border) 66%, transparent);background:color-mix(in srgb, var(--background) 94%, var(--card-bg) 6%)}.DevxShowcase-module__T3gJ2q__surfaceCardAlt{background:color-mix(in srgb, var(--background) 86%, #050505 14%)}.DevxShowcase-module__T3gJ2q__surfaceCardTitle{color:var(--foreground);font-size:.85rem;font-weight:700}.DevxShowcase-module__T3gJ2q__surfaceCardDesc{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.6}.DevxShowcase-module__T3gJ2q__surfaceCode{color:var(--primary);white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,monospace;font-size:.7rem;line-height:1.5}