.json-view{color:#4d4d4d;text-align:left;--json-property:#009033;--json-index:#676dff;--json-number:#676dff;--json-string:#b2762e;--json-boolean:#dc155e;--json-null:#dc155e;display:block}.json-view .json-view--property{color:var(--json-property)}.json-view .json-view--index{color:var(--json-index)}.json-view .json-view--number{color:var(--json-number)}.json-view .json-view--string{color:var(--json-string)}.json-view .json-view--boolean{color:var(--json-boolean)}.json-view .json-view--null{color:var(--json-null)}.json-view .jv-indent{padding-left:1em}.json-view .jv-chevron{vertical-align:-20%;cursor:pointer;opacity:.4;width:1em;height:1em;display:inline-block}:is(.json-view .jv-chevron:hover,.json-view .jv-size:hover+.jv-chevron){opacity:.8}.json-view .jv-size{cursor:pointer;opacity:.4;vertical-align:-5%;margin-left:.5em;font-size:.875em;font-style:italic;line-height:1}.json-view :is(.json-view--copy,.json-view--edit),.json-view .json-view--link svg{cursor:pointer;width:1em;height:1em;margin-left:.25em;display:none}.json-view .json-view--input{background:0 0;border:1px solid;border-radius:4px;width:120px;margin-left:.25em;padding:0 4px;font-size:87.5%;line-height:1.25}.json-view .json-view--deleting{background-color:#da000011;outline:1px solid #da0000;text-decoration-line:line-through}:is(.json-view:hover,.json-view--pair:hover)>:is(.json-view--copy,.json-view--edit),:is(.json-view:hover,.json-view--pair:hover)>.json-view--link svg{display:inline-block}.json-view .jv-button{cursor:pointer;color:inherit;background:0 0;border:none;outline:none}.json-view .cursor-pointer{cursor:pointer}.json-view svg{vertical-align:-10%}.jv-size-chevron~svg{vertical-align:-16%}.json-view_a11y{color:#545454;--json-property:#aa5d00;--json-index:#007299;--json-number:#007299;--json-string:green;--json-boolean:#d91e18;--json-null:#d91e18}.json-view_github{color:#005cc5;--json-property:#005cc5;--json-index:#005cc5;--json-number:#005cc5;--json-string:#032f62;--json-boolean:#005cc5;--json-null:#005cc5}.json-view_vscode{color:#005cc5;--json-property:#0451a5;--json-index:#00f;--json-number:#00f;--json-string:#a31515;--json-boolean:#00f;--json-null:#00f}.json-view_atom{color:#383a42;--json-property:#e45649;--json-index:#986801;--json-number:#986801;--json-string:#50a14f;--json-boolean:#0184bc;--json-null:#0184bc}.json-view_winter-is-coming{color:#0431fa;--json-property:#3a9685;--json-index:#ae408b;--json-number:#ae408b;--json-string:#8123a9;--json-boolean:#0184bc;--json-null:#0184bc}
.json-flex-layout{flex-direction:column;gap:1.5rem;display:flex}@media (min-width:900px){.json-flex-layout{flex-direction:row;align-items:stretch}}.flex-panel{flex-direction:column;flex:1;display:flex}.input-wrapper{flex-direction:column;flex:1;min-height:40vh;display:flex;position:relative}.input-wrapper.drag-active .json-textarea{border-color:var(--brand-primary,#4facfe);background-color:#4facfe0d}.drag-overlay{background:rgba(var(--bg-primary-rgb,255, 255, 255), .8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--brand-primary,#4facfe);border:2px dashed var(--brand-primary,#4facfe);border-radius:var(--radius);z-index:10;pointer-events:none;justify-content:center;align-items:center;font-size:1.2rem;font-weight:600;display:flex;position:absolute;inset:0}.json-textarea{tab-size:2;resize:vertical;flex:1;width:100%;min-height:250px;font-family:Fira Code,Courier New,monospace;line-height:1.5;font-size:.85rem!important}.json-textarea::selection{background-color:#ff4d4d33}.has-error{border-color:#ff4d4f!important}.clear-input-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;z-index:5;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:10px;right:15px}.clear-input-btn:hover{color:#fff;background:#ff4d4f;border-color:#ff4d4f}.space-between{justify-content:space-between;gap:1rem}.ai-glow{box-shadow:0 0 10px #4facfe4d}.flex-results{flex-direction:column;flex:1;height:100%;display:flex}.json-output-box{flex-direction:column;flex:1;min-height:40vh;margin-bottom:1rem;display:flex;position:relative}.json-output-box .output-textarea{resize:none;background-color:var(--bg-tertiary);flex:1;height:100%}.tree-view-container{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);flex:1;min-height:40vh;padding:1rem;font-family:monospace;font-size:.9rem;overflow:auto}.json-explanation{background-color:var(--bg-secondary);border-left:4px solid var(--brand-primary,#4facfe);border-radius:0 var(--radius) var(--radius) 0;min-height:auto;max-height:200px;padding:1rem;overflow-y:auto}.json-explanation .explanation-content{white-space:pre-wrap;color:var(--text-secondary);margin-top:.5rem;font-size:.85rem;line-height:1.5}