:root{--bg:#0a0a0a;--panel:#141414;--panel-raised:#1c1c1c;--text:#ededed;--muted:#8f8f8f;--border:#262626;--border-strong:#383838;--accent:#4ade80;--accent-soft:#4ade801f;--edge:#2e2e2e;--shadow:0 1px 2px #00000080, 0 8px 24px #00000059;--font-ui:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--v-string:#4ade80;--v-number:#7dd3fc;--v-bool:#fbbf24;--v-null:#f87171;--v-key:#c4b5fd}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}::selection{background:var(--accent-soft)}.app{flex-direction:column;gap:12px;height:100%;padding:14px;display:flex}.toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow);background:#141414e0;border-radius:10px;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-self:center;align-items:center;gap:2px 4px;max-width:100%;padding:6px 8px;display:flex}.toolbar .title{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:8px;padding:0 10px 0 6px;font-size:13px;font-weight:600;display:flex}.toolbar .title:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #4ade8099}.toolbar button{font-family:var(--font-ui);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;padding:5px 10px;font-size:12.5px;font-weight:500;transition:color .12s,background .12s}.toolbar button:hover:not(:disabled){color:var(--text);background:var(--panel-raised)}.toolbar button:disabled{opacity:.35;cursor:default}.toolbar button.danger:hover:not(:disabled){color:#f87171;background:#f871711a}.toolbar .sep{background:var(--border);flex-shrink:0;width:1px;height:18px;margin:0 5px}.panes{flex:1;grid-template-columns:minmax(280px,2fr) 3fr;gap:12px;min-height:0;display:grid}.pane{background:var(--panel);border:1px solid var(--border);min-width:0;min-height:0;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.pane-header{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;min-height:37px;padding:8px 14px;font-size:11px;font-weight:600;display:flex}.search-box{align-items:center;gap:8px;min-width:0;display:flex}.search-count{letter-spacing:.02em;color:var(--accent);white-space:nowrap;font-size:10.5px;font-weight:500}.search-count.none{color:#f87171}.search-input{font-family:var(--font-mono);letter-spacing:normal;text-transform:none;color:var(--text);background:var(--panel-raised);border:1px solid var(--border);border-radius:7px;outline:none;width:190px;max-width:45vw;padding:4px 9px;font-size:11.5px;font-weight:400;transition:border-color .12s,box-shadow .12s}.search-input::placeholder{color:var(--muted);opacity:.7}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-input:disabled{opacity:.4}.search-clear{font-family:var(--font-ui);color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:3px 6px;font-size:10px;transition:color .12s,background .12s}.search-clear:hover{color:var(--text);background:var(--panel-raised)}.input-area{resize:none;width:100%;color:var(--text);font-family:var(--font-mono);background:0 0;border:none;outline:none;flex:1;padding:12px 14px;font-size:12.5px;line-height:1.6}.input-area::placeholder{color:var(--muted);opacity:.6}.viewer-area{flex:1;min-height:0;padding:12px 14px;overflow:auto}.viewer-empty{color:var(--muted);padding:8px 2px;font-size:13px}.viewer-empty em{color:var(--text);font-style:normal;font-weight:500}.viewer-notice{font-family:var(--font-ui);color:#7dd3fc;background:#7dd3fc14;border:1px solid #7dd3fc4d;border-radius:10px;width:fit-content;max-width:100%;margin-bottom:12px;padding:10px 14px;font-size:12.5px;line-height:1.5;position:sticky;left:0}.viewer-notice em{font-style:normal;font-weight:600}.viewer-error{background:#f8717114;border:1px solid #f871714d;border-radius:10px;padding:14px 16px;font-size:13px}.viewer-error strong{color:#fca5a5;font-size:13px}.viewer-error p{color:var(--muted);font-family:var(--font-mono);overflow-wrap:anywhere;margin-top:6px;font-size:12px;line-height:1.5}.viewer-error .error-loc{color:#fca5a5}.tree{font-family:var(--font-mono);width:max-content;min-width:100%;font-size:12.5px;line-height:1.7}.tree-row{white-space:pre;border-radius:5px;align-items:baseline;display:flex}.tree-row-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.tree-row-toggle:hover{background:var(--panel-raised)}.tree-toggle{width:16px;color:var(--muted);text-align:center;transform-origin:45% 55%;flex-shrink:0;font-size:10px;transition:transform .12s;display:inline-block}.tree-toggle.open{transform:rotate(90deg)}.tree-toggle-spacer{flex-shrink:0;width:16px;display:inline-block}.tree-key{color:var(--v-key);cursor:pointer;border-radius:4px}.tree-key:hover{color:var(--text);background:var(--accent-soft)}.tree-punct{color:var(--muted)}.tree-ellipsis{color:var(--muted);padding:0 3px}.tree-count{color:var(--muted);background:var(--panel-raised);border:1px solid var(--border);border-radius:999px;margin-left:8px;padding:0 6px;font-size:10.5px}.tree-children{border-left:1px solid var(--edge);margin-left:7px}.tree-row.hit{background:#4ade800f}.search-mark{background:var(--accent-soft);color:var(--accent);border-radius:3px;padding:0 1px;box-shadow:0 0 0 1px #4ade8040}.v-string .search-mark,.v-number .search-mark,.v-bool .search-mark,.v-null .search-mark{color:inherit;background:var(--accent-soft)}.v-string{color:var(--v-string);overflow-wrap:anywhere;white-space:pre-wrap}.v-number{color:var(--v-number)}.v-bool{color:var(--v-bool)}.v-null{color:var(--v-null);font-style:italic}.statusbar{color:var(--muted);border:1px solid var(--border);box-shadow:var(--shadow);background:#141414e0;border-radius:10px;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:7px 14px;font-size:12px;display:flex}.status-ok{color:var(--accent)}.status-info{color:#7dd3fc}.status-error{color:#f87171}.status-muted{color:var(--muted)}.status-hint{color:var(--muted);opacity:.7;white-space:nowrap}.toast{color:var(--text);background:var(--panel-raised);border:1px solid var(--border-strong);box-shadow:var(--shadow);z-index:30;border-radius:8px;padding:7px 14px;font-size:12.5px;font-weight:500;animation:.14s toast-in;position:fixed;bottom:58px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@media (width<=720px){.panes{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.status-hint{display:none}}@media (pointer:coarse){.toolbar button{padding:8px 12px;font-size:13px}}