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

/* Área de Saída Estilizada */
.conv-rev-output {
	background: #f8fafc;
	border: 2px solid var(--conv-border);
	border-radius: var(--conv-radius);
	padding: 20px;
	min-height: 120px;
	font-family: 'JetBrains Mono', monospace;
	color: var(--conv-primary);
	font-size: 1.1rem;
	word-break: break-all;
	white-space: pre-wrap;
	transition: var(--conv-transition);
}

.conv-rev-output:hover { border-color: var(--conv-primary); }

/* Botões de Modo */
.conv-mode-selector {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 10px;
}

.mode-btn {
	background: #a81d3a;
	border: 2px solid var(--conv-border);
	padding: 10px;
	border-radius: 8px;
	font-size: 0.7rem;
	font-weight: 800;
	text-transform: uppercase;
	cursor: pointer;
	transition: var(--conv-transition);
}

.mode-btn.active {
	background: var(--conv-secondary);
	color: white;
	border-color: var(--conv-secondary);
}