.article-page .main-thread-demo-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cf-space-250)}.article-page .main-thread-demo-controls label{display:inline-flex;align-items:center;gap:var(--cf-space-200);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.article-page .main-thread-demo-controls input{inline-size:min(100%,var(--cf-space-2000));border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-200);background:var(--cf-color-surface-input);color:var(--cf-color-text);padding:var(--cf-space-150) var(--cf-space-250);font:inherit}.article-page .main-thread-lab{align-items:stretch}.article-page .demo-status{display:grid;grid-gap:var(--cf-space-250);gap:var(--cf-space-250)}.article-page .demo-status p{margin:0}.article-page .main-thread-spinner{inline-size:var(--cf-space-700);block-size:var(--cf-space-700);border:var(--cf-space-100) solid var(--cf-color-border);border-block-start-color:var(--cf-color-primary);border-radius:var(--cf-radius-full)}.article-page .main-thread-spinner.is-running{animation:main-thread-spin var(--cf-duration-slower) linear infinite}.article-page .main-thread-log-list{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);margin:0;padding:0;list-style:none}.article-page .main-thread-log-list li{border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-300);background:var(--cf-color-surface-raised);color:var(--cf-color-text);padding:var(--cf-space-250) var(--cf-space-300);font-size:var(--cf-font-size-300)}@media(max-width:768px){.article-page .main-thread-demo-controls,.article-page .main-thread-demo-controls button,.article-page .main-thread-demo-controls input,.article-page .main-thread-demo-controls label{inline-size:100%}}@media(prefers-reduced-motion:reduce){.article-page .main-thread-spinner.is-running{animation:none}}@keyframes main-thread-spin{to{transform:rotate(1turn)}}