/* Background colour swatches and touch-up tools */
.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.swatches button,.swcustom{display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--line);background:var(--field);border-radius:10px;padding:7px 2px;cursor:pointer;font-size:11px;color:var(--muted);font-weight:600}
.swatches i{display:block;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.swatches button[aria-pressed="true"]{border-color:var(--violet);box-shadow:0 0 0 1.5px var(--violet);color:var(--ink)}
.swcustom input{width:26px;height:26px;border:0;padding:0;border-radius:50%;background:none;cursor:pointer}
.swcustom.on{border-color:var(--violet);box-shadow:0 0 0 1.5px var(--violet);color:var(--ink)}
.tools{border:1px dashed var(--line);border-radius:12px;padding:12px;margin:0 0 14px}
.tools .field{margin-bottom:8px}