.tool-wrap[data-v-9d2ef333]{display:flex;flex-direction:column;gap:1rem}.picker-row[data-v-9d2ef333]{align-items:center;display:flex;gap:.75rem}.color-picker[data-v-9d2ef333]{border:none;border-radius:var(--radius-md);cursor:pointer;height:3rem;padding:0;width:3rem}.hex-input[data-v-9d2ef333]{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:.875rem;padding:.75rem;width:140px}.shades-grid[data-v-9d2ef333]{display:flex;flex-direction:column;gap:.4rem}.shade-item[data-v-9d2ef333]{align-items:center;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.75rem;padding:.4rem .75rem;transition:border-color .15s}.shade-item[data-v-9d2ef333]:hover{border-color:var(--accent)}.shade-swatch[data-v-9d2ef333]{border:1px solid var(--border);border-radius:var(--radius-md);flex-shrink:0;height:2.5rem;width:2.5rem}.shade-info[data-v-9d2ef333]{align-items:center;display:flex;flex:1;gap:1rem}.shade-label[data-v-9d2ef333]{color:var(--text-primary);font-weight:700;min-width:3rem}.shade-hex[data-v-9d2ef333]{color:var(--text-secondary);font-family:var(--font-mono);font-size:.875rem}.copied-badge[data-v-9d2ef333]{color:var(--accent-text);font-size:.75rem;margin-left:auto}