.demo-controls{flex-wrap:wrap;place-content:center;align-items:center;gap:1ex 1em;margin:1em 0;display:flex}.demo-controls label{align-items:center;gap:.5em;display:flex}.demo-controls .demo-value{text-align:right;font-variant-numeric:tabular-nums;min-width:4ch;display:inline-block}.demo-stats-bar{background:var(--surface-bg,#f5f5f5);border-radius:6px;flex-wrap:wrap;gap:.4em 1.2em;margin-top:.5em;padding:.5em .8em;font-family:monospace;font-size:.8em;display:flex}.demo-stats-bar span{white-space:nowrap;opacity:.85}.demo-overlay-label{z-index:1;color:light-dark(#222,#fff);background:light-dark(#dce0e6e6,#00000080);border-radius:4px;margin:1ex 1em;padding:2px 8px;font-family:monospace;font-size:.9em;position:absolute;top:0;left:0}.demo-2col{grid-template-columns:1fr 1fr;gap:1em;display:grid}@media (width<=1024px){.demo-2col{grid-template-columns:1fr}}