.cg-section[data-v-7cbfd149]{border-bottom:1px solid var(--border);padding:16px 0}.cg-section[data-v-7cbfd149]:last-child{border-bottom:none}.cg-label[data-v-7cbfd149]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;margin-bottom:12px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:10px;font-weight:700;display:flex}.cp-picker-label[data-v-7cbfd149]{aspect-ratio:2;border:1px solid var(--border);cursor:pointer;border-radius:10px;width:100%;transition:transform .15s,box-shadow .15s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 4px 10px #0000000f}.cp-picker-label[data-v-7cbfd149]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.cp-native-picker[data-v-7cbfd149]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.cp-hero-text[data-v-7cbfd149]{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0006;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cp-input[data-v-7cbfd149]{border:1px solid var(--border);background:var(--bg-base);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:10px 14px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:15px;transition:border-color .15s}.cp-input[data-v-7cbfd149]:focus{border-color:var(--brand-500)}.cp-rgb-inputs[data-v-7cbfd149]{gap:8px;display:flex}.cp-input--sm[data-v-7cbfd149]{text-align:center;padding:10px 8px}.cp-rgb-inputs input[data-v-7cbfd149]{-moz-appearance:textfield}.cp-rgb-inputs input[data-v-7cbfd149]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cp-rgb-inputs input[data-v-7cbfd149]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cp-right[data-v-7cbfd149]{height:100%}.cp-results[data-v-7cbfd149]{flex-direction:column;gap:8px;display:flex}.cp-result-row[data-v-7cbfd149]{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;overflow:hidden}.cp-result-row--hero[data-v-7cbfd149]{border-color:var(--brand-500)}.cp-result-head[data-v-7cbfd149]{background:var(--bg-base);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.cp-result-label[data-v-7cbfd149]{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.cp-copy-btn[data-v-7cbfd149]{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;border-radius:5px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;transition:all .15s}.cp-copy-btn[data-v-7cbfd149]:hover{border-color:var(--brand-500);color:var(--brand-500)}.cp-result-val[data-v-7cbfd149]{color:var(--text-primary);word-break:break-all;padding:12px;font-family:JetBrains Mono,monospace;font-size:14px}.cp-result-val--big[data-v-7cbfd149]{color:var(--brand-500);letter-spacing:.02em;font-size:24px;font-weight:700}