.tool[data-tool=image-color-picker] .pick-canvas{cursor:crosshair;touch-action:manipulation;border-radius:var(--r-sm);border:1px solid var(--c-border-strong);block-size:auto;max-inline-size:100%}.tool[data-tool=image-color-picker] .swatch{border-radius:var(--r-md);border:1px solid var(--c-border-strong);block-size:4rem;margin-block-end:var(--space-3)}.tool[data-tool=image-color-picker] .hist-h{margin-block-start:var(--space-4)}.tool[data-tool=image-color-picker] .hist{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tool[data-tool=image-color-picker] .hist li{align-items:center;gap:var(--space-1);display:inline-flex}.tool[data-tool=image-color-picker] .chip{border:1px solid var(--c-border-strong);border-radius:4px;block-size:1.25rem;inline-size:1.25rem}