.-Cd9LG_colorPicker{grid-template-columns:repeat(8,minmax(0,1fr));gap:0;margin-top:6px;display:grid}.-Cd9LG_colorSwatch{cursor:pointer;border:none;padding:0;transition:transform .1s}.-Cd9LG_colorSwatch:hover{z-index:1;transform:scale(1.15)}.-Cd9LG_colorSwatch.-Cd9LG_selected{outline-offset:-1px;z-index:2;outline:1px solid #0009;transform:scale(1.08)}.-Cd9LG_hexRow{grid-column:1/-1;align-items:center;gap:4px;margin-top:4px;display:flex}.-Cd9LG_sliderRow{grid-column:1/-1;align-items:center;gap:6px;margin-top:6px;display:flex}.-Cd9LG_sliderLabel{font-size:calc(11px * var(--a11y-font-scale,1));color:#666;-webkit-user-select:none;user-select:none;white-space:nowrap}.-Cd9LG_alphaSlider{cursor:pointer;accent-color:#2196f3;flex:1;min-width:0;height:4px}.-Cd9LG_sliderValueInput{width:3ch;font-size:calc(11px * var(--a11y-font-scale,1));color:#333;text-align:right;box-sizing:content-box;border:1px solid #ccc;border-radius:3px;outline:none;padding:1px 2px}.-Cd9LG_sliderValueInput:focus{border-color:#2196f3}.-Cd9LG_sliderPercent{font-size:calc(11px * var(--a11y-font-scale,1));color:#666;-webkit-user-select:none;user-select:none}.-Cd9LG_hexLabel{font-size:calc(13px * var(--a11y-font-scale,1));color:#666;-webkit-user-select:none;user-select:none;font-weight:600}.-Cd9LG_hexInput{font-family:monospace;font-size:calc(13px * var(--a11y-font-scale,1));text-transform:uppercase;border:1px solid #ccc;border-radius:3px;outline:none;flex:1;min-width:0;padding:3px 6px}.-Cd9LG_hexInput:focus{border-color:#2196f3}.-Cd9LG_clearButton{font-size:calc(11px * var(--a11y-font-scale,1));cursor:pointer;color:#666;white-space:nowrap;background:#fff;border:1px solid #ccc;border-radius:3px;padding:2px 8px}.-Cd9LG_clearButton:hover{background:#f0f0f0}