.color-tool[data-v-cb88032d]{display:flex;flex-direction:column;gap:var(--space-6)}.top[data-v-cb88032d]{align-items:stretch;display:flex;gap:var(--space-4);padding:var(--space-4)}.preview[data-v-cb88032d]{border:1px solid var(--border);border-radius:var(--radius-md);flex:1;min-height:120px;overflow:hidden}.checker[data-v-cb88032d]{background-color:var(--bg-surface);background-image:conic-gradient(var(--bg-subtle) 25%,transparent 0 50%,var(--bg-subtle) 0 75%,transparent 0);background-size:16px 16px}.preview-fill[data-v-cb88032d]{height:100%;min-height:120px;width:100%}.top-side[data-v-cb88032d]{gap:var(--space-3);justify-content:center;width:120px}.picker-wrap[data-v-cb88032d],.top-side[data-v-cb88032d]{align-items:center;display:flex;flex-direction:column}.picker-wrap[data-v-cb88032d]{cursor:pointer;gap:var(--space-1)}.picker[data-v-cb88032d]{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;height:56px;padding:4px;width:56px}.picker-label[data-v-cb88032d]{color:var(--text-2);font-size:var(--text-xs)}.cur-hex[data-v-cb88032d]{color:var(--text-1);font-size:var(--text-sm)}.sliders[data-v-cb88032d]{display:flex;flex-direction:column;gap:var(--space-2)}.slider-row[data-v-cb88032d]{align-items:center;display:flex;gap:var(--space-3)}.s-lbl[data-v-cb88032d]{color:var(--text-2);font-size:var(--text-sm);font-weight:600;text-align:center;width:18px}.slider-row input[type=range][data-v-cb88032d]{flex:1}.s-val[data-v-cb88032d]{color:var(--text-1);font-size:var(--text-sm);text-align:right;width:52px}.fields[data-v-cb88032d]{gap:var(--space-3)}.field[data-v-cb88032d],.fields[data-v-cb88032d]{display:flex;flex-direction:column}.field[data-v-cb88032d]{gap:var(--space-2)}.lbl[data-v-cb88032d]{color:var(--text-2);font-size:var(--text-sm);font-weight:500}.row[data-v-cb88032d]{align-items:center;display:flex;gap:var(--space-2)}.inp[data-v-cb88032d]{flex:1;height:40px}.inp[data-v-cb88032d]:focus{border-color:var(--brand);outline:2px solid var(--brand);outline-offset:1px}.invalid[data-v-cb88032d]{border-color:var(--error)}.err[data-v-cb88032d]{color:var(--error);font-size:var(--text-sm);margin:0}.block[data-v-cb88032d]{display:flex;flex-direction:column;gap:var(--space-3)}.block-title[data-v-cb88032d]{font-size:var(--text-base);margin:0}.block-hint[data-v-cb88032d]{color:var(--text-2);font-size:var(--text-sm);margin:0}.harmony-list[data-v-cb88032d]{gap:var(--space-3)}.harmony[data-v-cb88032d],.harmony-list[data-v-cb88032d]{display:flex;flex-direction:column}.harmony[data-v-cb88032d]{gap:var(--space-2)}.harmony-name[data-v-cb88032d]{color:var(--text-2);font-size:var(--text-sm)}.harmony-swatches[data-v-cb88032d]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hsw[data-v-cb88032d]{align-items:flex-end;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1;height:64px;min-width:96px;overflow:hidden;padding:0;position:relative}.hsw-hex[data-v-cb88032d]{background:var(--bg-surface);border-top:1px solid var(--border);color:var(--text-1);font-size:var(--text-xs);padding:var(--space-1) 0;text-align:center;width:100%}.scale[data-v-cb88032d]{display:flex;flex-wrap:wrap;gap:var(--space-1)}.scale-cell[data-v-cb88032d]{align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;flex:1;height:56px;justify-content:center;min-width:64px;padding:0;position:relative}.scale-cell.on[data-v-cb88032d]{outline:2px solid var(--brand);outline-offset:1px}.scale-label[data-v-cb88032d]{font-size:var(--text-xs);font-weight:600}.on-dark[data-v-cb88032d]{color:var(--white)}.on-light[data-v-cb88032d]{color:var(--ink-900)}.contrast[data-v-cb88032d]{display:flex;flex-direction:column;gap:var(--space-4)}.cc-inputs[data-v-cb88032d]{align-items:flex-end;display:flex;gap:var(--space-3)}.cc-field[data-v-cb88032d]{flex:1;flex-direction:column}.cc-field[data-v-cb88032d],.cc-row[data-v-cb88032d]{display:flex;gap:var(--space-2)}.cc-row[data-v-cb88032d]{align-items:center}.cc-picker[data-v-cb88032d]{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;height:40px;padding:4px;width:40px}.cc-hex[data-v-cb88032d]{flex:1;height:40px;min-width:0}.cc-hex[data-v-cb88032d]:focus{border-color:var(--brand);outline:2px solid var(--brand);outline-offset:1px}.swap[data-v-cb88032d]{flex-shrink:0;margin-bottom:var(--space-1)}.cc-result[data-v-cb88032d]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4)}.cc-sample[data-v-cb88032d]{border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex:1;flex-direction:column;gap:var(--space-2);min-width:200px;padding:var(--space-4)}.cc-sample-lg[data-v-cb88032d]{font-size:var(--text-xl);font-weight:600}.cc-sample-sm[data-v-cb88032d]{font-size:var(--text-sm)}.cc-meta[data-v-cb88032d]{display:flex;flex-direction:column;gap:var(--space-3)}.cc-ratio[data-v-cb88032d]{color:var(--text-1);font-size:var(--text-3xl);font-weight:700}.cc-x[data-v-cb88032d]{color:var(--text-2);font-size:var(--text-lg)}.cc-badges[data-v-cb88032d]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.badge[data-v-cb88032d]{align-items:center;border:1px solid var(--border);border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:500;gap:var(--space-1);padding:var(--space-1) var(--space-2)}.badge.ok[data-v-cb88032d]{border-color:var(--success);color:var(--success)}.badge.no[data-v-cb88032d]{color:var(--text-2)}@media(max-width:560px){.cc-inputs[data-v-cb88032d]{align-items:stretch;flex-direction:column}.swap[data-v-cb88032d]{align-self:center;margin:0}}