.cp[data-v-a2dbd774]{flex-direction:column;gap:10px;width:100%;max-width:260px;display:inline-flex}.cp-main[data-v-a2dbd774]{align-items:stretch;gap:10px;display:flex}.cp-area[data-v-a2dbd774]{cursor:crosshair;touch-action:none;border:1px solid var(--border,#e6ece8);border-radius:10px;flex:1;height:150px;position:relative;overflow:hidden}.cp-cursor[data-v-a2dbd774]{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 1px #0003,0 1px 4px #0004}.cp-hue[data-v-a2dbd774]{cursor:pointer;touch-action:none;border:1px solid var(--border,#e6ece8);border-radius:8px;width:16px;position:relative}.cp-hue-cursor[data-v-a2dbd774]{pointer-events:none;background:#fff;border:1px solid #0003;border-radius:3px;width:16px;height:8px;margin-left:-1px;position:absolute;top:-2px;box-shadow:0 1px 3px #0004}.cp-foot[data-v-a2dbd774]{align-items:center;gap:8px;display:flex}.cp-chip[data-v-a2dbd774]{border:1px solid var(--border,#e6ece8);border-radius:8px;flex:none;width:26px;height:26px}.cp-hex[data-v-a2dbd774]{min-width:0;color:inherit;flex:1;padding:0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cp-eye[data-v-a2dbd774],.cp-hex[data-v-a2dbd774]{border:1px solid var(--border,#e6ece8);background:var(--bg-secondary,#f7faf8);border-radius:8px;height:26px;font-size:12px}.cp-eye[data-v-a2dbd774]{cursor:pointer;flex:none;width:28px;line-height:1}.cp-palette[data-v-a2dbd774]{flex-wrap:wrap;gap:6px;display:flex}.cp-sw[data-v-a2dbd774]{cursor:pointer;border:2px solid #0000;border-radius:6px;width:20px;height:20px;padding:0;transition:transform .12s}.cp-sw[data-v-a2dbd774]:hover{transform:translateY(-2px)}.cp-sw.on[data-v-a2dbd774]{border-color:var(--id-green,#2d6a4f);box-shadow:inset 0 0 0 2px #fff}@media (width<=600px){.cp[data-v-a2dbd774]{max-width:none}.cp-area[data-v-a2dbd774]{height:130px}}