.jv-app{--jv-bg:#fff;--jv-bg-soft:#f6f7f9;--jv-bg-elev:#fff;--jv-border:#e4e7ec;--jv-text:#1a1d23;--jv-text-muted:#6b7280;--jv-accent:#3b82f6;--jv-accent-soft:#dbeafe;--jv-success:#10b981;--jv-danger:#ef4444;--jv-warn:#f59e0b;--jv-c-key:#7c3aed;--jv-c-string:#059669;--jv-c-number:#2563eb;--jv-c-boolean:#d97706;--jv-c-null:#6b7280;--jv-c-bracket:#374151;--jv-shadow:0 1px 2px rgba(0,0,0,0.04),0 4px 12px rgba(0,0,0,0.04);--jv-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--jv-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;position:fixed;inset:0;display:flex;flex-direction:column;color:var(--jv-text);font-family:var(--jv-sans);font-size:14px;overflow:hidden;z-index:1}[dir] .jv-app{background:var(--jv-bg)}.jv-app[data-theme=dark]{--jv-bg:#0f1115;--jv-bg-soft:#151821;--jv-bg-elev:#1b1f2a;--jv-border:#2a2f3a;--jv-text:#e6e8ee;--jv-text-muted:#9aa3b2;--jv-accent:#60a5fa;--jv-accent-soft:#1e3a8a;--jv-success:#34d399;--jv-danger:#f87171;--jv-warn:#fbbf24;--jv-c-key:#c4b5fd;--jv-c-string:#6ee7b7;--jv-c-number:#93c5fd;--jv-c-boolean:#fcd34d;--jv-c-null:#9aa3b2;--jv-c-bracket:#cbd5e1;--jv-shadow:0 1px 2px rgba(0,0,0,0.3),0 8px 24px rgba(0,0,0,0.3)}.jv-app *{box-sizing:border-box}.jv-app .jv-topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}[dir] .jv-app .jv-topbar{padding:12px 20px;border-bottom:1px solid var(--jv-border)}[dir=ltr] .jv-app .jv-topbar{background:linear-gradient(180deg,var(--jv-bg-elev),var(--jv-bg-soft))}[dir=rtl] .jv-app .jv-topbar{background:linear-gradient(-180deg,var(--jv-bg-elev),var(--jv-bg-soft))}@media(max-width:780px){.jv-app .jv-topbar{grid-template-columns:1fr auto;gap:10px 12px}}.jv-app .jv-brand{display:flex;align-items:center;gap:12px;min-width:0}.jv-app .jv-brand h1{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--jv-text);line-height:1.1}[dir] .jv-app .jv-brand h1{margin:0}.jv-app .jv-brand-txt{display:flex;flex-direction:column;min-width:0}.jv-app .jv-brand-sub{font-size:11px;color:var(--jv-text-muted);font-weight:500;letter-spacing:.01em}.jv-app .jv-logo{font-family:var(--jv-mono);font-weight:700;font-size:17px;color:#fff;line-height:1;flex-shrink:0}[dir] .jv-app .jv-logo{padding:6px 11px;border-radius:8px;box-shadow:0 2px 8px -2px rgba(59,130,246,.45)}[dir=ltr] .jv-app .jv-logo{background:linear-gradient(135deg,var(--jv-accent),#6366f1)}[dir=rtl] .jv-app .jv-logo{background:linear-gradient(-135deg,var(--jv-accent),#6366f1)}.jv-app .jv-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-self:end}@media(max-width:780px){.jv-app .jv-actions{grid-column:1/-1;justify-self:stretch;justify-content:flex-end}}.jv-app .jv-btn-group{display:inline-flex;gap:2px}[dir] .jv-app .jv-btn-group{background:var(--jv-bg);border:1px solid var(--jv-border);border-radius:8px;padding:3px;box-shadow:0 1px 2px rgba(0,0,0,.03)}.jv-app .jv-btn-group button{color:var(--jv-text-muted);font-size:12.5px;font-weight:500;display:inline-flex;align-items:center;gap:5px;transition:background .15s ease,color .15s ease;text-transform:none;letter-spacing:normal}[dir] .jv-app .jv-btn-group button{background:transparent;border:0;padding:5px 10px;border-radius:5px;cursor:pointer}.jv-app .jv-btn-group button:hover{color:var(--jv-text)}[dir] .jv-app .jv-btn-group button:hover{background:var(--jv-bg-soft)}[dir] .jv-app .jv-btn-group button:active{transform:translateY(1px)}.jv-app .jv-btn-group button svg{opacity:.7}[dir] .jv-app .jv-btn-group--compact{padding:2px;border-radius:6px}.jv-app .jv-btn-group--compact button{font-size:11px;gap:4px}[dir] .jv-app .jv-btn-group--compact button{padding:3px 8px;border-radius:4px}.jv-app .jv-theme-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease,transform .15s ease;color:var(--jv-text-muted)}[dir] .jv-app .jv-theme-btn{padding:0;border:1px solid var(--jv-border);border-radius:999px;background:var(--jv-bg);cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.03)}.jv-app .jv-theme-btn:hover{color:var(--jv-accent)}[dir] .jv-app .jv-theme-btn:hover{background:var(--jv-accent-soft);border-color:var(--jv-accent);transform:translateY(-1px)}.jv-app .jv-theme-btn svg{display:block}.jv-app button{appearance:none;color:var(--jv-text);font-size:13px;font-family:inherit;transition:all .15s ease;font-weight:500}[dir] .jv-app button{background:var(--jv-bg-soft);border:1px solid var(--jv-border);padding:6px 12px;border-radius:6px;cursor:pointer}.jv-app button:hover{color:var(--jv-accent)}[dir] .jv-app button:hover{background:var(--jv-accent-soft);border-color:var(--jv-accent)}[dir] .jv-app button:active{transform:translateY(1px)}.jv-app .jv-icon-btn{min-width:34px}[dir] .jv-app .jv-icon-btn{padding:6px 10px}.jv-app .jv-layout{flex:1;display:grid;grid-template-columns:15% 6px calc(85% - 6px);overflow:hidden}[dir] .jv-app .jv-layout{background:var(--jv-bg)}.jv-app .jv-pane{display:flex;flex-direction:column;overflow:hidden;min-width:200px}[dir] .jv-app .jv-pane{background:var(--jv-bg)}.jv-app .jv-pane-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--jv-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;gap:10px;min-height:36px}[dir] .jv-app .jv-pane-header{padding:8px 14px;background:var(--jv-bg-soft);border-bottom:1px solid var(--jv-border)}.jv-app .jv-pane-right .jv-pane-header{justify-content:flex-start}.jv-app .jv-status{font-size:11px;text-transform:none;letter-spacing:normal;font-weight:500}[dir] .jv-app .jv-status{padding:2px 8px;border-radius:999px}.jv-app .jv-status-empty{color:var(--jv-text-muted)}[dir] .jv-app .jv-status-empty{background:var(--jv-bg-elev);border:1px solid var(--jv-border)}.jv-app .jv-status-ok{color:var(--jv-success)}[dir] .jv-app .jv-status-ok{background:rgba(16,185,129,.12)}.jv-app .jv-status-error{color:var(--jv-danger)}[dir] .jv-app .jv-status-error{background:rgba(239,68,68,.12)}.jv-app textarea{flex:1;resize:none;font-family:var(--jv-mono);font-size:13px;line-height:1.6;color:var(--jv-text);outline:none;tab-size:2}[dir] .jv-app textarea{border:none;padding:14px;background:var(--jv-bg)}.jv-app textarea::placeholder{color:var(--jv-text-muted)}.jv-app .jv-error{color:var(--jv-danger);font-family:var(--jv-mono);font-size:12px;white-space:pre-wrap;max-height:120px;overflow:auto}[dir] .jv-app .jv-error{padding:10px 14px;background:rgba(239,68,68,.1);border-top:1px solid rgba(239,68,68,.3)}.jv-app .jv-splitter{transition:background .15s}[dir] .jv-app .jv-splitter{background:var(--jv-border);cursor:col-resize}[dir] .jv-app .jv-splitter:hover{background:var(--jv-accent)}.jv-app .jv-search-wrap{position:relative;display:flex;align-items:center;gap:8px;max-width:420px;width:100%;justify-self:center;transition:border-color .15s ease,box-shadow .15s ease}[dir] .jv-app .jv-search-wrap{background:var(--jv-bg);border:1px solid var(--jv-border);border-radius:999px}[dir=ltr] .jv-app .jv-search-wrap{padding:6px 14px 6px 12px}[dir=rtl] .jv-app .jv-search-wrap{padding:6px 12px 6px 14px}[dir] .jv-app .jv-search-wrap:focus-within{border-color:var(--jv-accent);box-shadow:0 0 0 3px var(--jv-accent-soft)}@media(max-width:780px){.jv-app .jv-search-wrap{max-width:none;grid-column:1/-1}}.jv-app .jv-search-icon{color:var(--jv-text-muted);flex-shrink:0}.jv-app input[type=search]{flex:1;min-width:0;font-size:13px;color:var(--jv-text);font-family:inherit;outline:none}[dir] .jv-app input[type=search]{padding:0;border:0;background:transparent}.jv-app input[type=search]::placeholder{color:var(--jv-text-muted)}.jv-app input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;height:14px;width:14px}[dir] .jv-app input[type=search]::-webkit-search-cancel-button{border-radius:999px;background:var(--jv-border);cursor:pointer}[dir=ltr] .jv-app input[type=search]::-webkit-search-cancel-button{background-image:linear-gradient(45deg,transparent 46%,var(--jv-text-muted) 0,var(--jv-text-muted) 54%,transparent 0),linear-gradient(-45deg,transparent 46%,var(--jv-text-muted) 0,var(--jv-text-muted) 54%,transparent 0)}[dir=rtl] .jv-app input[type=search]::-webkit-search-cancel-button{background-image:linear-gradient(-45deg,transparent 46%,var(--jv-text-muted) 0,var(--jv-text-muted) 54%,transparent 0),linear-gradient(45deg,transparent 46%,var(--jv-text-muted) 0,var(--jv-text-muted) 54%,transparent 0)}.jv-app .jv-search-count{font-size:11px;color:var(--jv-text-muted);white-space:nowrap;font-weight:500}[dir] .jv-app .jv-search-count{padding:2px 8px;background:var(--jv-bg-soft);border-radius:999px}.jv-app .jv-tree{flex:1;overflow:auto;font-family:var(--jv-mono);font-size:13px;line-height:1.6;outline:none}[dir] .jv-app .jv-tree{padding:14px}.jv-app .jv-tree-empty{color:var(--jv-text-muted);font-style:italic}[dir] .jv-app .jv-tree-empty{padding:20px;text-align:center}.jv-app .jv-node{display:block;position:relative}.jv-app .jv-node-row{display:inline-flex;align-items:baseline;gap:4px;max-width:100%}[dir] .jv-app .jv-node-row{padding:1px 4px;border-radius:4px;cursor:pointer}[dir] .jv-app .jv-node-row:hover{background:var(--jv-bg-soft)}[dir] .jv-app .jv-node-row.jv-selected{background:var(--jv-accent-soft)}.jv-app .jv-caret{display:inline-block;width:14px;color:var(--jv-text-muted);user-select:none;font-size:10px;transition:transform .15s}[dir] .jv-app .jv-caret{text-align:center}[dir=ltr] .jv-app .jv-caret.jv-expanded{transform:rotate(90deg)}[dir=rtl] .jv-app .jv-caret.jv-expanded{transform:rotate(-90deg)}.jv-app .jv-caret.jv-leaf{visibility:hidden}.jv-app .jv-key{color:var(--jv-c-key);font-weight:500}.jv-app .jv-key:after{content:": ";color:var(--jv-c-bracket)}.jv-app .jv-index{color:var(--jv-text-muted);font-size:11px}.jv-app .jv-index:after{content:": ";color:var(--jv-c-bracket)}.jv-app .jv-value{white-space:pre-wrap;word-break:break-word}.jv-app .jv-value-string{color:var(--jv-c-string)}.jv-app .jv-value-number{color:var(--jv-c-number)}.jv-app .jv-value-boolean{color:var(--jv-c-boolean)}.jv-app .jv-value-null{color:var(--jv-c-null);font-style:italic}.jv-app .jv-bracket{color:var(--jv-c-bracket)}.jv-app .jv-count{color:var(--jv-text-muted);font-size:11px;font-style:italic}[dir=ltr] .jv-app .jv-count{margin-left:4px}[dir=rtl] .jv-app .jv-count{margin-right:4px}[dir=ltr] .jv-app .jv-children{padding-left:20px;border-left:1px solid var(--jv-border);margin-left:6px}[dir=rtl] .jv-app .jv-children{padding-right:20px;border-right:1px solid var(--jv-border);margin-right:6px}.jv-app .jv-children.jv-collapsed{display:none}.jv-app .jv-node-row.jv-match>.jv-key,.jv-app .jv-node-row.jv-match>.jv-value{outline:1px solid var(--jv-warn);outline-offset:1px}[dir] .jv-app .jv-node-row.jv-match>.jv-key,[dir] .jv-app .jv-node-row.jv-match>.jv-value{border-radius:3px}.jv-app .jv-path-bar{display:flex;flex-direction:column;gap:4px;font-size:12px}[dir] .jv-app .jv-path-bar{padding:8px 14px;background:var(--jv-bg-soft);border-top:1px solid var(--jv-border)}.jv-app .jv-path-bar__row{display:flex;align-items:center;gap:10px;min-width:0}.jv-app .jv-path-label{color:var(--jv-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600;width:42px;flex-shrink:0}.jv-app .jv-path{flex:1;min-width:0;font-family:var(--jv-mono);font-size:12px;color:var(--jv-text);overflow:auto;white-space:nowrap}[dir] .jv-app .jv-path{background:transparent;padding:0}.jv-app .jv-path--value{color:var(--jv-c-string)}.jv-app .jv-path-bar button{font-size:11px}[dir] .jv-app .jv-path-bar button{padding:3px 10px}.jv-app .jv-icon-btn--primary{color:#fff}[dir] .jv-app .jv-icon-btn--primary{background:var(--jv-accent);border-color:var(--jv-accent)}.jv-app .jv-icon-btn--primary:hover{color:#fff;filter:brightness(1.08)}[dir] .jv-app .jv-icon-btn--primary:hover{background:var(--jv-accent);border-color:var(--jv-accent)}.jv-app .jv-toast{position:fixed;bottom:20px;color:var(--jv-bg);font-size:13px;z-index:999}[dir] .jv-app .jv-toast{background:var(--jv-text);padding:10px 20px;border-radius:8px;box-shadow:var(--jv-shadow)}[dir=ltr] .jv-app .jv-toast{left:50%;transform:translateX(-50%);animation:jv-toast-in-ltr .2s ease}[dir=rtl] .jv-app .jv-toast{right:50%;transform:translateX(50%);animation:jv-toast-in-rtl .2s ease}@keyframes jv-toast-in-ltr{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes jv-toast-in-rtl{0%{opacity:0;transform:translate(50%,10px)}to{opacity:1;transform:translate(50%)}}.jv-app .jv-tree::-webkit-scrollbar,.jv-app textarea::-webkit-scrollbar{width:10px;height:10px}[dir] .jv-app .jv-tree::-webkit-scrollbar-track,[dir] .jv-app textarea::-webkit-scrollbar-track{background:transparent}[dir] .jv-app .jv-tree::-webkit-scrollbar-thumb,[dir] .jv-app textarea::-webkit-scrollbar-thumb{background:var(--jv-border);border-radius:5px}[dir] .jv-app .jv-tree::-webkit-scrollbar-thumb:hover,[dir] .jv-app textarea::-webkit-scrollbar-thumb:hover{background:var(--jv-text-muted)}@media(max-width:780px){.jv-app .jv-layout{grid-template-columns:1fr;grid-template-rows:1fr 6px 1fr}[dir] .jv-app .jv-splitter{cursor:row-resize}.jv-app .jv-actions{gap:4px}.jv-app button{font-size:12px}[dir] .jv-app button{padding:5px 8px}}