.k-cp{font-family:var(--k-font);text-align:left}
.k-cp-grid{display:flex;flex-wrap:wrap;gap:8px}
.k-cp-sw{width:34px;height:34px;border-radius:10px;border:1px solid var(--k-line);cursor:pointer;padding:0;display:grid;place-items:center;color:transparent;transition:transform .12s var(--k-ease)}
.k-cp-sw:hover{transform:scale(1.08)}
.k-cp-sw.sel{color:#fff;box-shadow:0 0 0 2px var(--k-bg),0 0 0 4px var(--k-accent)}
.k-cp-custom{position:relative;width:34px;height:34px;border-radius:10px;border:1.5px dashed var(--k-border-strong);display:grid;place-items:center;color:var(--k-ink-3);cursor:pointer;background:var(--k-bg)}
.k-cp-custom input{position:absolute;inset:0;opacity:0;cursor:pointer}
.k-cp-out{display:flex;align-items:center;gap:9px;margin-top:13px;font-size:12.5px;color:var(--k-ink-2)}
.k-cp-out .chipc{width:18px;height:18px;border-radius:6px;border:1px solid var(--k-line)}
.k-cp-out code{font-family:var(--k-mono);font-size:12px;color:var(--k-ink)}