.color-picker-tool[data-v-6b70e679]{width:100%}.picker-row[data-v-6b70e679]{display:flex;gap:2rem;align-items:flex-start}.swatch-area[data-v-6b70e679]{display:flex;flex-direction:column;gap:.75rem;align-items:center}.color-swatch[data-v-6b70e679]{width:160px;height:160px;border-radius:var(--radius);border:2px solid var(--border)}.native-picker[data-v-6b70e679]{width:160px;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);cursor:pointer;padding:2px}.inputs-area[data-v-6b70e679]{flex:1;display:flex;flex-direction:column;gap:1rem}.input-group label[data-v-6b70e679]{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.05em}.input-row[data-v-6b70e679]{display:flex;gap:.5rem;align-items:center}.hex-input[data-v-6b70e679]{flex:1;font-family:var(--font-mono)}.rgb-inputs[data-v-6b70e679],.hsl-inputs[data-v-6b70e679]{display:flex;gap:.5rem;align-items:center}.rgb-field[data-v-6b70e679]{display:flex;align-items:center;gap:.25rem}.field-label[data-v-6b70e679]{font-size:.75rem;color:var(--text-muted);min-width:14px}.rgb-field input[type=number][data-v-6b70e679]{width:65px;font-family:var(--font-mono);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:.5rem;font-size:.9rem;outline:none}.rgb-field input[type=number][data-v-6b70e679]:focus{border-color:var(--accent)}@media(max-width:640px){.picker-row[data-v-6b70e679]{flex-direction:column;align-items:stretch}.swatch-area[data-v-6b70e679]{flex-direction:row;justify-content:center}.color-swatch[data-v-6b70e679]{width:120px;height:120px}.native-picker[data-v-6b70e679]{width:120px}}