.token-swatch.svelte-19ivtdk{display:flex;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);transition:border-color var(--duration-micro) var(--ease-standard)}.token-swatch.svelte-19ivtdk:hover{border-color:var(--color-border-emphasis)}.swatch-preview.svelte-19ivtdk{width:64px;height:64px;flex-shrink:0;background:var(--swatch-color);border-radius:var(--radius-md);border:1px solid var(--color-border-default);display:flex;align-items:center;justify-content:center}.swatch-sm.svelte-19ivtdk .swatch-preview:where(.svelte-19ivtdk){width:48px;height:48px}.swatch-lg.svelte-19ivtdk .swatch-preview:where(.svelte-19ivtdk){width:80px;height:80px}.swatch-foreground.svelte-19ivtdk{background:var(--color-bg-pure)}.swatch-text.svelte-19ivtdk{font-size:var(--text-h2);font-weight:var(--font-semibold)}.swatch-transparent.svelte-19ivtdk{background-image:linear-gradient(45deg,var(--color-bg-subtle) 25%,transparent 25%),linear-gradient(-45deg,var(--color-bg-subtle) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-bg-subtle) 75%),linear-gradient(-45deg,transparent 75%,var(--color-bg-subtle) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}.swatch-transparent.svelte-19ivtdk:after{content:"";position:absolute;inset:0;background:var(--swatch-color);border-radius:inherit}.swatch-info.svelte-19ivtdk{flex:1;min-width:0}.swatch-header.svelte-19ivtdk{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:4px}.swatch-token.svelte-19ivtdk{font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--color-fg-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swatch-value.svelte-19ivtdk{margin-bottom:4px}.swatch-value.svelte-19ivtdk code:where(.svelte-19ivtdk){font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-fg-muted)}.swatch-description.svelte-19ivtdk{font-size:var(--text-caption);color:var(--color-fg-secondary);margin:0 0 4px;line-height:var(--leading-snug)}.swatch-contrast.svelte-19ivtdk{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-caption)}.contrast-label.svelte-19ivtdk{color:var(--color-fg-muted)}.contrast-value.svelte-19ivtdk{font-family:var(--font-mono);color:var(--color-fg-secondary)}.contrast-badge.svelte-19ivtdk{padding:1px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px}.contrast-pass.svelte-19ivtdk .contrast-badge:where(.svelte-19ivtdk){background:var(--color-success-muted);color:var(--color-success)}.contrast-aaa.svelte-19ivtdk .contrast-badge:where(.svelte-19ivtdk){background:var(--color-info-muted);color:var(--color-info)}.contrast-fail.svelte-19ivtdk{background:var(--color-error-muted);color:var(--color-error)}