.merge-layout { display: flex; flex-direction: column; gap: 20px; }

.merge-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}

.merge-options {
	background: #f8fafc;
	padding: 20px;
	border-radius: var(--conv-radius);
	border: 1px solid var(--conv-border);
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 15px;
}

.merge-result-container {
	margin-top: 10px;
	position: relative;
}

.merge-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	background: var(--conv-primary);
	color: white;
	padding: 2px 8px;
	border-radius: 4px;
	font-size: 0.65rem;
	font-weight: 800;
}

@media (max-width: 600px) { .merge-grid { grid-template-columns: 1fr; } }