.heading-icon[data-v-bd3c7852]{--tool-color:#3b82f6}.input-label[data-v-bd3c7852]{color:var(--text-secondary);font-size:.875rem;font-weight:700}.input-row[data-v-bd3c7852]{align-items:stretch;gap:.5rem;display:flex}.color-input[data-v-bd3c7852]{border:1px solid var(--border-color);background:var(--bg-elevated);min-width:0;color:var(--text-primary);font-size:.9375rem;font-family:var(--font-family-mono,monospace);box-sizing:border-box;border-radius:.625rem;outline:none;flex:1;padding:.625rem .75rem}.color-input[data-v-bd3c7852]:focus{border-color:var(--brand-500)}.picker-wrap[data-v-bd3c7852]{border:1px solid var(--border-color);background:var(--bg-elevated);width:2.75rem;color:var(--text-secondary);cursor:pointer;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.picker-wrap[data-v-bd3c7852]:hover{border-color:var(--brand-500);color:var(--brand-500)}.color-picker[data-v-bd3c7852]{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.swatch-row[data-v-bd3c7852]{background:var(--bg-elevated);border-radius:.5rem;align-items:center;gap:.625rem;padding:.5rem .75rem;display:flex}.swatch[data-v-bd3c7852]{border:1px solid #0000001a;border-radius:.375rem;flex-shrink:0;width:2rem;height:2rem}.swatch-hex[data-v-bd3c7852]{font-family:var(--font-family-mono,monospace);font-size:.9375rem;font-weight:600}.swatch-empty[data-v-bd3c7852]{background:var(--bg-elevated);color:var(--text-secondary);border-radius:.5rem;justify-content:center;align-items:center;padding:1.5rem;font-size:.8125rem;display:flex}.history-bar[data-v-bd3c7852]{flex-direction:column;gap:.25rem;display:flex}.history-chip[data-v-bd3c7852]{border:1px solid var(--border-color);background:var(--bg-elevated);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;border-radius:.375rem;align-items:center;gap:.375rem;padding:.3125rem .5rem;font-size:.8125rem;transition:border-color .15s,color .15s;display:flex;overflow:hidden}.history-chip[data-v-bd3c7852]:hover{border-color:var(--brand-500);color:var(--brand-500)}.chip-swatch[data-v-bd3c7852]{border:1px solid #0000001a;border-radius:3px;flex-shrink:0;width:.875rem;height:.875rem}.results-list[data-v-bd3c7852]{flex-direction:column;gap:.25rem;display:flex}.result-row[data-v-bd3c7852]{cursor:pointer;border-radius:.375rem;align-items:center;gap:.5rem;padding:.4375rem .625rem;transition:background .15s;display:flex}.result-row[data-v-bd3c7852]:hover{background:var(--bg-elevated)}.result-label[data-v-bd3c7852]{color:var(--text-secondary);min-width:3rem;font-size:.8125rem;font-weight:700}.result-value[data-v-bd3c7852]{font-family:var(--font-family-mono,monospace);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8125rem;overflow:hidden}.result-action[data-v-bd3c7852]{color:var(--brand-500);opacity:0;flex-shrink:0;font-size:.8125rem;transition:opacity .15s}.result-row:hover .result-action[data-v-bd3c7852]{opacity:1}.results-empty[data-v-bd3c7852]{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}