/* Life in Weeks — layout for controls, chips and the canvas grid. */

.wk-controls { display: grid; gap: var(--space-3); }
.wk-controls label { display: grid; gap: 6px; font-weight: 650; font-size: 0.92rem; }
.wk-controls input[type="range"] { width: 100%; accent-color: var(--accent); }
.wk-controls .field { width: 100%; }

.wk-chips {
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: var(--space-2); margin: 8px 0 14px;
}

.wk-canvas-wrap { overflow-x: auto; }
#grid { display: block; margin: 0 auto; max-width: 100%; }