.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}}.tool-about{max-width:var(--content-width);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid #ddd}.tool-about h2{margin:var(--space-lg) 0 var(--space-sm);font-size:1.1rem}.tool-about h2:first-child{margin-top:0}.tool-about>p{margin:0 0 var(--space-md);color:#444}.about-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.about-card{border-radius:var(--radius);background:#fafafa;border:1px solid #ddd;padding:1rem}.about-card h3{margin:0 0 .4rem;font-size:.95rem}.about-card p{color:#555;margin:0;font-size:.9rem}.about-card code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.faq-list{flex-direction:column;gap:.6rem;display:flex}.faq-item{border-radius:var(--radius);background:#fafafa;border:1px solid #ddd;padding:.8rem 1rem}.faq-item summary{cursor:pointer;font-size:.95rem;font-weight:600}.faq-item p{color:#555;margin:.6rem 0 0;font-size:.9rem}