.color-picker-tool__canvas{object-fit:contain;border-radius:var(--radius-md);background-color:var(--color-bg-soft);cursor:crosshair;width:100%;max-height:360px}.color-picker-tool__swatch{border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;height:100px}.color-picker-tool__values{flex-direction:column;gap:8px;display:flex}.color-picker-tool__value{border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-bg-soft);color:var(--color-text);cursor:pointer;transition:border-color var(--transition-fast);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-family:Courier New,monospace;font-size:13.5px;font-weight:600;display:flex}.color-picker-tool__value:hover{border-color:var(--color-primary);color:var(--color-primary)}.color-picker-tool__history{flex-wrap:wrap;gap:8px;display:flex}.color-picker-tool__chip{border:1px solid var(--color-border);border-radius:50%;width:26px;height:26px}