.H0GQbW_row{align-items:center;gap:var(--space-4);display:flex}.H0GQbW_formatSelect{flex-shrink:0;width:80px}.H0GQbW_formatSelect .H0GQbW_selectTrigger{box-sizing:border-box;padding:0 var(--space-6);gap:var(--space-4)}.H0GQbW_field{box-sizing:border-box;height:var(--control-height-24);padding:0 var(--space-6);background:var(--bg-surface-1);border:.5px solid var(--border-2);border-radius:var(--radius-6);align-items:center;min-width:0;transition:border-color .15s;display:flex;box-shadow:inset 0 1px 2px #3232320a}.H0GQbW_field:hover{border-color:var(--border-3)}.H0GQbW_field:focus-within{border-color:var(--accent-border)}.H0GQbW_fieldGrow{flex:1}.H0GQbW_fieldChroma{flex:1.2}.H0GQbW_fieldAlpha{flex-shrink:0;width:48px}.H0GQbW_input{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-sm);letter-spacing:var(--tracking-sm);font-weight:var(--font-weight-normal);color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;min-width:0;padding:0}.H0GQbW_suffix{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-sm);letter-spacing:var(--tracking-sm);font-weight:var(--font-weight-normal);color:var(--text-muted);flex-shrink:0}