:root{--bg: #ffffff;--bg-soft: #f6f8fa;--bg-soft2: #eef1f5;--border: #e3e6ea;--border-strong: #d3d8de;--text: #1f2328;--muted: #6b7280;--accent: #2f6fed;--accent-weak: #e8f0fe;--t-object-bg: #e8f0fe;--t-object-fg: #1d4ed8;--t-array-bg: #f1ebfe;--t-array-fg: #6d28d9;--t-string-bg: #e7f8ec;--t-string-fg: #15803d;--t-number-bg: #fef3e2;--t-number-fg: #b45309;--t-boolean-bg: #fdeaf3;--t-boolean-fg: #be185d;--t-null-bg: #eef1f4;--t-null-fg: #64748b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border);background:var(--bg)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700;color:var(--accent);background:var(--accent-weak);padding:2px 8px;border-radius:6px;font-size:14px}.brand-name{font-size:16px;font-weight:650;letter-spacing:.2px}.json-input{flex:0 0 220px;display:flex;flex-direction:column;border-bottom:1px solid var(--border);min-height:0}.editor-wrap{flex:1;min-height:0}.editor-loading{height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;background:var(--bg)}.panel-bar{height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:var(--bg-soft);border-bottom:1px solid var(--border)}.panel-title{font-size:13px;font-weight:600;color:var(--text)}.bar-actions{display:flex;gap:6px;align-items:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-strong);background:#fff;color:var(--text);font-size:13px;padding:5px 12px;border-radius:6px;cursor:pointer;transition:background .12s,border-color .12s}.btn:hover:not(:disabled){background:var(--bg-soft);border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{padding:3px 9px;font-size:12px}.btn-xs{padding:2px 7px;font-size:11px}.btn-icon{padding:3px 8px;font-size:14px;line-height:1}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:#2256cf;border-color:#2256cf;color:#fff}.tabs{display:flex;gap:2px}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);font-size:13px;padding:6px 10px;cursor:pointer;border-bottom:2px solid transparent}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.panels{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:10px}.panels.two-col{grid-template-columns:1fr 1fr}.panel{display:flex;flex-direction:column;min-height:0;border:1px solid var(--border);border-radius:8px;background:#fff;overflow:hidden}.panel-body{flex:1 1 auto;min-height:0;overflow:auto;position:relative}.count-pill{font-size:12px;color:var(--muted);background:var(--bg-soft2);border:1px solid var(--border);padding:2px 8px;border-radius:999px}.empty{padding:24px 16px;color:var(--muted);font-size:13px;text-align:center}.parse-error{flex:0 0 auto;font-size:12px;color:#b42318;background:#fef3f2;border-top:1px solid #fecdca;padding:6px 12px}.type-badge{font-size:11px;padding:1px 7px;border-radius:999px;font-family:ui-monospace,Menlo,Consolas,monospace;line-height:1.6}.t-object{background:var(--t-object-bg);color:var(--t-object-fg)}.t-array{background:var(--t-array-bg);color:var(--t-array-fg)}.t-string{background:var(--t-string-bg);color:var(--t-string-fg)}.t-number{background:var(--t-number-bg);color:var(--t-number-fg)}.t-boolean{background:var(--t-boolean-bg);color:var(--t-boolean-fg)}.t-null{background:var(--t-null-bg);color:var(--t-null-fg)}.t-more{background:#fff5d6;color:#a16207}.tree-search{padding:8px 10px 6px}.tree-search input{width:100%;border:1px solid var(--border-strong);border-radius:6px;padding:6px 10px;font-size:13px;outline:none}.tree-search input:focus{border-color:var(--accent)}.tree-body{flex:1 1 auto;min-height:0;overflow:hidden;background:#fff;padding:0}.tree-row{display:flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid transparent}.tree-row:hover{background:var(--bg-soft)}.tree-row.selected{background:var(--accent-weak)}.tree-row.matched .tree-key{background:#fff3a8;border-radius:3px;padding:0 2px}.tree-row.more{color:#a16207;font-style:italic}.tree-toggle{width:16px;flex:0 0 16px;text-align:center;color:var(--muted);font-size:11px;line-height:1}.tree-key{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:500}.tree-preview{color:var(--muted);font-size:12px;margin-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-info{flex:0 0 auto;border-top:1px solid var(--border);background:#fcfdfe;display:flex;flex-direction:column}.field-info-tabs{display:flex;gap:0;padding:0 10px;border-bottom:1px solid var(--border);background:var(--bg-soft)}.field-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;padding:10px 12px}.fi-cell{display:flex;align-items:center;gap:8px;font-size:12px}.fi-cell.full{grid-column:1 / -1}.fi-k{color:var(--muted)}.fi-v{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:500}.fi-v-text{flex:1;overflow:hidden;text-overflow:ellipsis}.field-info-path{padding:10px 12px;display:flex;flex-direction:column;gap:6px}.fi-path-row{display:flex;align-items:center;gap:8px;font-size:12px}.fi-code{flex:1;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;background:var(--bg-soft);border:1px solid var(--border);padding:4px 8px;border-radius:5px;overflow-x:auto;white-space:nowrap}.fi-locate{margin-left:auto;background:var(--accent);color:#fff;border-color:var(--accent)}.fi-locate:hover{background:#2256cf;border-color:#2256cf;color:#fff}.toolbox-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;padding:10px 14px;border-top:1px solid var(--border);background:var(--bg-soft);align-items:center}.toolbox-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbox-label{font-size:12px;font-weight:600;color:var(--text);margin-right:4px}.status-bar{flex:0 0 28px;display:flex;align-items:center;gap:10px;padding:0 14px;border-top:1px solid var(--border);background:var(--bg);font-size:12px;color:var(--muted)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.ok{background:#22c55e}.status-dot.err{background:#ef4444}.status-sep{color:var(--border-strong)}.status-err{color:#b42318;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-version{color:var(--border-strong)}.beian-group{margin-left:auto;display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.beian-link{display:inline-flex;align-items:center;gap:4px;color:var(--muted);text-decoration:none;white-space:nowrap}.beian-link:hover{color:var(--text)}.beian-icon{height:14px;width:auto;flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.4);display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:520px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);background:#fff;border-radius:10px;box-shadow:0 16px 48px #0f172a3d;display:flex;flex-direction:column;overflow:hidden}.modal.wide{width:880px}.modal.fullscreen{width:calc(100vw - 32px);height:calc(100vh - 32px);max-width:none;max-height:none}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.modal-title{font-size:14px;font-weight:650}.modal-close{border:none;background:transparent;font-size:22px;line-height:1;color:var(--muted);cursor:pointer}.modal-close:hover{color:var(--text)}.modal-body{padding:16px;overflow:auto;flex:1;min-height:0;display:flex;flex-direction:column}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}.modal-foot-inline{display:flex;justify-content:flex-end;margin-top:14px}.modal-actions-inline{display:flex;gap:6px;padding:8px 0}.fullscreen-bar{background:var(--bg-soft);border-bottom:1px solid var(--border)}.fullscreen-editor{flex:1;min-height:0;position:relative}.bar-tabs{border-bottom:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-cell{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-soft);border:1px solid var(--border);border-radius:8px}.stat-k{font-size:12px;color:var(--muted)}.stat-v{font-size:18px;font-weight:650;font-family:ui-monospace,Menlo,Consolas,monospace;word-break:break-all}.stats-sub{margin:16px 0 8px;font-size:13px;font-weight:600}.stats-types{display:flex;flex-wrap:wrap;gap:8px}.diff-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.diff-ta{height:220px;resize:vertical;border:1px solid var(--border-strong);border-radius:8px;padding:10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;outline:none}.diff-ta:focus{border-color:var(--accent)}.diff-out{max-height:420px;overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft)}.diff-line{margin:0;padding:1px 12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;white-space:pre-wrap;word-break:break-all}.diff-line.add{background:#e7f8ec;color:#15803d}.diff-line.del{background:#fef3f2;color:#b42318}.diff-line.eq{color:var(--muted)}.path-bar{display:flex;gap:8px;align-items:center;margin-bottom:10px}.path-input{flex:1;border:1px solid var(--border-strong);border-radius:6px;padding:7px 10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;outline:none}.path-input:focus{border-color:var(--accent)}.path-meta{font-size:12px;color:var(--muted);margin-bottom:8px}.path-list{flex:1;min-height:0;overflow:auto;border:1px solid var(--border);border-radius:6px;background:var(--bg-soft);max-height:400px}.path-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:6px 12px;font-size:12px;border-bottom:1px solid var(--border);font-family:ui-monospace,Menlo,Consolas,monospace}.path-row-path{color:var(--muted)}.path-row-val{word-break:break-all}.escape-ta{width:100%;height:220px;border:1px solid var(--border-strong);border-radius:8px;padding:10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;outline:none;resize:vertical;margin-top:10px}.escape-ta.readonly{background:var(--bg-soft)}.escape-label{margin:14px 0 4px;font-size:13px;font-weight:600;color:var(--text)}.toast{position:fixed;left:50%;bottom:80px;transform:translate(-50%) translateY(12px);background:#1f2328;color:#fff;font-size:13px;padding:8px 16px;border-radius:8px;opacity:0;transition:opacity .2s,transform .2s;z-index:100;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}