.jsonpath-evaluator { max-width: 900px; margin: 0 auto; }
.tool-description { background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 8px; padding: 1.5rem; margin-bottom: 2rem; }
.jsonpath-grid { display: flex; gap: 2rem; }
.jsonpath-col { flex: 1; display: flex; flex-direction: column; }
.jsonpath-col label { font-weight: 600; margin-bottom: 0.5rem; color: var(--text-color); }
.jsonpath-col textarea, .jsonpath-col input { width: 100%; font-family: monospace; font-size: 15px; border: 2px solid #e9ecef; border-radius: 6px; padding: 10px; margin-bottom: 1rem; background: white; }
.jsonpath-col textarea:focus, .jsonpath-col input:focus { outline: none; border-color: var(--primary-color); }
.input-error { border-color: #d63384 !important; background: #fff0f3 !important; }
.btn { background: var(--primary-color); color: white; border: none; padding: 10px 20px; border-radius: 6px; cursor: pointer; font-size: 14px; font-weight: 600; transition: background 0.3s ease; }
.btn:hover { background: var(--primary-color-dark); }
.btn-sm { padding: 8px 16px; font-size: 12px; }
.error-message { display: none; background: #ffe6e6; color: #d63384; padding: 12px; border-radius: 6px; margin: 1rem 0; border: 1px solid #f5c6cb; }
@media (max-width: 900px) { .jsonpath-grid { flex-direction: column; gap: 1rem; } }

.en-jsonpath-style-2{margin-top:1rem;}
.en-jsonpath-style-3{margin:1rem 0;display:flex;gap:0.5rem;}