.cpg[data-v-b28ffc51]{gap:14px}.cpg-base[data-v-b28ffc51],.cpg-toolbar[data-v-b28ffc51]{flex-wrap:wrap}.cpg-base[data-v-b28ffc51]{gap:8px}.cpg-field-label[data-v-b28ffc51]{font-size:.74rem;font-weight:700;color:var(--t-text-soft);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.cpg-picker[data-v-b28ffc51]{width:44px;height:38px;cursor:pointer;padding:3px;flex-shrink:0}.cpg-hex-input[data-v-b28ffc51],.cpg-picker[data-v-b28ffc51]{border:1px solid var(--t-border-strong);border-radius:8px;background:var(--t-bg)}.cpg-hex-input[data-v-b28ffc51]{padding:8px 12px;font-family:"JetBrains Mono","Fira Code",var(--t-font-mono);font-size:.9rem;font-weight:700;color:var(--t-text);width:116px;text-transform:uppercase;outline:none;transition:border-color .15s,box-shadow .15s}.cpg-hex-input[data-v-b28ffc51]:focus{border-color:var(--t-primary);box-shadow:0 0 0 3px rgba(var(--t-primary-rgb),.15)}.cpg-count[data-v-b28ffc51]{gap:6px}.cpg-count-btn[data-v-b28ffc51]{width:30px;height:30px;border:1px solid var(--t-border-strong);border-radius:7px;background:var(--t-bg);color:var(--t-text);cursor:pointer;font-size:1.05rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.cpg-count-btn[data-v-b28ffc51]:hover:not(:disabled){background:var(--t-bg-muted);border-color:var(--t-text-faint)}.cpg-count-btn[data-v-b28ffc51]:disabled{opacity:.4;cursor:not-allowed}.cpg-count-val[data-v-b28ffc51]{min-width:30px;text-align:center;font-weight:700;font-family:"JetBrains Mono","Fira Code",var(--t-font-mono);font-size:.95rem;color:var(--t-text)}.cpg-schemes[data-v-b28ffc51]{display:flex;flex-wrap:wrap;gap:6px}.cpg-scheme-btn[data-v-b28ffc51]{padding:8px 15px;border:1px solid var(--t-border);border-radius:999px;background:var(--t-bg);color:var(--t-text-soft);font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;white-space:nowrap}.cpg-scheme-btn[data-v-b28ffc51]:hover{border-color:var(--t-text-faint);color:var(--t-text)}.cpg-scheme-btn.active[data-v-b28ffc51]{background:var(--t-gradient);color:var(--t-inverse);border-color:transparent;box-shadow:0 2px 8px -2px rgba(var(--t-primary-rgb),.55)}.cpg-scheme-btn[data-v-b28ffc51]:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--t-primary-rgb),.35)}.cpg-fmt-row[data-v-b28ffc51]{display:flex;align-items:center;gap:10px}.cpg-strip[data-v-b28ffc51]{height:34px;border-radius:10px;border:1px solid var(--t-border);box-shadow:var(--t-shadow-sm);transition:background .2s}.cpg-swatches[data-v-b28ffc51]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;padding:14px}.cpg-swatch[data-v-b28ffc51]{position:relative;height:148px;border:none;border-radius:10px;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:var(--t-shadow-sm);transition:transform .12s ease,box-shadow .15s ease;font-family:inherit}.cpg-swatch[data-v-b28ffc51]:hover{transform:translateY(-3px);box-shadow:var(--t-shadow-md)}.cpg-swatch[data-v-b28ffc51]:active{transform:translateY(-1px)}.cpg-swatch[data-v-b28ffc51]:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--t-primary-rgb),.35),var(--t-shadow-md)}.cpg-swatch.is-copied[data-v-b28ffc51]{transform:translateY(-1px)}.cpg-swatch-main[data-v-b28ffc51]{font-size:.92rem;font-weight:700;letter-spacing:.02em}.cpg-swatch-main[data-v-b28ffc51],.cpg-swatch-sub[data-v-b28ffc51]{font-family:"JetBrains Mono","Fira Code",var(--t-font-mono);-webkit-user-select:none;-moz-user-select:none;user-select:none}.cpg-swatch-sub[data-v-b28ffc51]{font-size:.72rem;font-weight:500}.cpg-swatch-idx[data-v-b28ffc51]{position:absolute;top:8px;left:10px;font-size:.72rem;font-weight:700;font-family:"JetBrains Mono","Fira Code",var(--t-font-mono)}.cpg-swatch-copied[data-v-b28ffc51]{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:700;animation:cpg-pop-b28ffc51 .2s ease}@keyframes cpg-pop-b28ffc51{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.cpg-export[data-v-b28ffc51]{justify-content:space-between}.cpg-hint[data-v-b28ffc51]{font-size:.74rem;color:var(--t-text-faint);font-weight:500}@media(max-width:640px){.cpg-swatches[data-v-b28ffc51]{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;padding:10px}.cpg-swatch[data-v-b28ffc51]{height:118px}.cpg-swatch-main[data-v-b28ffc51]{font-size:.82rem}}