.ColorPicker_container__fs70S{display:flex;flex-direction:column;gap:var(--spacing-8);max-width:600px;margin:0 auto}.ColorPicker_pickerSection__USf01{display:flex;flex-direction:column;gap:var(--spacing-4);background:var(--bg-secondary);padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.ColorPicker_harmonyControl__qU1a_{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-4)}.ColorPicker_harmonySwatches__8Bd8M{display:flex;gap:var(--spacing-2);height:60px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);margin-top:var(--spacing-2)}.ColorPicker_swatch__gj_eO{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:flex .2s ease;position:relative}.ColorPicker_swatch__gj_eO:hover{flex:1.5}.ColorPicker_swatchLabel__dyoXc{background:rgba(0,0,0,.6);color:white;padding:2px 6px;border-radius:4px;font-size:.7rem;font-family:var(--font-mono);opacity:0;transition:opacity .2s ease;pointer-events:none}.ColorPicker_swatch__gj_eO:hover .ColorPicker_swatchLabel__dyoXc{opacity:1}.ColorPicker_valuesGrid__YOMrI{display:flex;flex-direction:column;gap:var(--spacing-4)}.ColorPicker_valueRow__wSvLS{display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);padding:var(--spacing-4);border-radius:var(--radius-md);border:1px solid var(--border-color);gap:var(--spacing-4)}.ColorPicker_labelGroup__f4tdv{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1}.ColorPicker_label__m7Bha{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.ColorPicker_textInput__h4piS{background:transparent;border:none;font-size:1.125rem;font-family:var(--font-mono);color:var(--text-primary);outline:none;width:100%}.ColorPicker_copyBtn__eEVlq{background:var(--bg-primary);border:1px solid var(--border-color);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease;min-width:80px;color:var(--text-primary)}.ColorPicker_copyBtn__eEVlq:hover{background:var(--border-color);border-color:var(--brand-primary)}