.article-page .event-loop-controls,.article-page .render-controls,.article-page .starvation-controls{flex-wrap:wrap}.article-page .preset-buttons{display:flex;flex-wrap:wrap;gap:var(--cf-space-150)}.article-page .event-loop-visualizer .runtime-pane,.article-page .rendering-demo .runtime-pane,.article-page .starvation-demo .runtime-pane{min-width:0}.article-page .event-loop-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--cf-space-250);gap:var(--cf-space-250);padding:var(--cf-space-300)}.article-page .event-loop-columns>div{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);min-width:0;padding:var(--cf-space-250);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-300);background:var(--cf-color-surface)}.article-page .event-loop-columns strong{color:var(--cf-color-text);font-size:var(--cf-font-size-200)}.article-page .event-loop-columns output{min-height:var(--cf-space-500);color:var(--cf-color-text-secondary);overflow-wrap:anywhere;font-family:var(--cf-font-mono);font-size:var(--cf-font-size-200)}.article-page .render-stage,.article-page .starvation-result{display:grid;justify-items:center;grid-gap:var(--cf-space-300);gap:var(--cf-space-300)}.article-page .paint-box{inline-size:min(100%,220px);aspect-ratio:1;border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-400);background:var(--cf-color-primary);box-shadow:var(--cf-shadow-sm)}.article-page .render-stage ol{justify-self:stretch;margin:0}.article-page .starvation-controls label{display:inline-flex;align-items:center;gap:var(--cf-space-150);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-200)}.article-page .starvation-controls input{max-inline-size:9ch}.article-page .spinner{inline-size:var(--cf-space-700);block-size:var(--cf-space-700);border:var(--cf-space-050) solid var(--cf-color-border-control);border-block-start-color:var(--cf-color-primary);border-radius:var(--cf-radius-full)}.article-page .spinner.is-spinning{animation:event-loop-spin var(--cf-duration-slower) linear infinite}@media(prefers-reduced-motion:reduce){.article-page .spinner.is-spinning{animation:none}}@media(max-width:560px){.article-page .event-loop-columns{grid-template-columns:1fr}}@keyframes event-loop-spin{to{transform:rotate(1turn)}}