.cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:700px){.cols{grid-template-columns:1fr}}
input[type=color]{width:56px;height:36px;padding:2px}
.chk{display:flex;gap:6px;align-items:center;margin:0 0 8px}
#prev{align-items:flex-end}
#prev figure{margin:0;text-align:center}#prev figcaption{font-size:.8em;color:var(--muted)}
#prev canvas{display:block;background:repeating-conic-gradient(var(--line) 0 25%,transparent 0 50%) 0 0/12px 12px;max-width:100%}
.cols>*{min-width:0}