.tree-node[data-v-9b5666ca]{line-height:1.6}.node-row[data-v-9b5666ca]{cursor:pointer;border-bottom:2px solid #0000;border-radius:3px;align-items:flex-start;gap:2px;padding:1px 0;transition:border-color .15s,background .15s;display:flex}.node-row[data-v-9b5666ca]:hover{background:var(--active-line)}.node-row.selected[data-v-9b5666ca]{border-bottom-color:var(--accent)}.node-row.selected.tree-unfocused[data-v-9b5666ca]{border-bottom-color:color-mix(in srgb, var(--accent) 40%, transparent)}.node-key[data-v-9b5666ca]{color:var(--tree-key,#89b4fa);white-space:nowrap;flex-shrink:0}.colon[data-v-9b5666ca]{color:var(--text-muted)}.node-value[data-v-9b5666ca]{color:var(--text-primary);word-break:break-all;white-space:pre-wrap;min-width:0}.node-value.string[data-v-9b5666ca]{color:var(--tree-string,#a6e3a1)}.node-value.number[data-v-9b5666ca]{color:var(--tree-number,#fab387)}.node-value.boolean[data-v-9b5666ca]{color:var(--tree-boolean,#cba6f7)}.node-value.null[data-v-9b5666ca]{color:var(--tree-null,#f38ba8)}.node-value.object[data-v-9b5666ca]{color:var(--text-secondary)}.toggle-btn[data-v-9b5666ca]{cursor:pointer;width:24px;height:24px;color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.toggle-btn[data-v-9b5666ca]:hover{color:var(--accent)}.toggle-icon[data-v-9b5666ca]{vertical-align:middle;font-size:24px;line-height:1;display:inline-block}.toggle-spacer[data-v-9b5666ca]{flex-shrink:0;width:24px;display:inline-block}.bracket[data-v-9b5666ca]{color:var(--text-muted)}.summary[data-v-9b5666ca]{color:var(--text-muted);font-size:11px}.comma[data-v-9b5666ca]{color:var(--text-muted)}.edit-input[data-v-9b5666ca]{background:var(--bg-surface);border:1px solid var(--accent);color:var(--text-primary);border-radius:3px;outline:none;width:auto;min-width:40px;max-width:100%;margin:-2px 0;padding:0 4px;font-family:Fira Code,monospace;font-size:13px}.edit-inline[data-v-9b5666ca]{background:var(--bg-surface);border:1px solid var(--accent);white-space:pre-wrap;word-break:break-all;cursor:text;border-radius:3px;outline:none;min-width:30px;margin:-2px -4px;padding:1px 4px;line-height:1.6;display:inline-block}.node-close[data-v-9b5666ca]{align-items:center;display:flex}.tree-view[data-v-8ca045a5]{color:var(--text-primary);background:var(--bg-primary);cursor:text;outline:none;flex:1;padding:.5rem;font-family:Fira Code,monospace;font-size:13px;overflow:auto}.tree-view[data-v-8ca045a5]:focus{outline:none}.root-bracket[data-v-8ca045a5]{color:var(--text-muted);cursor:pointer;padding:1px 0}.root-bracket[data-v-8ca045a5]:hover{color:var(--text-primary)}.tree-empty[data-v-8ca045a5]{color:var(--text-muted);padding:1px 0}:root{--bg-primary:#1e1e2e;--bg-secondary:#181825;--bg-surface:#313244;--bg-hover:#45475a;--text-primary:#cdd6f4;--text-secondary:#a6adc8;--text-muted:#6c7086;--accent:#89b4fa;--accent-hover:#74c7ec;--success:#a6e3a1;--error:#f38ba8;--warning:#f9e2af;--border:#45475a;--gutter-bg:#181825;--scrollbar:#585b70;--scrollbar-hover:#6c7086;--splitter:#585b70;--toolbar-bg:#1e1e2e;--btn-bg:#313244;--btn-hover:#45475a;--active-line:#89b4fa1a}[data-theme=light]{--bg-primary:#eff1f5;--bg-secondary:#e6e9ef;--bg-surface:#ccd0da;--bg-hover:#bcc0cc;--text-primary:#4c4f69;--text-secondary:#5c5f77;--text-muted:#8c8fa1;--accent:#1e66f5;--accent-hover:#2a6ef5;--success:#40a02b;--error:#d20f39;--warning:#df8e1d;--border:#bcc0cc;--gutter-bg:#e6e9ef;--scrollbar:#bcc0cc;--scrollbar-hover:#acb0be;--splitter:#acb0be;--toolbar-bg:#eff1f5;--btn-bg:#ccd0da;--btn-hover:#bcc0cc;--active-line:#1e66f514}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.app-layout{flex-direction:column;height:100vh;display:flex}.header{background:var(--toolbar-bg);border-bottom:1px solid var(--border);z-index:100;flex-shrink:0;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.header .logo{white-space:nowrap;align-items:center;gap:.25rem;font-family:Fira Code,monospace;font-size:1.1rem;font-weight:700;display:flex}.header .logo .bracket{color:var(--accent)}.header .logo .name{color:var(--text-primary)}.header-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.btn{border:1px solid var(--border);background:var(--btn-bg);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-family:inherit;font-size:.8rem;transition:all .15s;display:inline-flex}.btn:hover{background:var(--btn-hover)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{opacity:.9}.btn.icon-only{padding:.4rem .5rem}.editor-area{flex:1;display:flex;position:relative;overflow:hidden}.panel{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.panel.fullscreen{flex:1}.panel.hidden{display:none}.panel-toolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.5rem;padding:.35rem .75rem;display:flex}.panel-title{color:var(--text-secondary);font-family:Fira Code,monospace;font-size:.8rem;font-weight:600}.panel-toolbar .spacer{flex:1}.status-indicator{align-items:center;gap:.3rem;font-family:Fira Code,monospace;font-size:.75rem;display:flex}.status-indicator.valid{color:var(--success)}.status-indicator.invalid{color:var(--error)}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.valid{background:var(--success)}.status-dot.invalid{background:var(--error)}.editor-container{flex:1;position:relative;overflow:hidden}.editor-container .cm-editor{height:100%;font-size:14px}.editor-container .cm-editor .cm-scroller{font-family:Fira Code,monospace;overflow:hidden auto}.editor-container .cm-editor .cm-gutters{background:var(--gutter-bg);border-right:1px solid var(--border)}.editor-container .cm-editor .cm-activeLineGutter,.editor-container .cm-editor .cm-activeLine{background:var(--active-line)}.editor-container .cm-editor .cm-selectionBackground{background:#89b4fa33!important}.editor-container .cm-editor .cm-content{padding-bottom:50vh}.cm-line-error{background:#f38ba826!important}.error-gutter{color:var(--error)!important;font-size:16px!important}.center-splitter{background:var(--bg-secondary);border-left:1px solid var(--border);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;gap:0;width:130px;min-width:130px;display:flex}.splitter-actions{gap:.5rem;padding:100px .5rem .5rem;display:flex}.splitter-btn{border:1px solid var(--border);background:var(--btn-bg);width:50px;height:32px;color:var(--accent);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;transition:all .15s;display:flex}.splitter-btn:hover{background:var(--accent);color:#fff}.splitter-handle{cursor:col-resize;flex:1;justify-content:center;align-items:center;width:100%;transition:background .15s;display:flex}.splitter-handle:hover{background:#89b4fa1a}.splitter-grip{flex-direction:column;gap:4px;display:flex}.splitter-grip span{background:var(--text-muted);border-radius:2px;width:30px;height:3px}.splitter-handle:hover .splitter-grip span{background:var(--accent)}.error-bar{border-top:1px solid var(--error);color:var(--error);background:#f38ba81a;flex-shrink:0;align-items:center;gap:.5rem;padding:.35rem .75rem;font-family:Fira Code,monospace;font-size:.78rem;display:flex}.error-bar .close-error{color:var(--error);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:1rem}.panel-actions{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.25rem;padding:.3rem .5rem;display:flex}.mode-toggle{border:1px solid var(--border);border-radius:5px;margin-right:.25rem;display:flex;overflow:hidden}.mode-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.2rem .5rem;font-family:Fira Code,monospace;font-size:.75rem;transition:all .15s}.mode-btn.active{background:var(--accent);color:#fff}.mode-btn:hover:not(.active){background:var(--btn-hover)}.action-separator{background:var(--border);width:1px;height:20px;margin:0 .25rem}.icon-btn{cursor:pointer;width:32px;height:28px;color:var(--icon-color,#a6adc8);background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;padding:0;font-size:.85rem;line-height:1;transition:all .15s;display:flex}.icon-btn:hover{background:var(--btn-bg);border-color:var(--border);color:var(--icon-hover,#cdd6f4)}.search-panel{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.4rem;padding:.35rem .5rem;display:flex}.search-panel input{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;width:150px;padding:.3rem .5rem;font-family:Fira Code,monospace;font-size:.8rem}.search-panel input:focus{border-color:var(--accent);outline:none}.sm-btn{border:1px solid var(--border);background:var(--btn-bg);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.sm-btn:hover{background:var(--btn-hover)}.close-search{color:var(--error);border-color:var(--error)}.tree-container{flex:1;overflow:auto}.drop-overlay{border:3px dashed var(--accent);z-index:50;color:var(--accent);background:#89b4fa26;border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:600;display:flex;position:absolute;inset:0}@media (width<=768px){.header{flex-wrap:wrap;gap:.5rem}.header-actions{flex-wrap:wrap}.btn span.label{display:none}}