.json-compare{width:100%}.json-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.json-panel{flex-direction:column;display:flex}.json-panel label{margin-bottom:.5rem;font-weight:600}.json-panel textarea{border-radius:var(--radius);resize:vertical;border:1px solid #ccc;width:100%;min-height:280px;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.6}.compare-options{margin-top:1rem}.checkbox-option{cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;display:inline-flex}.compare-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.compare-actions button{font:inherit;border-radius:var(--radius);cursor:pointer;border:1px solid #ccc;padding:.7rem 1.2rem}.compare-status{min-height:1.5rem;margin-top:1rem;font-size:.9rem}.comparison-result{margin-top:2rem}.comparison-result h2{margin-bottom:1rem;font-size:1.1rem}#result{overflow-x:auto}.diff-table{border-collapse:collapse;width:100%;font-size:.9rem}.diff-table th,.diff-table td{text-align:left;vertical-align:top;border:1px solid #ddd;padding:.6rem .75rem}.diff-table th{background:#fafafa}.diff-path{white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.diff-table code{white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;display:block}.diff-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.diff-badge-added{color:#2e7d32;background:#dff5df}.diff-badge-removed{color:#c62828;background:#f8dada}.diff-badge-changed{color:#a56c00;background:#fff2cc}.diff-row-added{background:#f4fbf4}.diff-row-removed{background:#fdf5f5}.diff-row-changed{background:#fffbf0}.no-diff{border-radius:var(--radius);background:#fafafa;border:1px solid #ddd;padding:1rem}.json-error{border-radius:var(--radius);color:#c62828;background:#ffebee;border:1px solid #ef9a9a;padding:1rem}@media (width<=700px){.json-inputs{grid-template-columns:1fr}.json-panel textarea{min-height:220px}.compare-actions{flex-direction:column}.compare-actions button{width:100%}.diff-table,.diff-table thead,.diff-table tbody,.diff-table th,.diff-table td,.diff-table tr{display:block}.diff-table thead{display:none}.diff-table tr{border-radius:var(--radius);border:1px solid #ddd;margin-bottom:1rem;overflow:hidden}.diff-table td{border:none;border-bottom:1px solid #eee}.diff-table td:last-child{border-bottom:none}.diff-table td:before{content:attr(data-label);color:#666;text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:block}}