.ox-split-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 10px; max-height: 460px; overflow: auto; padding: 6px; }
.ox-split-cell { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 6px; min-height: 44px; border: 2px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--text); cursor: pointer; font-weight: 700; }
.ox-split-cell canvas { width: 100%; height: auto; min-height: 90px; background: #fff; border-radius: 4px; }
.ox-split-cell[aria-pressed="true"] { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 14%, var(--surface)); }
.ox-split-cell[aria-pressed="true"] span::after { content: " ✓"; }
