.tool[data-tool=css-grid-generator] .tracks{border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--space-3);gap:var(--space-2);display:grid}.tool[data-tool=css-grid-generator] .tracks legend{padding-inline:var(--space-1);font-weight:600}.tool[data-tool=css-grid-generator] .track{gap:var(--space-2);grid-template-columns:1.5rem 1fr 1fr;align-items:center;display:grid}.tool[data-tool=css-grid-generator] .num{color:var(--c-text-2);font-variant-numeric:tabular-nums}.tool[data-tool=css-grid-generator] .stage{background:var(--c-surface-2);border-radius:var(--r-md);padding:var(--space-3);margin-block-end:var(--space-3);overflow:auto}.tool[data-tool=css-grid-generator] .preview{min-inline-size:0}.tool[data-tool=css-grid-generator] .cell{background:var(--c-primary);color:#fff;border-radius:var(--r-sm);place-items:center;min-block-size:2.75rem;min-inline-size:0;font-weight:700;display:grid}.tool[data-tool=css-grid-generator] .big-output{white-space:pre-wrap;overflow-wrap:anywhere}