.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}
.j-toolbar{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-subtle);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.6rem;padding:.65rem .9rem;display:flex;position:relative}.j-toolbar-group{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.j-toolbar-secondary{border-left:1px solid var(--border);padding-left:.6rem}.j-panels-grid{flex-direction:column;gap:.75rem;height:70vh;display:flex}@media (min-width:900px){.j-panels-grid{flex-direction:row}}.j-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);min-width:0;height:70vh;box-shadow:var(--shadow-subtle);flex-direction:column;flex:1;display:flex;overflow:hidden}.j-panel-head{background:var(--bg-tertiary);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .85rem;display:flex}.j-panel-head h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);background:0 0;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:var(--text-secondary);border-bottom:none;align-items:center;gap:.4rem;margin:0;font-size:.7rem;font-weight:700;display:flex}.j-panel-head h3 i{color:var(--accent);font-size:.72rem}.j-panel-toggles{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.j-panel-body{flex-direction:column;flex:1;gap:.5rem;min-height:0;padding:.75rem .85rem;display:flex;overflow-y:auto}.j-json-textarea{tab-size:2;resize:none;background:var(--bg-primary);border-radius:var(--radius);width:100%;color:var(--text-primary);box-sizing:border-box;margin:0;padding:.5rem .7rem;font-family:Fira Code,Cascadia Code,Courier New,monospace;font-size:.78rem;line-height:1.5;transition:border-color .18s,box-shadow .18s}.j-json-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent);outline:none}.j-json-textarea::placeholder{color:var(--text-secondary);opacity:.5}.j-json-textarea.j-has-error{border-color:var(--danger)!important;box-shadow:0 0 0 2px color-mix(in srgb, var(--danger) 10%, transparent)!important}.j-output-textarea{resize:none;background:var(--bg-primary);flex:1;min-height:140px;margin:0}.j-input-wrapper{flex-direction:column;flex:1;min-height:140px;display:flex;position:relative}.j-input-wrapper .j-json-textarea{flex:1;height:100%}.j-input-wrapper.j-drag-active .j-json-textarea{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 4%, var(--bg-primary))}.j-drag-overlay{background:color-mix(in srgb, var(--bg-primary) 88%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--accent);border:2px dashed var(--accent);border-radius:var(--radius);z-index:10;pointer-events:none;letter-spacing:.01em;justify-content:center;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:flex;position:absolute;inset:0}.j-clear-input-btn{background:var(--bg-tertiary);border:1px solid var(--border);width:18px;height:18px;color:var(--text-secondary);cursor:pointer;z-index:5;border-radius:50%;justify-content:center;align-items:center;font-size:.62rem;transition:background .14s,border-color .14s,color .14s;display:flex;position:absolute;top:6px;right:8px}.j-clear-input-btn i{margin-top:2px}.j-clear-input-btn:hover{background:var(--danger);border-color:var(--danger);color:#fff}.j-error-message{border-radius:var(--radius);background:color-mix(in srgb, var(--danger) 8%, transparent);border:1px solid color-mix(in srgb, var(--danger) 25%, transparent);color:#f87171;flex-shrink:0;align-items:flex-start;gap:.4rem;padding:.45rem .65rem;font-family:Fira Code,monospace;font-size:.74rem;line-height:1.4;display:flex}.j-error-message i{color:var(--danger);flex-shrink:0;margin-top:.1rem}.j-url-import-bar{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.4rem;padding:.5rem .85rem;display:flex}.j-url-import-input{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius);box-sizing:border-box;flex:1;min-width:0;padding:.35rem .6rem;font-family:Fira Code,monospace;font-size:.76rem;transition:border-color .18s,box-shadow .18s}.j-url-import-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent);outline:none}.j-url-import-input::placeholder{color:var(--text-secondary);opacity:.55}.j-url-fetch-btn{white-space:nowrap;flex-shrink:0;align-items:center;gap:.3rem;padding:.35rem .75rem;font-size:.74rem;display:inline-flex}.j-toggle-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:.3rem;font-size:.72rem;display:flex}.j-toggle-label input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.j-ai-glow{box-shadow:0 0 8px color-mix(in srgb, var(--accent) 20%, transparent)}.j-ai-glow:hover:not(:disabled){box-shadow:0 0 15px color-mix(in srgb, var(--accent) 35%, transparent)}.j-output-tabs{background:var(--bg-tertiary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:2px;padding:.45rem .6rem;display:flex}.j-output-tab-btn{color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.74rem;font-weight:500;transition:color .14s,background .14s,border-color .14s;display:inline-flex}.j-output-tab-btn:hover:not(:disabled){color:var(--text-primary);background:var(--bg-primary)}.j-output-tab-btn.j-active{color:var(--text-on-accent);background:var(--accent);border-color:var(--accent);font-weight:600}.j-output-tab-btn.j-zod-tab.j-active{color:#ec4899;background:#ec489914;border-color:#ec48994d}.j-output-tab-btn:disabled{opacity:.35;cursor:not-allowed}.j-results-container{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex}.j-output-header{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.4rem;display:flex}.j-indent-toggle{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0;align-items:center;gap:1px;padding:2px;display:inline-flex}.j-indent-toggle-label{color:var(--text-secondary);white-space:nowrap;padding:0 5px 0 3px;font-size:.65rem}.j-indent-btn{color:var(--text-secondary);border-radius:calc(var(--radius) - 2px);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:2px 7px;font-family:Fira Code,monospace;font-size:.65rem;transition:color .14s,background .14s}.j-indent-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.j-indent-btn.j-active{background:var(--accent);color:var(--text-on-accent);font-weight:700}.j-conversion-bar{flex-wrap:wrap;align-items:center;gap:2px;display:inline-flex}.j-convert-btn{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;letter-spacing:.03em;padding:3px 9px;font-family:Fira Code,monospace;font-size:.68rem;font-weight:700;transition:background .15s,border-color .15s,color .15s,transform .12s,box-shadow .15s}.j-convert-btn:hover:not(:disabled){transform:translateY(-1px)}.j-convert-btn:disabled{opacity:.35;cursor:not-allowed}.j-convert-btn.j-json-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-subtle)}.j-convert-btn.j-yaml-btn:hover:not(:disabled){color:#fff;background:#f59e0b;border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b33}.j-convert-btn.j-toml-btn:hover:not(:disabled){color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 2px 8px #10b98133}.j-convert-btn.j-csv-btn:hover:not(:disabled){color:#fff;background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf633}.j-output-stats{flex-shrink:0;align-items:center;gap:.3rem;margin-left:auto;display:flex}.j-stat-badge{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:8px;padding:1px 6px;font-family:Fira Code,monospace;font-size:.65rem}.j-stat-badge.j-chars{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 25%, transparent)}.j-stat-badge.j-tokens{color:#a78bfa;border-color:#a78bfa40}.j-output-copy-row{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.3rem;display:flex}.j-icon-btn-sm{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:.25rem;padding:.3rem .6rem;font-family:inherit;font-size:.72rem;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.j-icon-btn-sm:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border-color:color-mix(in srgb, var(--border) 50%, var(--accent))}.j-icon-btn-sm:disabled{opacity:.35;cursor:not-allowed}.j-icon-btn-sm.j-active{background:color-mix(in srgb, var(--accent) 14%, transparent);border-color:var(--accent);color:var(--accent)}.j-json-output-box{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.j-json-output-box .j-output-textarea{flex:1;min-height:140px}.j-json-explanation{background:var(--bg-primary);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;flex-shrink:0;max-height:120px;padding:.5rem .75rem;overflow-y:auto}.j-json-explanation strong{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);align-items:center;gap:.3rem;font-size:.68rem;font-weight:700;display:flex}.j-explanation-content{white-space:pre-wrap;color:var(--text-secondary);margin-top:.3rem;font-size:.74rem;line-height:1.45}.j-converted-output-panel{flex-direction:column;flex:1;gap:.4rem;min-height:0;display:flex;position:relative}.j-converted-output-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:.4rem;display:flex}.j-converted-format-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:8px;align-items:center;padding:2px 8px;font-family:Fira Code,monospace;font-size:.65rem;font-weight:700;display:inline-flex}.j-converted-format-badge.j-yaml{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b40}.j-converted-format-badge.j-toml{color:#10b981;background:#10b98114;border:1px solid #10b98140}.j-converted-format-badge.j-csv{color:#8b5cf6;background:#8b5cf614;border:1px solid #8b5cf640}.j-panel-body::-webkit-scrollbar{width:6px;height:6px}.j-json-textarea::-webkit-scrollbar{width:6px;height:6px}.j-history-list::-webkit-scrollbar{width:6px;height:6px}.j-panel-body::-webkit-scrollbar-track{background:0 0}.j-json-textarea::-webkit-scrollbar-track{background:0 0}.j-history-list::-webkit-scrollbar-track{background:0 0}.j-panel-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.j-json-textarea::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.j-history-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.j-panel-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.j-json-textarea::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.j-history-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.j-toolbar button:focus-visible,.j-icon-btn-sm:focus-visible,.j-output-tab-btn:focus-visible,.j-indent-btn:focus-visible,.j-convert-btn:focus-visible,.j-download-menu-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.j-download-dropdown{width:230px}.j-download-menu-list{flex-direction:column;gap:2px;padding:.35rem;display:flex}.j-download-menu-item{width:100%;color:var(--text-primary);border-radius:calc(var(--radius) - 2px);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.45rem .6rem;font-family:inherit;font-size:.76rem;transition:background .14s,color .14s;display:flex}.j-download-menu-item i{text-align:center;width:14px;color:var(--accent);flex-shrink:0}.j-download-menu-item:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.j-download-menu-item:disabled{opacity:.4;cursor:not-allowed}.j-highlight-wrapper{flex:1;min-height:140px;position:relative}.j-highlight-pre,.j-highlight-textarea{tab-size:2;white-space:pre-wrap;word-break:break-word;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:.5rem .7rem;font-family:Fira Code,Cascadia Code,Courier New,monospace;font-size:.78rem;line-height:1.5}.j-highlight-wrapper .j-highlight-pre,.j-highlight-wrapper .j-highlight-textarea{position:absolute;inset:0;overflow:auto}.j-highlight-pre{background:var(--bg-primary);color:var(--text-primary)}.j-highlight-wrapper .j-highlight-pre{pointer-events:none}.j-highlight-pre code{white-space:inherit;font-family:inherit}.j-highlight-textarea{color:#0000;caret-color:var(--text-primary);resize:none;z-index:1;background:0 0}.j-highlight-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent);outline:none}.j-highlight-textarea::selection{background:color-mix(in srgb, var(--accent) 35%, transparent)}.j-highlight-textarea::placeholder{color:var(--text-secondary);opacity:.5}.j-highlight-pre.j-highlight-static{background:var(--bg-primary);flex:1;min-height:140px;position:relative;inset:auto;overflow:auto}.j-highlight-empty{color:var(--text-secondary);opacity:.5}.token.property{color:#0969da}.token.string{color:#1a7f37}.token.number{color:#d4380d}.token.boolean,.token.null{color:#8250df}.token.punctuation,.token.operator{color:var(--text-secondary)}@media (prefers-color-scheme:dark){.token.property{color:#79c0ff}.token.string{color:#7ee787}.token.number{color:#ff9492}.token.boolean,.token.null{color:#d2a8ff}}.j-dropdown-anchor{position:relative}.j-toolbar-dropdown{z-index:200;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);min-width:280px;max-width:340px;animation:.15s slideDown;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000038}.j-history-dropdown,.j-schema-dropdown{width:320px}.j-toolbar-dropdown-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;color:var(--text-secondary);justify-content:space-between;align-items:center;padding:.35rem .85rem;font-size:.7rem;font-weight:700;display:flex}.j-dropdown-badge{background:var(--bg-tertiary);border:1px solid var(--border);min-width:16px;height:16px;color:var(--text-secondary);-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;padding:0 4px;font-family:Fira Code,monospace;font-size:.58rem;font-weight:700;line-height:1;display:inline-flex}.j-dropdown-badge--error{color:#f87171;background:#f871711f;border-color:#f871714d}.j-dropdown-badge--ok{color:#34d399;background:#34d3991a;border-color:#34d39940}.j-output-tab-btn.j-minify-btn{color:var(--text-secondary);margin-right:2px}.j-output-tab-btn.j-minify-btn:hover:not(:disabled){color:var(--text-primary);background:var(--bg-primary)}.j-schema-dropdown .j-schema-validation-body{border-radius:0 0 var(--radius) var(--radius);flex-direction:column;gap:.4rem;padding:.5rem .65rem;display:flex}.j-schema-dropdown .j-schema-textarea{min-height:80px}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:899px){.j-panel-head,.j-url-import-bar{padding:.5rem .7rem}.j-panel-body{padding:.65rem .7rem}.j-output-stats{margin-left:0}}@media (max-width:768px){.j-icon-btn-sm span,.j-url-fetch-btn span,.j-zod-action-btn span,.j-output-copy-row button span,.j-converted-output-header button span{display:none}.j-icon-btn-sm,.j-url-fetch-btn,.j-zod-action-btn,.j-output-copy-row button,.j-converted-output-header button{justify-content:center;min-width:28px;padding:.35rem}}@media (max-width:600px){.j-toolbar{gap:.5rem;padding:.55rem .7rem}.j-toolbar-secondary{border-left:none;border-top:1px solid var(--border);justify-content:flex-start;width:100%;padding-top:.5rem;padding-left:0}.j-panel{height:70vh}.j-panel-toggles{gap:.5rem}.j-url-import-bar{flex-wrap:wrap}.j-url-fetch-btn{justify-content:center;width:100%}.j-output-tabs{gap:1px}.j-output-tab-btn{padding:.28rem .5rem;font-size:.7rem}.j-conversion-bar{gap:2px}.j-indent-toggle-label{display:none}}
.j-history-panel{background:var(--bg-primary);flex-shrink:0;animation:.18s slideDown;overflow:hidden}.j-history-panel-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.35rem .85rem;display:flex}.j-history-panel-header>span{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);align-items:center;gap:.3rem;font-size:.7rem;font-weight:700;display:flex}.j-history-clear-btn{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;background:0 0;padding:1px 6px;font-family:inherit;font-size:.65rem;transition:color .14s,border-color .14s}.j-history-clear-btn:hover{color:var(--danger);border-color:var(--danger)}.j-history-list{flex-direction:column;max-height:220px;display:flex;overflow-y:auto}.j-history-item{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.35rem .85rem;transition:background .12s;display:flex}.j-history-item:last-child{border-bottom:none}.j-history-item:hover{background:var(--bg-tertiary)}.j-history-item-preview{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;flex:1;min-width:0;font-family:Fira Code,monospace;font-size:.7rem;transition:color .12s;overflow:hidden}.j-history-item-preview:hover{color:var(--accent)}.j-history-item-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.j-history-item-time{color:var(--text-secondary);white-space:nowrap;font-family:Fira Code,monospace;font-size:.62rem}.j-history-item-actions{align-items:center;gap:3px;display:flex}.j-history-restore-btn{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:0 0;padding:1px 5px;font-family:inherit;font-size:.65rem;transition:background .14s,border-color .14s,color .14s}.j-history-restore-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.j-history-delete-btn{border:1px solid var(--border);width:18px;height:18px;color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-family:inherit;font-size:.62rem;transition:background .14s,border-color .14s,color .14s;display:flex}.j-history-delete-btn:hover{background:var(--danger);border-color:var(--danger);color:#fff}.j-history-empty{text-align:center;color:var(--text-secondary);opacity:.5;padding:1rem;font-size:.75rem}.j-jsonpath-bar{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.j-jsonpath-input{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius);box-sizing:border-box;flex:1;min-width:0;padding:.3rem .6rem;font-family:Fira Code,monospace;font-size:.76rem;transition:border-color .18s,box-shadow .18s}.j-jsonpath-input:focus{border-color:#a78bfa;outline:none;box-shadow:0 0 0 2px #a78bfa1f}.j-jsonpath-input::placeholder{color:var(--text-secondary);opacity:.55}.j-jsonpath-input:disabled{opacity:.4;cursor:not-allowed}.j-jsonpath-result-count{color:#a78bfa;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#a78bfa14;border:1px solid #a78bfa38;border-radius:8px;flex-shrink:0;padding:2px 6px;font-family:Fira Code,monospace;font-size:.68rem}.j-jsonpath-results-panel{background:var(--bg-primary);border-radius:var(--radius);border:1px solid #a78bfa38;flex-shrink:0;animation:.18s slideDown;overflow:hidden}.j-jsonpath-results-header{text-transform:uppercase;letter-spacing:.06em;color:#a78bfa;background:#a78bfa0f;border-bottom:1px solid #a78bfa2e;align-items:center;padding:.3rem .6rem;font-size:.68rem;font-weight:700;display:flex}.j-jsonpath-results-body{flex-direction:column;gap:1px;max-height:120px;padding:.3rem .5rem;font-family:Fira Code,monospace;font-size:.72rem;display:flex;overflow-y:auto}.j-jsonpath-result-item{word-break:break-all;border-radius:3px;align-items:baseline;gap:.4rem;padding:2px 4px;transition:background .1s;display:flex}.j-jsonpath-result-item:hover{background:#a78bfa14}.j-jsonpath-result-path{color:#a78bfa;white-space:nowrap;flex-shrink:0}.j-jsonpath-result-value{color:var(--text-primary)}.j-diff-container{flex-direction:column;flex-shrink:0;gap:.5rem;height:100%;display:flex}@media (min-width:700px){.j-diff-container{flex-direction:row;gap:.6rem}}.j-diff-input-col{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.j-diff-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);align-items:center;gap:.3rem;font-size:.68rem;font-weight:700;display:flex}.j-diff-label.j-left{color:#f87171}.j-diff-label.j-right{color:#34d399}.j-diff-textarea{resize:vertical;min-height:120px}.j-diff-summary{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.3rem;display:flex}.j-diff-badge{-webkit-user-select:none;user-select:none;border-radius:8px;padding:1px 7px;font-family:Fira Code,monospace;font-size:.65rem;font-weight:700}.j-diff-badge.j-added{color:#34d399;background:#34d3991a;border:1px solid #34d39940}.j-diff-badge.j-removed{color:#f87171;background:#f871711a;border:1px solid #f8717140}.j-diff-badge.j-same{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b40}.j-diff-result-panel{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0;min-height:90px;padding:.25rem 0;font-family:Fira Code,monospace;font-size:.74rem;overflow:auto}.j-diff-line{align-items:flex-start;padding:1px .6rem;line-height:1.5;display:flex}.j-diff-line:hover{background:#ffffff05}.j-diff-line.j-added{background:#34d3990a}.j-diff-line.j-removed{background:#f871710a}.j-diff-line.j-changed{background:#f59e0b08}.j-diff-gutter{text-align:center;-webkit-user-select:none;user-select:none;opacity:.75;flex-shrink:0;min-width:14px;margin-right:6px;font-size:.72rem}.j-diff-line.j-added .j-diff-gutter{color:#34d399}.j-diff-line.j-removed .j-diff-gutter{color:#f87171}.j-diff-line.j-changed .j-diff-gutter{color:#fbbf24}.j-diff-content{word-break:break-all;white-space:pre-wrap;flex:1}.j-diff-line.j-added .j-diff-content{color:#34d399}.j-diff-line.j-removed .j-diff-content{color:#f87171}.j-diff-line.j-changed .j-diff-content{color:#fbbf24}.j-diff-empty-msg{color:#34d399;justify-content:center;align-items:center;gap:.4rem;padding:1.25rem;font-size:.78rem;display:flex}.j-zod-output-panel{flex-direction:column;flex:1;gap:.4rem;min-height:0;display:flex}.j-zod-textarea{flex:1;min-height:160px}.j-zod-meta-bar{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.3rem;display:flex}.j-zod-actions-right{align-items:center;gap:.3rem;margin-left:auto;display:flex;position:relative}.j-zod-meta-badge{color:#ec4899;-webkit-user-select:none;user-select:none;background:#ec489912;border:1px solid #ec48994d;border-radius:8px;padding:1px 7px;font-family:Fira Code,monospace;font-size:.65rem;font-weight:700}.j-zod-action-btn{color:#ec4899;border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:#ec489912;border:1px solid #ec489938;align-items:center;gap:.25rem;padding:.3rem .65rem;font-family:inherit;font-size:.72rem;font-weight:500;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.j-zod-action-btn:hover:not(:disabled){color:#fff;background:#ec4899;border-color:#ec4899;box-shadow:0 2px 8px #ec489933}.j-zod-action-btn:disabled{opacity:.38;cursor:not-allowed}.j-schema-validation-panel{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0;overflow:hidden}.j-schema-validation-header{background:var(--bg-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-primary);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:.4rem .65rem;font-size:.75rem;font-weight:600;transition:background .14s;display:flex}.j-schema-validation-header:hover{background:color-mix(in srgb, var(--bg-tertiary) 70%, var(--accent) 8%)}.j-schema-validation-panel:has(.j-schema-validation-body) .j-schema-validation-header{border-bottom-color:var(--border)}.j-header-left{align-items:center;gap:.4rem;display:flex}.j-schema-status-dot{background:var(--text-secondary);border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .2s,box-shadow .2s}.j-schema-status-dot.j-valid{background:#34d399;box-shadow:0 0 4px #34d39980}.j-schema-status-dot.j-invalid{background:#f87171;box-shadow:0 0 4px #f8717180}.j-schema-status-dot.j-idle{background:var(--text-secondary);opacity:.5}.j-schema-validation-body{flex-direction:column;gap:.4rem;padding:.5rem .65rem;display:flex}.j-schema-textarea{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;min-height:65px;padding:.4rem .55rem;font-family:Fira Code,monospace;font-size:.74rem;transition:border-color .18s,box-shadow .18s}.j-schema-textarea:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 2px #f59e0b1a}.j-schema-errors-list{flex-direction:column;gap:3px;max-height:100px;display:flex;overflow-y:auto}.j-schema-error-item{background:#f871710d;border:1px solid #f8717126;border-radius:4px;align-items:flex-start;gap:.4rem;padding:4px 6px;font-family:Fira Code,monospace;font-size:.72rem;display:flex}.j-schema-error-path{color:#f87171;white-space:nowrap;flex-shrink:0;font-weight:700}.j-schema-error-msg{color:var(--text-secondary);line-height:1.4}.j-schema-valid-msg{color:#34d399;background:#34d3990d;border:1px solid #34d39926;border-radius:4px;align-items:center;gap:.4rem;padding:5px 8px;font-size:.76rem;font-weight:500;display:flex}.j-tree-view-container{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);flex:1;min-height:180px;padding:.6rem .8rem;font-family:Fira Code,monospace;font-size:.78rem;overflow:auto}@media (max-width:600px){.j-history-list{max-height:140px}.j-history-item,.j-history-panel-header{padding:.3rem .7rem}.j-diff-container{gap:.4rem}.j-diff-textarea{min-height:100px}.j-zod-meta-bar{gap:.25rem}.j-jsonpath-results-body{max-height:100px}}