.kp-cp-trigger{border:1px solid var(--line);cursor:pointer;border-radius:6px;width:30px;height:28px;padding:0}.kp-cp-cover{opacity:0;cursor:pointer;z-index:1;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.kp-cp-pop{z-index:400;background:var(--paper-warm);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;width:232px;padding:10px;display:flex;position:fixed;box-shadow:0 14px 36px -12px #1c2a4759}.kp-cp-hexrow{align-items:center;gap:6px;display:flex}.kp-cp-hash{font-family:var(--font-mono);color:var(--stone);font-size:13px}.kp-cp-hex{min-width:0;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:7px;flex:1;padding:5px 8px;font-size:14px}.kp-cp-hex:focus{outline:2px solid var(--clay);outline-offset:1px}.kp-cp-preview{border:1px solid var(--line);border-radius:999px;flex:none;width:26px;height:26px}.kp-cp-eyedrop{border:1px solid var(--line);background:var(--paper);width:26px;height:26px;color:var(--ink-2);cursor:pointer;border-radius:7px;flex:none;padding:0;font-size:13px;line-height:1}.kp-cp-eyedrop:hover{border-color:var(--clay);color:var(--clay-deep)}.kp-cp-pane{border:1px solid var(--line-soft);cursor:crosshair;touch-action:none;border-radius:9px;height:150px;position:relative;overflow:hidden}.kp-cp-pane-bg{pointer-events:none;background-image:linear-gradient(#fff 0%,#fff0 50%,#0000 50%,#000 100%),linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:absolute;inset:0}.kp-cp-thumb{pointer-events:none;border:2px solid #fff;border-radius:999px;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059}.kp-cp-sat{appearance:none;border:1px solid var(--line-soft);cursor:pointer;border-radius:999px;height:12px}.kp-cp-sat::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:1px solid #00000040;border-radius:999px;width:16px;height:16px;box-shadow:0 1px 3px #0000004d}.kp-cp-sat::-moz-range-thumb{background:#fff;border:1px solid #00000040;border-radius:999px;width:16px;height:16px;box-shadow:0 1px 3px #0000004d}