.diff-input-wrap { display: flex; gap: 10px; margin-bottom: 10px; }
.diff-input-pane { flex: 1; display: flex; flex-direction: column; }
.diff-input-pane label { font-weight: bold; margin-bottom: 4px; }
.diff-textarea { width: 100%; height: 200px; font-family: monospace; font-size: 13px; resize: vertical; padding: 8px; border: 1px solid #ccc; border-radius: 4px; }
.diff-toolbar { display: flex; gap: 8px; align-items: center; margin-bottom: 10px; }
.diff-stat { font-size: 13px; font-weight: bold; color: #555; }
.diff-result { margin-top: 4px; }
.diff-legend { font-size: 12px; margin-bottom: 6px; display: flex; gap: 14px; }
.diff-add-label { color: #27ae60; font-weight: bold; }
.diff-del-label { color: #c0392b; font-weight: bold; }
.diff-same-label { color: #888; }
.diff-output {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: monospace;
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow-x: auto;
	white-space: pre;
	line-height: 1.6;
}
.diff-output .dl-add  { display: block; background: #eafaf1; color: #1e8449; }
.diff-output .dl-del  { display: block; background: #fdedec; color: #922b21; }
.diff-output .dl-same { display: block; color: #555; }
@media (max-width: 767px) {
	.diff-input-wrap { flex-direction: column; }
}