.grid-container{display:flex;justify-content:center;max-width:100%}#grid-canvas{cursor:pointer}layout-main .qlearn-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}layout-main .qlearn-stats .stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}layout-main .qlearn-stats .stat .label{font-size:.75rem;text-transform:uppercase;color:var(--text-color-muted)}layout-main .qlearn-stats .stat .value{font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums}layout-main .qlearn-controls{display:flex;flex-flow:row nowrap;justify-content:center;gap:.5rem}layout-main .qlearn-controls .is-start{display:block}layout-main .qlearn-controls .is-stop{display:none}layout-main .qlearn-controls.is-running .is-start{display:none}layout-main .qlearn-controls.is-running .is-stop{display:block}layout-main .slider-group{display:flex;align-items:center;gap:.5rem}layout-main .slider-group label{font-size:.85rem;color:var(--text-color-primary)}layout-main .slider-group input[type=range]{accent-color:var(--draw-color-primary)}layout-main .check-group{display:flex;align-items:center;gap:.5rem}layout-main .check-group input[type=checkbox]{accent-color:var(--draw-color-primary);cursor:pointer}layout-main .check-group label{font-size:.85rem;color:var(--text-color-primary);cursor:pointer}