@layer components{.tr-illustration-demo{gap:var(--tinyrack-space-lg);padding:var(--tinyrack-space-lg);border:var(--tinyrack-border-width-default) solid var(--tinyrack-border);background:var(--tinyrack-surface-muted);display:grid}.tr-illustration-demo-grid{grid-template-columns:repeat(auto-fit, minmax(var(--tinyrack-measure-md), 1fr));gap:var(--tinyrack-space-lg);display:grid}.tr-illustration-demo-card{gap:var(--tinyrack-space-sm);padding:var(--tinyrack-space-md);border:var(--tinyrack-border-width-default) solid var(--tinyrack-border);background:var(--tinyrack-surface);margin:0;display:grid}.tr-illustration-demo-art{width:100%;height:auto;display:block}.tr-illustration-demo-card figcaption{color:var(--tinyrack-text-muted);font-size:var(--tinyrack-text-sm);line-height:var(--tinyrack-leading-sm)}.tr-illustration-demo-legend{gap:var(--tinyrack-space-md);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tr-illustration-demo-legend li{align-items:center;gap:var(--tinyrack-space-xs);color:var(--tinyrack-text-muted);font-size:var(--tinyrack-text-sm);display:inline-flex}.tr-illustration-demo-swatch{width:var(--tinyrack-space-md);height:var(--tinyrack-space-md);border:var(--tinyrack-border-width-default) solid var(--tinyrack-illustration-stroke)}}