.article-page .generator-control-row{display:flex;flex-wrap:wrap;gap:var(--cf-space-200);align-items:center}.article-page .generator-timeline{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200)}.article-page .generator-timeline p{margin:0;padding:var(--cf-space-200) var(--cf-space-300);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-200);background:var(--cf-color-surface-raised);color:var(--cf-color-text);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-275)}.article-page .generator-state-card{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);margin-top:var(--cf-space-300);padding:var(--cf-space-300);border:1px solid var(--cf-color-primary-border);border-radius:var(--cf-radius-300);background:var(--cf-color-primary-subtle)}.article-page .generator-state-card span{font-family:var(--cf-font-mono);color:var(--cf-color-text)}@media(max-width:768px){.article-page .generator-control-row{align-items:stretch}}