pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}.app{max-width:1400px;margin:0 auto;padding:20px}.app-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.app-title{font-weight:700;font-size:1.5em;flex-shrink:0}.header-controls{flex:1;display:flex;align-items:center;gap:10px}h2{font-size:1.1rem;color:#34495e;margin-bottom:10px}.input-type-select{padding:5px 8px;border:1px solid #cbd5e0;border-radius:4px;font-size:.75em;height:34px;background-color:#fff;color:#333;cursor:pointer;flex-shrink:0}.input-type-select:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.file-upload-controls{display:flex;gap:10px;align-items:center}.file-name{font-size:.85rem;color:#4a5568;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background-color:#f7fafc;padding:4px 10px;border:1px solid #e2e8f0;border-radius:4px}.url-input-group{display:flex;gap:10px;flex:1}.url-input{flex:1}.welcome-card{text-align:center;padding:40px 20px}.welcome-message{color:#718096;font-size:.95rem}.path-section{margin-bottom:0}.path-label{display:block;color:#4a5568;font-size:.7rem;margin-bottom:8px;font-weight:500}.path-header{display:flex;gap:10px}.path-header .path-input{flex:0 0 25%;margin-bottom:0}.path-header-suggestions{display:flex;flex-direction:row;gap:10px;flex:1;padding:5px 12px;background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:4px;margin:0 10px;height:34px}.path-header-suggestions .suggestions-label{color:#4a5568;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0;white-space:nowrap}.path-header-suggestions .property-buttons{display:flex;flex-wrap:wrap;gap:6px}.property-button{padding:3px 8px;background-color:#fff;color:#2d3748;border:1px solid #cbd5e0;border-radius:3px;cursor:pointer;font-size:.75rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;transition:all .2s ease;line-height:1.2}.property-button:hover{background-color:#4299e1;color:#fff;border-color:#4299e1;transform:translateY(-1px);box-shadow:0 2px 4px #4299e133}.text-input-modal{max-width:900px}.text-input-body{padding:15px;flex:1;display:flex;flex-direction:column;overflow:hidden}.json-textarea{width:100%;flex:1;min-height:400px;padding:15px;border:2px solid #cbd5e0;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.5;resize:vertical;transition:border-color .3s ease;background-color:#1e1e1e;color:#d4d4d4;-moz-tab-size:2;tab-size:2}.json-textarea:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.json-textarea-valid{border-color:#48bb78}.json-textarea-valid:focus{border-color:#48bb78;box-shadow:0 0 0 3px #48bb7826}.json-textarea-error{border-color:#fc8181}.json-textarea-error:focus{border-color:#fc8181;box-shadow:0 0 0 3px #fc818126}.json-inspector-modal .modal-body{background-color:#272822}.markdown-cell{font-size:.9rem;line-height:1.6}.markdown-cell h1,.markdown-cell h2,.markdown-cell h3,.markdown-cell h4,.markdown-cell h5,.markdown-cell h6{margin:.5em 0;font-weight:600;line-height:1.3}.markdown-cell h1{font-size:1.5em}.markdown-cell h2{font-size:1.3em}.markdown-cell h3{font-size:1.1em}.markdown-cell h4{font-size:1em}.markdown-cell h5{font-size:.9em}.markdown-cell h6{font-size:.85em}.markdown-cell p{margin:.5em 0}.markdown-cell code{background-color:#f6f8fa;padding:3px 7px;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85em;color:#24292f;border:1px solid #d0d7de}.markdown-cell pre{margin:.5em 0;padding:12px;background-color:#f6f8fa;border-radius:6px;overflow-x:auto;border:1px solid #d0d7de}.markdown-cell pre code{background-color:transparent;padding:0;color:#24292f;font-size:.85rem;border:none}.markdown-cell ul,.markdown-cell ol{margin:.5em 0;padding-left:1.5em}.markdown-cell li{margin:.25em 0}.markdown-cell blockquote{margin:.5em 0;padding-left:1em;border-left:3px solid #cbd5e0;color:#444}.markdown-cell a{color:#4299e1;text-decoration:none}.markdown-cell a:hover{text-decoration:underline}.markdown-cell strong{font-weight:600}.markdown-cell em{font-style:italic}.markdown-cell img{max-width:100%;height:auto}.markdown-cell table{border-collapse:collapse;margin:.5em 0;width:100%}.markdown-cell table th,.markdown-cell table td{border:1px solid #e2e8f0;padding:6px 10px;text-align:left}.markdown-cell table th{background-color:#f7fafc;font-weight:600}.markdown-cell hr{border:none;border-top:1px solid #e2e8f0;margin:1em 0}@media (max-width: 768px){.app{padding:10px}.app-header{flex-direction:column;align-items:stretch}.url-input-group{flex-direction:column}.path-header{flex-direction:column;align-items:stretch;gap:10px}.path-header .path-input{width:100%}.json-textarea{min-height:300px}}.btn{color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s ease;white-space:nowrap;height:34px}.btn:disabled{background-color:#a0aec0;cursor:not-allowed}.btn--sm{padding:5px 10px;font-size:.75rem}.btn--md{padding:6px 14px;font-size:.85rem}.btn--primary{background-color:#4299e1}.btn--primary:hover:not(:disabled){background-color:#3182ce}.btn--success{background-color:#48bb78}.btn--success:hover:not(:disabled){background-color:#38a169}.btn--danger{background-color:#e53e3e}.btn--danger:hover:not(:disabled){background-color:#c53030}.btn--warning{background-color:#ed8936}.btn--warning:hover:not(:disabled){background-color:#dd6b20}.btn--secondary{background-color:#4a5568}.btn--secondary:hover:not(:disabled){background-color:#2d3748}.btn--purple{background-color:#805ad5}.btn--purple:hover:not(:disabled){background-color:#6b46c1}.card{background:#fff;padding:15px;border-radius:4px;box-shadow:0 2px 4px #0000001a;margin-bottom:15px}.input{padding:10px 15px;border:1px solid #cbd5e0;border-radius:4px;font-size:.95rem;transition:border-color .3s ease;height:34px}.input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.search-section{margin-bottom:15px;display:flex;gap:10px;align-items:center}.search-input{flex:1}.data-table-container{overflow-x:auto;width:100%;max-height:600px;overflow-y:auto;position:relative}.data-table{width:100%;border-collapse:collapse;font-size:.9rem;overflow:scroll}.data-table thead{background-color:#f7fafc;position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #0000000d}.data-table th{padding:12px 15px;text-align:left;font-weight:600;color:#2d3748;border-bottom:2px solid #e2e8f0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.data-table th:hover{background-color:#edf2f7}.data-table th.sorted{background-color:#e6fffa;color:#234e52}.sort-indicator{font-size:.8rem;margin-left:5px}.data-table td{padding:10px 15px;border-bottom:1px solid #e2e8f0;vertical-align:top;position:relative}.data-table td pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.5}.data-table tbody tr:hover{background-color:#f7fafc}.data-table tbody tr:last-child td{border-bottom:none}.table-info{margin-top:15px;color:#718096;font-size:.9rem;text-align:right}.editable-cell{cursor:default;border-radius:3px;transition:background-color .15s ease}.editable-cell:hover{background-color:#edf2f7}.cell-edit-wrapper{position:relative}.cell-edit-wrapper .cell-edit-placeholder{visibility:hidden}.cell-edit-input{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.5;border:2px solid #4299e1;border-radius:3px;outline:none;background:#fff;box-sizing:border-box;resize:none}@media (max-width: 768px){.data-table{font-size:.8rem}.data-table th,.data-table td{padding:8px 10px}}.error-message{background-color:#fff5f5;color:#c53030;padding:15px;border-radius:4px;border-left:4px solid #fc8181;margin-bottom:15px;font-size:.95rem}.error-message--mono{font-size:.8rem;margin-top:8px;margin-bottom:0;padding:8px 12px;border-left-width:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:8px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;font-size:1.25rem;color:#2d3748}.modal-header-right{display:flex;gap:8px;align-items:center}.modal-close-button{background:none;border:none;font-size:1.5rem;color:#718096;cursor:pointer;padding:0;width:32px;height:32px;display:flex;justify-content:center;border-radius:4px;transition:background-color .2s ease}.modal-close-button:hover{background-color:#f7fafc;color:#2d3748}.modal-body{padding:15px;overflow:auto;flex:1}@media (max-width: 768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-header{padding:15px}.modal-body{padding:10px}}
