.jf-toolbar { margin-bottom: 8px; display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.jf-status { font-size: 13px; font-weight: bold; }
.jf-status.ok  { color: #27ae60; }
.jf-status.err { color: #e74c3c; }
.jf-pane-wrap { display: flex; gap: 10px; }
.jf-pane { flex: 1; display: flex; flex-direction: column; }
.jf-pane label { font-weight: bold; margin-bottom: 4px; }
.jf-pane textarea {
	flex: 1;
	width: 100%;
	height: 400px;
	font-family: monospace;
	font-size: 13px;
	resize: vertical;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
	white-space: pre;
	overflow: auto;
}
.jf-error {
	margin-top: 8px;
	padding: 8px 12px;
	background: #fde8e8;
	border: 1px solid #e74c3c;
	border-radius: 4px;
	color: #c0392b;
	font-family: monospace;
	font-size: 13px;
}
@media (max-width: 767px) {
	.jf-pane-wrap { flex-direction: column; }
	.jf-pane textarea { height: 200px; }
}