:root{--bg: #f7f8fa;--surface: #ffffff;--surface-alt: #f1f3f6;--surface-hover: #eef1f6;--text: #0e1a2b;--text-muted: #5a6b80;--text-faint: #8a98ac;--border: #e3e7ee;--border-strong: #cbd5e1;--accent: #0ea5e9;--accent-dark: #0284c7;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--t-string: #16a34a;--t-number: #2563eb;--t-boolean: #ea580c;--t-null: #6b7280;--t-key: #7c3aed;--t-meta: #64748b;--t-brace: #94a3b8;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--font-mono: ui-monospace, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif}:root[data-theme=dark]{--bg: #0b1220;--surface: #131c2e;--surface-alt: #1a253c;--surface-hover: #1f2c46;--text: #e6edf6;--text-muted: #9aa9bf;--text-faint: #6b7a93;--border: #243149;--border-strong: #324563;--accent: #38bdf8;--accent-dark: #0ea5e9;--success: #34d399;--error: #f87171;--warning: #fbbf24;--t-string: #4ade80;--t-number: #60a5fa;--t-boolean: #fb923c;--t-null: #94a3b8;--t-key: #c084fc;--t-meta: #94a3b8;--t-brace: #64748b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;transition:background .2s ease,color .2s ease}button{font-family:inherit;cursor:pointer}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main{flex:1;display:flex;overflow:hidden;min-height:0}.panes{display:flex;flex:1;min-height:0}.pane{flex:1;overflow:auto;padding:16px 20px;min-width:0}.pane-tree{flex:2}.pane-detail{flex:1;background:var(--surface-alt);border-left:1px solid var(--border);padding:16px;max-width:380px}.pane-editor{border-right:1px solid var(--border)}@media (max-width: 800px){.panes{flex-direction:column}.pane-detail{max-width:100%;border-left:none;border-top:1px solid var(--border)}}.toolbar{background:var(--surface);border-bottom:1px solid var(--border);padding:8px 12px;display:flex;flex-direction:column;gap:8px;flex-shrink:0;box-shadow:var(--shadow-sm)}.toolbar-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar-row-2{gap:8px}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:17px;letter-spacing:-.02em;-webkit-user-select:none;user-select:none}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;border-radius:8px;font-family:var(--font-mono);font-size:16px;font-weight:700}.view-tabs{display:flex;gap:4px;background:var(--surface-alt);border-radius:var(--radius-sm);padding:3px}.tab{background:transparent;border:none;padding:6px 12px;border-radius:4px;font-size:13px;font-weight:500;color:var(--text-muted);transition:all .12s ease}.tab:hover{background:var(--surface-hover);color:var(--text)}.tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.toolbar-actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:wrap}.action{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;transition:all .12s ease}.action:hover{background:var(--surface-hover);border-color:var(--border-strong)}.action.theme-btn{padding:6px 8px}.inline-select{background:transparent;border:none;color:var(--text);font-size:13px;font-weight:500;cursor:pointer;margin-left:2px;padding:0}.inline-select:focus{outline:none}.search-wrap{position:relative;flex:1;min-width:200px;max-width:480px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-faint);font-size:14px;pointer-events:none}.search-input{width:100%;padding:7px 30px 7px 32px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--text);transition:all .12s ease}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0ea5e926;background:var(--surface)}.search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:none;font-size:18px;line-height:1;color:var(--text-faint);padding:0 6px}.search-clear:hover{color:var(--text)}.filter-pills{display:flex;gap:4px;flex-wrap:wrap}.pill{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;text-transform:capitalize;transition:all .12s ease}.pill:hover{background:var(--surface-hover);color:var(--text)}.pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tree{font-family:var(--font-mono);font-size:13px;line-height:1.65}.kv-row{padding-left:0}.kv-line{display:flex;align-items:baseline;gap:4px;padding:1px 6px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;word-break:break-word}.kv-line:hover{background:var(--surface-hover)}.kv-row.selected>.kv-line{background:#0ea5e91f;outline:1px solid var(--accent)}.kv-row.match>.kv-line{background:#f59e0b1a}.kv-children{margin-left:16px;border-left:1px dashed var(--border);padding-left:8px}.kv-empty{color:var(--text-faint);padding:2px 8px;font-size:12px}.caret{background:transparent;border:none;color:var(--text-faint);padding:0;width:16px;font-size:11px;cursor:pointer;flex-shrink:0;font-family:var(--font-mono)}.caret:hover{color:var(--text)}.caret-spacer{display:inline-block;width:16px;flex-shrink:0}.kv-key{color:var(--t-key);font-weight:500}.kv-value{font-weight:500}.kv-meta-inline{display:inline-flex;align-items:baseline;gap:8px}.kv-meta{color:var(--t-meta);font-style:italic;font-size:12px}.kv-brace{color:var(--t-brace)}.type-string{color:var(--t-string)}.type-number{color:var(--t-number)}.type-boolean{color:var(--t-boolean)}.type-null{color:var(--t-null);font-style:italic}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 24px;height:100%;color:var(--text-muted)}.empty-icon{font-family:var(--font-mono);font-size:64px;color:var(--border-strong);margin-bottom:16px;font-weight:700;letter-spacing:-.05em}.empty-state h2{color:var(--text);margin:0 0 6px;font-size:20px}.empty-state p{margin:0 0 24px}.empty-samples{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.sample-chip{background:var(--surface);border:1px solid var(--border);padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;color:var(--text);font-weight:500}.sample-chip:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent)}.error-card{background:var(--surface);border:1px solid #fecaca;border-left:4px solid var(--error);border-radius:var(--radius-md);padding:16px 20px;margin:8px 0;max-width:600px}:root[data-theme=dark] .error-card{border-color:#4c1d1d}.error-title{color:var(--error);font-weight:700;font-size:15px;margin-bottom:6px}.error-message{font-family:var(--font-mono);font-size:13px;color:var(--text);margin-bottom:6px;word-break:break-word}.error-location{font-size:12px;color:var(--text-muted)}.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.detail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.detail-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-weight:600}.link-btn{background:transparent;border:none;color:var(--accent);font-size:12px;font-weight:500;padding:2px 6px;border-radius:4px}.link-btn:hover{background:var(--surface-hover)}.detail-path{font-family:var(--font-mono);font-size:13px;color:var(--t-key);word-break:break-all;-webkit-user-select:all;user-select:all}.detail-type{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-block;padding:3px 8px;border-radius:4px}.detail-type.type-string{background:#16a34a1f;color:var(--t-string)}.detail-type.type-number{background:#2563eb1f;color:var(--t-number)}.detail-type.type-boolean{background:#ea580c1f;color:var(--t-boolean)}.detail-type.type-null{background:#6b72801f;color:var(--t-null)}.detail-type.type-object{background:#7c3aed1f;color:var(--t-key)}.detail-type.type-array{background:#0ea5e91f;color:var(--accent)}.detail-value{font-family:var(--font-mono);font-size:12px;margin:0;background:var(--surface-alt);padding:8px 10px;border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;max-height:320px;overflow:auto;color:var(--text);-webkit-user-select:all;user-select:all}.editor{display:flex;height:100%;font-family:var(--font-mono);font-size:13px;line-height:1.65;background:var(--surface);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border)}.editor-gutter{background:var(--surface-alt);color:var(--text-faint);padding:12px 8px;text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid var(--border);min-width:50px;overflow:hidden}.gutter-line{font-size:12px;line-height:1.65}.editor-area{flex:1;background:var(--surface);color:var(--text);border:none;outline:none;padding:12px 16px;resize:none;font-family:var(--font-mono);font-size:13px;line-height:1.65;-moz-tab-size:2;tab-size:2}.statusbar{background:var(--surface);border-top:1px solid var(--border);padding:6px 14px;display:flex;align-items:center;gap:16px;font-size:12px;color:var(--text-muted);flex-shrink:0;font-family:var(--font-mono)}.status-validity{font-weight:600}.status-validity.ok{color:var(--success)}.status-validity.err,.status-error{color:var(--error)}.status-spacer{flex:1}.status-stat{white-space:nowrap}.status-path{color:var(--t-key);background:var(--surface-alt);padding:2px 8px;border-radius:4px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pane::-webkit-scrollbar,.detail-value::-webkit-scrollbar,.editor-area::-webkit-scrollbar{width:10px;height:10px}.pane::-webkit-scrollbar-thumb,.detail-value::-webkit-scrollbar-thumb,.editor-area::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.pane::-webkit-scrollbar-thumb:hover,.detail-value::-webkit-scrollbar-thumb:hover,.editor-area::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.pane::-webkit-scrollbar-track,.detail-value::-webkit-scrollbar-track,.editor-area::-webkit-scrollbar-track{background:transparent}