.cp-workspace[data-v-b0e0959a]{flex-direction:column;gap:1.5rem;display:flex}.cp-area-docs[data-v-b0e0959a]{border-top:1px solid var(--border-default);padding-top:.5rem}@media (width>=1280px){.cp-workspace[data-v-b0e0959a]{-moz-column-gap:2rem;grid-template-columns:minmax(0,1fr) minmax(0,400px);grid-template-areas:"pick values""manual values""history values""docs values";align-items:start;gap:1.5rem 2rem;display:grid}.cp-area-pick[data-v-b0e0959a]{grid-area:pick}.cp-area-manual[data-v-b0e0959a]{grid-area:manual}.cp-area-history[data-v-b0e0959a]{grid-area:history}.cp-area-docs[data-v-b0e0959a]{grid-area:docs}.cp-area-values[data-v-b0e0959a]{grid-area:values;position:sticky;top:1rem}}.cp-panel[data-v-b0e0959a]{background:var(--bg-page);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:1rem}.cp-panel__head[data-v-b0e0959a]{justify-content:space-between;align-items:flex-start;gap:.75rem;padding:0 .25rem .75rem;display:flex}.cp-panel__desc[data-v-b0e0959a]{color:var(--text-secondary);margin-top:.25rem;font-size:.8125rem;line-height:1.5}.cp-values[data-v-b0e0959a]{margin:0}.cp-row[data-v-b0e0959a]{border-radius:var(--radius-md);transition:background-color var(--transition-fast) ease;grid-template-columns:3.25rem minmax(0,1fr);align-items:center;gap:.5rem;padding:.375rem .5rem;display:grid}.cp-row+.cp-row[data-v-b0e0959a]{margin-top:2px}.cp-row[data-v-b0e0959a]:hover{background:var(--bg-card)}.cp-row dt[data-v-b0e0959a]{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-size:.6875rem;font-weight:600}.cp-row dd[data-v-b0e0959a]{justify-content:space-between;align-items:center;gap:.5rem;min-width:0;margin:0;display:flex}.cp-row__value[data-v-b0e0959a]{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;cursor:text;-webkit-user-select:all;user-select:all;font-size:.875rem;overflow:hidden}.cp-row__copy[data-v-b0e0959a]{--el-button-size:28px;color:var(--text-secondary);--el-button-hover-bg-color:var(--bg-hover);--el-button-hover-text-color:var(--color-primary);flex-shrink:0;padding:0 6px!important}@media (width<=639px){.cp-panel[data-v-b0e0959a]{padding:.75rem}.cp-row[data-v-b0e0959a]{grid-template-columns:2.75rem minmax(0,1fr);gap:.375rem;padding:.375rem}.cp-row__value[data-v-b0e0959a]{font-size:.8125rem}}.cp-panel__foot[data-v-b0e0959a]{border-top:1px solid var(--border-default);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.75rem;padding-top:.75rem;display:flex}.cp-panel__switch[data-v-b0e0959a]{align-items:center;gap:.5rem;display:inline-flex}.cp-seg[data-v-b0e0959a]{background:var(--bg-card);border:1px solid var(--border-default);border-radius:9999px;flex-wrap:wrap;gap:2px;padding:2px;display:flex}.cp-seg__item[data-v-b0e0959a]{position:relative}.cp-seg__item input[data-v-b0e0959a]{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.cp-seg__item span[data-v-b0e0959a]{font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast) ease,background-color var(--transition-fast) ease;border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;display:block}.cp-seg__item input:hover:not(:checked)+span[data-v-b0e0959a]{color:var(--text-primary);background:var(--bg-hover)}.cp-seg__item input:checked+span[data-v-b0e0959a]{color:var(--text-primary);background:var(--color-primary-light);box-shadow:inset 0 0 0 1px var(--color-primary);font-weight:600}.cp-seg__item input:focus-visible+span[data-v-b0e0959a]{outline:2px solid var(--color-primary);outline-offset:2px}@media (width<=639px){.cp-seg[data-v-b0e0959a]{flex-wrap:nowrap}.cp-seg__item span[data-v-b0e0959a]{padding:.125rem .375rem;font-size:.6875rem}}.cp-hero__board[data-v-b0e0959a]{background-color:var(--bg-card);background-image:linear-gradient(45deg,var(--bg-hover) 25%,transparent 25%,transparent 75%,var(--bg-hover) 75%),linear-gradient(45deg,var(--bg-hover) 25%,transparent 25%,transparent 75%,var(--bg-hover) 75%);border:1px solid var(--border-default);border-radius:var(--radius-xl);background-position:0 0,8px 8px;background-size:16px 16px;min-height:168px;display:flex;position:relative;overflow:hidden}.cp-hero__color[data-v-b0e0959a]{justify-content:flex-end;width:100%;padding:1.25rem;display:flex}.cp-hero__color[data-v-b0e0959a],.cp-hero__meta[data-v-b0e0959a]{transition:background-color var(--transition-normal) ease;flex-direction:column}.cp-hero__meta[data-v-b0e0959a]{border-radius:9999px;align-self:flex-start;gap:.25rem;padding:.375rem .875rem;display:inline-flex}.cp-hero__hex[data-v-b0e0959a]{letter-spacing:-.01em;font-size:1.75rem;font-weight:600;line-height:1.15}.cp-hero__hex[data-v-b0e0959a],.cp-hero__sub[data-v-b0e0959a]{font-family:var(--font-mono)}.cp-hero__sub[data-v-b0e0959a]{opacity:.85;font-size:.8125rem}.cp-hero__tag[data-v-b0e0959a]{opacity:.75;border:1px solid;border-radius:9999px;padding:.0625rem .5rem;font-size:.75rem;position:absolute;top:.75rem;right:.75rem}.cp-hero__bar[data-v-b0e0959a]{flex-wrap:wrap;margin-top:1rem}.cp-alpha[data-v-b0e0959a],.cp-hero__bar[data-v-b0e0959a]{align-items:center;gap:.75rem;display:flex}.cp-alpha[data-v-b0e0959a]{margin-top:.75rem}.cp-alpha__label[data-v-b0e0959a]{color:var(--text-secondary);flex-shrink:0;font-size:.875rem}.cp-alpha__value[data-v-b0e0959a]{min-width:3.5ch;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:.8125rem}.cp-alpha__range[data-v-b0e0959a]{appearance:none;background-color:var(--bg-card);background-image:linear-gradient(to right,transparent,var(--cp-alpha-base,var(--color-primary))),linear-gradient(45deg,var(--bg-hover) 25%,transparent 25%,transparent 75%,var(--bg-hover) 75%),linear-gradient(45deg,var(--bg-hover) 25%,transparent 25%,transparent 75%,var(--bg-hover) 75%);border:1px solid var(--border-default);cursor:pointer;background-position:0 0,0 0,7px 7px;background-size:100% 100%,14px 14px,14px 14px;border-radius:9999px;flex:1;min-width:0;height:14px;margin:0}.cp-alpha__range[data-v-b0e0959a]::-webkit-slider-thumb{appearance:none;border:2px solid var(--color-primary);width:18px;height:18px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%}.cp-alpha__range[data-v-b0e0959a]::-moz-range-thumb{border:2px solid var(--color-primary);width:18px;height:18px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%}.cp-alpha__range[data-v-b0e0959a]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cp-hero__hint[data-v-b0e0959a]{color:var(--text-secondary);font-size:.875rem}.cp-pick-btn[data-v-b0e0959a]{--el-button-size:40px;font-size:.9375rem}.cp-pick-btn__label[data-v-b0e0959a]{align-items:center;gap:.5rem;display:inline-flex}.cp-pick-icon[data-v-b0e0959a]{fill:currentColor;width:17px;height:17px}.cp-kbd[data-v-b0e0959a]{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);border-bottom-width:2px;padding:.0625rem .375rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem}.cp-status[data-v-b0e0959a]{min-height:1.25rem;font-family:var(--font-mono);color:var(--text-secondary);margin-top:.75rem;font-size:.8125rem}.cp-manual[data-v-b0e0959a]{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.cp-color-input[data-v-b0e0959a]{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;width:44px;height:36px;padding:2px}.cp-color-input[data-v-b0e0959a]::-webkit-color-swatch-wrapper{padding:0}.cp-color-input[data-v-b0e0959a]::-webkit-color-swatch{border:none;border-radius:4px}.cp-color-input[data-v-b0e0959a]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cp-field[data-v-b0e0959a]{min-width:0;height:36px;font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--transition-fast) ease,box-shadow var(--transition-fast) ease;flex:8rem;padding:0 .75rem;font-size:.8125rem}.cp-field[data-v-b0e0959a]::placeholder{font-family:var(--font-sans);color:var(--text-tertiary)}.cp-field[data-v-b0e0959a]:hover{border-color:var(--border-hover)}.cp-field[data-v-b0e0959a]:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.cp-field[aria-invalid=true][data-v-b0e0959a]{border-color:var(--color-danger)}.cp-error[data-v-b0e0959a]{color:var(--text-primary);align-items:center;gap:.375rem;margin-top:.5rem;font-size:.875rem;font-weight:500;display:flex}.cp-history[data-v-b0e0959a]{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.cp-chip[data-v-b0e0959a]{border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast) ease,box-shadow var(--transition-fast) ease;background-clip:padding-box}.cp-chip[data-v-b0e0959a]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cp-chip[data-v-b0e0959a]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (width>=1536px){.cp-workspace[data-v-b0e0959a]{grid-template-columns:minmax(0,1fr) minmax(0,440px)}}.cp-h2[data-v-b0e0959a]{letter-spacing:-.01em;font-size:1rem;font-weight:600}.cp-h2[data-v-b0e0959a],.cp-label[data-v-b0e0959a]{color:var(--text-primary)}.cp-label[data-v-b0e0959a]{font-size:.875rem;font-weight:500}.cp-alert[data-v-b0e0959a]{color:var(--text-primary)}.cp-error-dot[data-v-b0e0959a]{color:#fff;background:var(--color-danger);border-radius:9999px;justify-content:center;align-items:center;width:1rem;height:1rem;font-size:.75rem;font-weight:700;display:inline-flex}@media (prefers-reduced-motion:reduce){.cp-chip[data-v-b0e0959a],.cp-chip[data-v-b0e0959a]:hover,.cp-hero__color[data-v-b0e0959a],.cp-row[data-v-b0e0959a],.cp-seg__item span[data-v-b0e0959a]{transition:none;transform:none}}