:root{color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background:#0f1115;color:#e6e6e6}#app{height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#11151c;border-bottom:1px solid #232934}.brand{display:flex;align-items:baseline;gap:10px}.brand h1{margin:0;font-size:16px;font-weight:600}.brand .sub{font-size:12px;color:#6b7280}.top-actions{display:flex;gap:8px}.split{flex:1;display:flex;min-height:0}.pane{display:flex;flex-direction:column;min-width:0;min-height:0}.pane.left{flex:1 1 0}.pane.right{flex:1 1 0;border-left:1px solid #232934}.gutter{width:6px;cursor:col-resize;background:#11151c;position:relative;flex:0 0 auto}.gutter:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:28px;background:#2c333f;border-radius:2px}.toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#14181f;border-bottom:1px solid #232934;flex-wrap:wrap}.toolbar .sep{width:1px;height:18px;background:#2c333f;margin:0 2px}.toolbar .spacer{flex:1}button{padding:6px 12px;font-size:13px;color:#e6e6e6;background:#1c212b;border:1px solid #2c333f;border-radius:8px;cursor:pointer;white-space:nowrap}button:hover{background:#242b37;border-color:#3a4250}button.primary{background:#4a7cff;border-color:#4a7cff;color:#fff}button.primary:hover{background:#3a6ae8}button.ghost{background:transparent}#input{flex:1;width:100%;resize:none;padding:14px 16px;border:0;outline:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;tab-size:2;color:#e6e6e6;background:#0f1115}.status{padding:6px 16px;font-size:12px;color:#8b93a3;background:#11151c;border-top:1px solid #232934}.status.ok{color:#7ee787}.status.err{color:#ff6b6b}.error{max-height:40%;overflow:auto;padding:10px 16px;background:#1b1012;border-top:1px solid #3a1f24;font-size:12px;color:#ffb4b4}.emsg{font-weight:600;margin-bottom:6px;word-break:break-all}.esnip{margin:0;padding:8px 10px;background:#0f1115;border:1px solid #2c333f;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;color:#e6e6e6;white-space:pre;overflow-x:auto}.tree{flex:1;overflow:auto;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6}.placeholder{color:#6b7280;font-family:system-ui,sans-serif;padding:24px 4px}.placeholder.err{color:#ff6b6b}.row{cursor:pointer}.row:hover{background:#4a7cff0f}.caret,.cell{display:inline-block;width:14px;color:#6b7280;-webkit-user-select:none;user-select:none}.caret:before{content:"▾"}.node.collapsed>.row .caret:before{content:"▸"}.children{padding-left:16px;margin-left:4px;border-left:1px dotted #2c333f}.node.collapsed>.children{display:none}.node>.row>.pv{display:none}.node.collapsed>.row>.pv{display:inline;color:#6b7280}.node>.row>.open{display:inline}.node.collapsed>.row>.open{display:none}.k{color:#d2a8ff}.cl{color:#6b7280}.br{color:#8b93a3}.cnt{color:#4a7cff}.v.str{color:#7ee787}.v.num{color:#79c0ff}.v.bool{color:#ffa657}.v.null{color:#8b93a3;font-style:italic}.tree-status{font-size:12px;color:#8b93a3}@media(max-width:720px){#app{height:auto}.split{flex-direction:column}.pane.left,.pane.right{flex:0 0 auto;height:50vh}.pane.right{border-left:0;border-top:1px solid #232934}.gutter{display:none}}