.json-formatter{width:100%}.json-output pre{margin:0;white-space:pre-wrap;word-wrap:break-word;line-height:1.6}.json-key{color:#06c;font-weight:500}.dark .json-key{color:#5db0ff}.json-string{color:#22863a}.dark .json-string{color:#85e89d}.json-number{color:#005cc5}.dark .json-number{color:#79b8ff}.json-boolean{color:#d73a49}.dark .json-boolean{color:#f97583}.json-null{color:#6f42c1}.dark .json-null{color:#b392f0}.json-bracket{color:#24292e;font-weight:700}.dark .json-bracket{color:#e1e4e8}.json-colon{color:#24292e}.dark .json-colon{color:#e1e4e8}.json-comma{color:#24292e}.dark .json-comma{color:#e1e4e8}.json-tree-array,.json-tree-object{display:inline-block}.json-tree-children{border-left:2px solid #e5e7eb;margin-left:1.5rem;padding-left:.75rem}.dark .json-tree-children{border-left-color:#4b5563}.json-tree-item{display:block;margin:.25rem 0}.json-tree-item:hover{background-color:rgba(59,130,246,.1);border-radius:.25rem;margin-left:-.25rem;padding:.125rem .25rem}.json-error-line{background-color:rgba(239,68,68,.1);border-left:3px solid #ef4444;padding-left:.5rem}.json-output::-webkit-scrollbar{height:8px;width:8px}.json-output::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.dark .json-output::-webkit-scrollbar-track{background:#1f2937}.json-output::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.dark .json-output::-webkit-scrollbar-thumb{background:#4b5563}.json-output::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark .json-output::-webkit-scrollbar-thumb:hover{background:#6b7280}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}#json-notification{animation:slideInRight .3s ease-out}.sample-btn:active{transform:scale(.98)}#jsonInput:focus{outline:none}button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.json-formatter{font-size:14px}.json-tree-children{margin-left:1rem;padding-left:.5rem}}