Правильно: испортились.
Корректно раздельное написание. Ср.: полдисплея — пол большого дисплея.
Пунктуация верна. Запятая перед первым и не нужна. Об обособлении сочетания тем не менее можно прочитать в «Справочнике по пунктуации».
Слово первоисточник употребляется во множественном числе, например: документальные первоисточники, знать из первоисточников. Перво- указывает на то, что какой-либо источник является первым, основным источником каких-либо сведений, знаний или основополагающим трудом в какой-либо области (такой труд может быть не единственным).
Запятая в этом предложении обязательно нужна, поскольку оно сложное. Что же касается места этой запятой, то всё зависит от того, к чему относится обстоятельство перед первым применением:
Чтобы проверить устойчивость красителя перед первым применением, нанесите гель на незаметный участок ткани и после смойте водой (если обстоятельство относится к глаголу проверить);
Чтобы проверить устойчивость красителя, перед первым применением нанесите гель на незаметный участок ткани и после смойте водой (если обстоятельство относится к глаголу нанесите, что выглядит более логичным).