.tok{border:var(--border-default-rule);border-radius:var(--radius-card);flex-direction:column;display:flex;overflow:hidden}.tok--grid{gap:var(--space-16);border:0;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:0;display:grid}.tok__row{align-items:center;gap:var(--space-16);border-bottom:var(--border-default-rule);padding:var(--space-8) var(--space-16);grid-template-columns:48px 220px minmax(0,1fr);display:grid}.tok__row:last-child{border-bottom:0}.tok__swatch{height:var(--space-32);border:var(--border-default-rule);border-radius:var(--radius-control)}.tok__text-sample{font:var(--text-heading-s);text-align:center}.tok__name{color:var(--color-text-primary);font:var(--text-code)}.tok__role{color:var(--color-text-secondary);font:var(--text-body-s)}.tok__bar-track{justify-content:flex-start;display:flex}.tok__bar{height:var(--space-16);border-radius:var(--radius-xs);background:var(--color-accent-primary)}.tok__row:has(.tok__bar-track){grid-template-columns:96px 220px minmax(0,1fr)}.tok__tile{align-items:flex-start;gap:var(--space-8);flex-direction:column;display:flex}.tok__radius{width:100%;height:var(--space-64);border:var(--border-strong-rule);background:var(--color-surface-panel)}.tok__type-row{justify-content:space-between;align-items:baseline;gap:var(--space-12);border-bottom:var(--border-default-rule);padding:var(--space-12) var(--space-16);flex-wrap:wrap;display:flex}.tok__type-row:last-child{border-bottom:0}.tok__type-sample{min-width:0;color:var(--color-text-primary)}.tok__type-meta{align-items:flex-end;gap:var(--space-2);flex-direction:column;flex:none;display:flex}