#irApp .ir-unit {
	display: flex;
	gap: 0.35rem;
	padding: 0.3rem;
	border-radius: 999px;
	background: #eff6ff;
	border: 1px solid #dbeafe;
}

#irApp .ir-unit-btn {
	flex: 1;
	height: 2.35rem;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: #475569;
	font-size: 0.8125rem;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 200ms ease, color 200ms ease, box-shadow 200ms ease;
}

#irApp .ir-unit-btn:hover {
	background: rgba(255, 255, 255, 0.7);
}

#irApp .ir-unit-btn.is-active {
	background: #fff;
	color: #2563eb;
	box-shadow: 0 1px 3px rgba(37, 99, 235, 0.18);
}

#irApp .ir-check {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.875rem;
	color: #1e293b;
	cursor: pointer;
}

#irApp .ir-check input {
	width: 1rem;
	height: 1rem;
	accent-color: #3b82f6;
}

#irApp .ir-range {
	accent-color: #3b82f6;
	height: 1.5rem;
}

#irApp .ir-preset {
	padding: 0.35rem 0.7rem;
	border: 1px solid #e2e8f0;
	border-radius: 999px;
	background: #fff;
	color: #334155;
	font-size: 0.75rem;
	font-weight: 600;
	cursor: pointer;
	transition: border-color 150ms ease, color 150ms ease, background-color 150ms ease;
}

#irApp .ir-preset:hover {
	border-color: #93c5fd;
	color: #2563eb;
	background: #eff6ff;
}

#irApp .file-item .progress-bar.processing {
	animation: pulse 1.5s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
	#irApp .ir-unit-btn,
	#irApp .ir-preset {
		transition: none;
	}
}