.toolbar[data-v-3a1b20fb]{min-height:var(--toolbar-height);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 var(--spacing-lg);gap:var(--spacing-lg);position:relative;z-index:10;flex-wrap:wrap}.toolbar-brand[data-v-3a1b20fb]{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.brand-text[data-v-3a1b20fb]{font-size:16px;font-weight:600;color:var(--color-text-bright);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.toolbar-section[data-v-3a1b20fb]{display:flex;align-items:center;gap:var(--spacing-xs)}.toolbar-right[data-v-3a1b20fb]{margin-left:auto;flex-shrink:0}.mode-switch[data-v-3a1b20fb]{background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2px;flex-shrink:0}.mode-btn[data-v-3a1b20fb]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:13px;transition:all var(--transition-fast)}.mode-btn[data-v-3a1b20fb]:hover{color:var(--color-text-bright)}.mode-btn.active[data-v-3a1b20fb]{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;box-shadow:var(--shadow-glow)}.mode-actions[data-v-3a1b20fb]{gap:var(--spacing-sm);flex-wrap:wrap}.mode-title[data-v-3a1b20fb]{font-size:13px;font-weight:600;color:var(--color-text-bright);padding-right:var(--spacing-sm);border-right:1px solid var(--color-border);white-space:nowrap}.mode-hint[data-v-3a1b20fb]{font-size:12px;color:var(--color-text-dim);white-space:nowrap}.mode-summary[data-v-3a1b20fb]{font-size:12px;color:var(--color-text-muted);padding:2px var(--spacing-sm);border-radius:var(--radius-sm);background:var(--color-bg-dark);border:1px solid var(--color-border);white-space:nowrap}.mode-summary.err[data-v-3a1b20fb]{color:var(--color-error, #ef4444);border-color:var(--color-diff-removed-border);background:var(--color-diff-removed)}.mode-summary.ok[data-v-3a1b20fb]{color:var(--color-success, #10b981);border-color:var(--color-diff-added-border);background:var(--color-diff-added)}.toolbar-btn[data-v-3a1b20fb]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:13px;transition:all var(--transition-fast);position:relative;white-space:nowrap}.toolbar-btn[data-v-3a1b20fb]:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-bright)}.toolbar-btn[data-v-3a1b20fb]:active:not(:disabled){transform:scale(.96)}.btn-icon[data-v-3a1b20fb]{width:16px;height:16px;flex-shrink:0;display:block}.toggle-btn.active[data-v-3a1b20fb]{color:var(--color-primary-light);background:var(--color-bg-active)}.toggle-indicator[data-v-3a1b20fb]{width:8px;height:8px;border-radius:50%;background:var(--color-text-dim);transition:all var(--transition-fast)}.toggle-indicator.on[data-v-3a1b20fb]{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.toast[data-v-3a1b20fb]{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-bg-elevated);color:var(--color-text-bright);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:13px;white-space:nowrap;border:1px solid var(--color-border)}.copy-menu-wrap[data-v-3a1b20fb]{position:relative;display:inline-flex}.copy-menu-wrap .caret[data-v-3a1b20fb]{width:12px;height:12px;margin-left:2px;opacity:.7;transition:transform var(--transition-fast)}.copy-menu-wrap .copy-trigger-open .caret[data-v-3a1b20fb]{transform:rotate(180deg)}.copy-menu[data-v-3a1b20fb]{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:20;overflow:hidden;padding:4px}.copy-menu-item[data-v-3a1b20fb]{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);color:var(--color-text-bright);transition:background var(--transition-fast)}.copy-menu-item[data-v-3a1b20fb]:hover:not(:disabled){background:var(--color-bg-hover)}.copy-menu-item[data-v-3a1b20fb]:disabled{opacity:.4;cursor:not-allowed}.copy-menu-label[data-v-3a1b20fb]{font-size:13px;font-weight:500}.copy-menu-desc[data-v-3a1b20fb]{font-size:11px;color:var(--color-text-dim)}.copy-menu-enter-active[data-v-3a1b20fb],.copy-menu-leave-active[data-v-3a1b20fb]{transition:opacity var(--transition-fast),transform var(--transition-fast)}.copy-menu-enter-from[data-v-3a1b20fb],.copy-menu-leave-to[data-v-3a1b20fb]{opacity:0;transform:translateY(-4px)}.editor-panel[data-v-38be7ddf]{display:flex;flex-direction:column;height:100%;background:var(--color-bg-input);overflow:hidden}.editor-header[data-v-38be7ddf]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.panel-title[data-v-38be7ddf]{font-size:13px;font-weight:500;color:var(--color-text-muted)}.editor-stats[data-v-38be7ddf]{font-size:12px;color:var(--color-text-dim)}.editor-body[data-v-38be7ddf]{flex:1;display:flex;overflow:hidden}.line-numbers[data-v-38be7ddf]{display:flex;flex-direction:column;padding:var(--spacing-md) 0;width:48px;text-align:right;background:var(--color-bg-dark);border-right:1px solid var(--color-border);overflow:hidden;flex-shrink:0;-webkit-user-select:none;user-select:none}.line-number[data-v-38be7ddf]{font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--color-text-dim);padding:0 var(--spacing-sm)}.editor-textarea[data-v-38be7ddf]{flex:1;border:none;background:transparent;color:var(--color-text-bright);font-family:var(--font-mono);font-size:13px;line-height:1.6;padding:var(--spacing-md);resize:none;outline:none;white-space:pre;overflow:auto;-moz-tab-size:2;tab-size:2}.editor-textarea[data-v-38be7ddf]::placeholder{color:var(--color-text-dim);opacity:.6}.editor-status-bar[data-v-38be7ddf]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-lg);background:var(--color-bg-surface);border-top:1px solid var(--color-border);flex-shrink:0;height:var(--status-bar-height)}.status-badge[data-v-38be7ddf]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:12px;font-weight:500}.status-dot[data-v-38be7ddf]{width:8px;height:8px;border-radius:50%}.status-valid .status-dot[data-v-38be7ddf]{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.status-valid[data-v-38be7ddf]{color:var(--color-success)}.status-error .status-dot[data-v-38be7ddf]{background:var(--color-error);box-shadow:0 0 6px var(--color-error)}.status-error[data-v-38be7ddf]{color:var(--color-error)}.status-parsing .status-dot[data-v-38be7ddf]{background:var(--color-warning);animation:pulse-38be7ddf 1s infinite}.status-parsing[data-v-38be7ddf]{color:var(--color-warning)}.status-empty .status-dot[data-v-38be7ddf]{background:var(--color-text-dim)}.status-empty[data-v-38be7ddf]{color:var(--color-text-dim)}.error-brief[data-v-38be7ddf]{font-size:12px;color:var(--color-error);font-family:var(--font-mono)}@keyframes pulse-38be7ddf{0%,to{opacity:1}50%{opacity:.4}}.tree-node[data-v-bdbae582]{position:relative}.tree-node-content[data-v-bdbae582]{display:flex;align-items:center;gap:4px;padding:1px 0;border-radius:var(--radius-sm);transition:background var(--transition-fast);cursor:default}.tree-node-content.match-hit[data-v-bdbae582]{background:var(--color-search-hit, rgba(255, 214, 0, .16));box-shadow:inset 3px 0 0 var(--color-accent, #4f8cff)}.tree-node-content.match-ancestor[data-v-bdbae582]{background:var(--color-search-ancestor, rgba(79, 140, 255, .08))}.tree-node-content.match-hit[data-v-bdbae582]:hover{background:var(--color-search-hit-hover, rgba(255, 214, 0, .26))}[data-v-bdbae582] mark{background:var(--color-mark, #ffd600);color:#1a1a1a;border-radius:2px;padding:0 1px}.tree-node-content[data-v-bdbae582]:hover{background:var(--color-bg-hover)}.node-copy-btn[data-v-bdbae582]{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:6px;padding:0;border:none;background:transparent;color:var(--color-text-dim);cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0;opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.tree-node-content:hover .node-copy-btn[data-v-bdbae582]{opacity:1}.node-copy-btn[data-v-bdbae582]:hover{color:var(--color-accent, #4f8cff);background:var(--color-bg-surface)}.node-copy-btn.copied[data-v-bdbae582]{opacity:1;color:var(--color-success, #10b981)}.copy-icon[data-v-bdbae582]{width:13px;height:13px;display:block}.toggle-arrow[data-v-bdbae582]{display:flex;align-items:center;justify-content:center;width:16px;height:16px;cursor:pointer;color:var(--color-text-dim);transition:transform var(--transition-fast);flex-shrink:0}.toggle-arrow svg[data-v-bdbae582]{width:12px;height:12px}.toggle-arrow.expanded[data-v-bdbae582]{transform:rotate(90deg)}.toggle-arrow.hidden[data-v-bdbae582]{visibility:hidden}.type-icon[data-v-bdbae582]{font-size:10px;flex-shrink:0;width:14px;text-align:center}.node-key[data-v-bdbae582]{color:var(--color-key);font-weight:500}.node-colon[data-v-bdbae582]{color:var(--color-text-muted);margin-right:4px}.node-type-badge[data-v-bdbae582]{cursor:pointer;color:var(--color-text-muted);font-size:12px;-webkit-user-select:none;user-select:none}.type-bracket[data-v-bdbae582]{color:var(--color-text-dim)}.node-preview[data-v-bdbae582]{color:var(--color-text-dim);font-size:12px;margin-left:4px}.string-json-preview[data-v-bdbae582]{color:var(--color-string-json);font-style:italic}.node-value[data-v-bdbae582]{font-weight:400}.value-string[data-v-bdbae582]{color:var(--color-string)}.value-number[data-v-bdbae582]{color:var(--color-number)}.value-boolean[data-v-bdbae582]{color:var(--color-boolean)}.value-null[data-v-bdbae582]{color:var(--color-null);font-style:italic}.value-string-json[data-v-bdbae582]{color:var(--color-string-json)}.tree-node-children[data-v-bdbae582]{overflow:hidden}.expand-enter-active[data-v-bdbae582],.expand-leave-active[data-v-bdbae582]{transition:max-height var(--transition-normal);max-height:9999px}.expand-enter-from[data-v-bdbae582],.expand-leave-to[data-v-bdbae582]{max-height:0}.tree-panel[data-v-381cec56]{display:flex;flex-direction:column;height:100%;background:var(--color-bg-dark);overflow:hidden}.tree-header[data-v-381cec56]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.panel-title[data-v-381cec56]{font-size:13px;font-weight:500;color:var(--color-text-muted)}.tree-controls[data-v-381cec56]{display:flex;align-items:center;gap:var(--spacing-sm)}.node-count[data-v-381cec56]{font-size:12px;color:var(--color-text-dim);margin-right:var(--spacing-sm)}.tree-control-btn[data-v-381cec56]{padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-size:12px;color:var(--color-text-muted);transition:all var(--transition-fast)}.tree-control-btn[data-v-381cec56]:hover{background:var(--color-bg-hover);color:var(--color-text-bright)}.tree-body[data-v-381cec56]{flex:1;overflow:auto;padding:var(--spacing-md)}.tree-empty[data-v-381cec56],.tree-error-state[data-v-381cec56]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-md);color:var(--color-text-dim);font-size:14px}.empty-icon[data-v-381cec56]{width:48px;height:48px;opacity:.4}.tree-content[data-v-381cec56]{font-family:var(--font-mono);font-size:13px;line-height:1.8}.tree-search[data-v-381cec56]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.search-icon[data-v-381cec56]{width:14px;height:14px;color:var(--color-text-dim);flex-shrink:0}.search-input[data-v-381cec56]{flex:1;min-width:0;border:1px solid var(--color-border);background:var(--color-bg-input);color:var(--color-text-bright);font-size:12px;padding:4px var(--spacing-sm);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast)}.search-input[data-v-381cec56]:focus{border-color:var(--color-accent, #4f8cff)}.search-input[data-v-381cec56]::placeholder{color:var(--color-text-dim)}.search-count[data-v-381cec56]{font-size:12px;color:var(--color-text-dim);white-space:nowrap;flex-shrink:0}.search-only[data-v-381cec56]{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-dim);white-space:nowrap;flex-shrink:0;-webkit-user-select:none;user-select:none;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.search-only[data-v-381cec56]:hover{background:var(--color-bg-hover)}.search-only.active[data-v-381cec56]{color:var(--color-accent, #4f8cff)}.search-only input[data-v-381cec56]{width:13px;height:13px;margin:0;cursor:pointer;accent-color:var(--color-accent, #4f8cff)}.search-clear[data-v-381cec56]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--color-text-dim);cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0;transition:all var(--transition-fast)}.search-clear[data-v-381cec56]:hover{background:var(--color-bg-hover);color:var(--color-text-bright)}.search-clear svg[data-v-381cec56]{width:14px;height:14px}.error-panel[data-v-81ef78bf]{background:var(--color-bg-elevated);border-top:1px solid var(--color-error);padding:var(--spacing-md) var(--spacing-lg);max-height:200px;overflow-y:auto}.error-header[data-v-81ef78bf]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.error-title[data-v-81ef78bf]{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-error);font-weight:600;font-size:13px}.error-icon[data-v-81ef78bf]{width:16px;height:16px}.error-location[data-v-81ef78bf]{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);background:#ef44441a;padding:2px var(--spacing-sm);border-radius:var(--radius-sm)}.error-message[data-v-81ef78bf]{font-size:13px;color:var(--color-text-normal);margin-bottom:var(--spacing-sm);font-family:var(--font-mono)}.error-context[data-v-81ef78bf]{background:var(--color-bg-input);border-radius:var(--radius-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-family:var(--font-mono);font-size:12px}.context-line[data-v-81ef78bf]{display:flex;gap:var(--spacing-sm);padding:1px 0;border-radius:var(--radius-sm)}.context-line.error-line[data-v-81ef78bf]{background:#ef444426}.line-num[data-v-81ef78bf]{color:var(--color-text-dim);min-width:28px;text-align:right;-webkit-user-select:none;user-select:none}.line-text[data-v-81ef78bf]{color:var(--color-text-normal);white-space:pre}.jump-btn[data-v-81ef78bf]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);background:#ef44441a;color:var(--color-error);font-size:12px;transition:all var(--transition-fast)}.jump-btn[data-v-81ef78bf]:hover{background:#ef444433}.jump-btn svg[data-v-81ef78bf]{width:14px;height:14px}.guide-overlay[data-v-68386c9f]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100}.guide-modal[data-v-68386c9f]{position:relative;background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--spacing-2xl);max-width:480px;width:90%;box-shadow:var(--shadow-lg),var(--shadow-glow)}.guide-close[data-v-68386c9f]{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast)}.guide-close[data-v-68386c9f]:hover{background:var(--color-bg-hover);color:var(--color-text-bright)}.guide-close svg[data-v-68386c9f]{width:16px;height:16px}.guide-content[data-v-68386c9f]{text-align:center;margin-bottom:var(--spacing-xl)}.guide-icon[data-v-68386c9f]{font-size:48px;margin-bottom:var(--spacing-lg)}.guide-title[data-v-68386c9f]{font-size:20px;font-weight:600;color:var(--color-text-bright);margin-bottom:var(--spacing-sm)}.guide-desc[data-v-68386c9f]{font-size:14px;color:var(--color-text-muted);line-height:1.6}.guide-progress[data-v-68386c9f]{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.progress-dot[data-v-68386c9f]{width:8px;height:8px;border-radius:50%;background:var(--color-bg-medium);cursor:pointer;transition:all var(--transition-fast)}.progress-dot.active[data-v-68386c9f]{background:var(--color-primary);width:24px;border-radius:var(--radius-full)}.guide-actions[data-v-68386c9f]{display:flex;justify-content:center;gap:var(--spacing-sm)}.guide-btn[data-v-68386c9f]{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);font-size:14px;font-weight:500;transition:all var(--transition-fast)}.guide-btn.primary[data-v-68386c9f]{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff}.guide-btn.primary[data-v-68386c9f]:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}.guide-btn.secondary[data-v-68386c9f]{background:var(--color-bg-medium);color:var(--color-text-normal)}.guide-btn.secondary[data-v-68386c9f]:hover{background:var(--color-bg-light)}.guide-btn.ghost[data-v-68386c9f]{color:var(--color-text-dim)}.guide-btn.ghost[data-v-68386c9f]:hover{color:var(--color-text-muted)}.compare-editor[data-v-13117525]{display:flex;flex-direction:column;height:100%;background:var(--color-bg-input);overflow:hidden;border:1px solid transparent;transition:border-color var(--transition-fast)}.compare-editor.has-error[data-v-13117525]{border-color:var(--color-error)}.editor-header[data-v-13117525]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.side-badge[data-v-13117525]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;color:#fff}.side-badge.left[data-v-13117525]{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))}.side-badge.right[data-v-13117525]{background:linear-gradient(135deg,var(--color-info),#60a5fa)}.panel-title[data-v-13117525]{font-size:13px;font-weight:500;color:var(--color-text-muted)}.editor-stats[data-v-13117525]{margin-left:auto;font-size:12px;color:var(--color-text-dim)}.editor-body[data-v-13117525]{flex:1;display:flex;overflow:hidden}.line-numbers[data-v-13117525]{display:flex;flex-direction:column;padding:var(--spacing-md) 0;width:48px;text-align:right;background:var(--color-bg-dark);border-right:1px solid var(--color-border);overflow:hidden;flex-shrink:0;-webkit-user-select:none;user-select:none}.line-number[data-v-13117525]{font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--color-text-dim);padding:0 var(--spacing-sm)}.editor-textarea[data-v-13117525]{flex:1;border:none;background:transparent;color:var(--color-text-bright);font-family:var(--font-mono);font-size:13px;line-height:1.6;padding:var(--spacing-md);resize:none;outline:none;white-space:pre;overflow:auto;-moz-tab-size:2;tab-size:2}.editor-textarea[data-v-13117525]::placeholder{color:var(--color-text-dim);opacity:.6}.editor-status-bar[data-v-13117525]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-lg);background:var(--color-bg-surface);border-top:1px solid var(--color-border);flex-shrink:0;height:var(--status-bar-height)}.status-badge[data-v-13117525]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:12px;font-weight:500}.status-dot[data-v-13117525]{width:8px;height:8px;border-radius:50%}.status-valid .status-dot[data-v-13117525]{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.status-valid[data-v-13117525]{color:var(--color-success)}.status-error .status-dot[data-v-13117525]{background:var(--color-error);box-shadow:0 0 6px var(--color-error)}.status-error[data-v-13117525]{color:var(--color-error)}.status-empty .status-dot[data-v-13117525]{background:var(--color-text-dim)}.status-empty[data-v-13117525]{color:var(--color-text-dim)}.error-brief[data-v-13117525]{font-size:12px;color:var(--color-error);font-family:var(--font-mono)}.diff-node[data-v-c03de9ea]{font-family:var(--font-mono);font-size:13px;line-height:1.7}.diff-row[data-v-c03de9ea]{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.diff-left[data-v-c03de9ea],.diff-right[data-v-c03de9ea]{display:flex;align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-md) 2px 0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.diff-left[data-v-c03de9ea]{border-right:1px solid var(--color-border)}.diff-toggle[data-v-c03de9ea]{width:16px;height:16px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:9px;color:var(--color-text-dim);background:transparent;border:none;cursor:pointer;transition:color var(--transition-fast)}.diff-toggle[data-v-c03de9ea]:hover{color:var(--color-text-bright)}.diff-toggle-placeholder[data-v-c03de9ea]{width:16px;flex-shrink:0}.diff-key[data-v-c03de9ea]{color:var(--color-key);flex-shrink:0}.diff-colon[data-v-c03de9ea]{color:var(--color-text-dim)}.diff-value[data-v-c03de9ea]{color:var(--color-text-normal);overflow:hidden;text-overflow:ellipsis}.diff-value.empty[data-v-c03de9ea]{color:var(--color-text-dim);opacity:.5}.diff-row.kind-added .diff-right[data-v-c03de9ea]{background:var(--color-diff-added);box-shadow:inset 3px 0 0 var(--color-diff-added-border)}.diff-row.kind-removed .diff-left[data-v-c03de9ea]{background:var(--color-diff-removed);box-shadow:inset 3px 0 0 var(--color-diff-removed-border)}.diff-row.kind-changed .diff-left[data-v-c03de9ea],.diff-row.kind-changed .diff-right[data-v-c03de9ea]{background:var(--color-diff-changed)}.diff-row.kind-changed .diff-left[data-v-c03de9ea],.diff-row.kind-changed .diff-right[data-v-c03de9ea]{box-shadow:inset 3px 0 0 var(--color-diff-changed-border)}.diff-row.kind-type-changed .diff-left[data-v-c03de9ea],.diff-row.kind-type-changed .diff-right[data-v-c03de9ea]{background:var(--color-diff-type)}.diff-row.kind-type-changed .diff-left[data-v-c03de9ea],.diff-row.kind-type-changed .diff-right[data-v-c03de9ea]{box-shadow:inset 3px 0 0 var(--color-diff-type-border)}.diff-view[data-v-e9579d18]{display:flex;flex-direction:column;height:100%;background:var(--color-bg-dark);overflow:hidden}.diff-header[data-v-e9579d18]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.panel-title[data-v-e9579d18]{font-size:13px;font-weight:500;color:var(--color-text-muted)}.diff-summary[data-v-e9579d18]{font-size:13px;font-weight:600;padding:2px var(--spacing-md);border-radius:var(--radius-full);background:var(--color-bg-elevated);color:var(--color-text-muted)}.summary-ok[data-v-e9579d18]{color:var(--color-success);background:var(--color-diff-added)}.summary-diff[data-v-e9579d18]{color:var(--color-warning);background:var(--color-diff-changed)}.summary-error[data-v-e9579d18]{color:var(--color-error);background:var(--color-diff-removed)}.diff-only-toggle[data-v-e9579d18]{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-xs);font-size:12px;color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.diff-only-toggle input[data-v-e9579d18]{accent-color:var(--color-primary);cursor:pointer}.diff-body[data-v-e9579d18]{flex:1;overflow:auto;padding:var(--spacing-md) 0}.diff-state[data-v-e9579d18]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-md);color:var(--color-text-dim);font-size:14px;text-align:center;padding:var(--spacing-xl)}.diff-state-ok[data-v-e9579d18]{color:var(--color-success)}.state-icon[data-v-e9579d18]{width:48px;height:48px;opacity:.5}.diff-state-ok .state-icon[data-v-e9579d18]{opacity:.8}.state-detail[data-v-e9579d18]{font-size:12px;color:var(--color-text-dim);font-family:var(--font-mono)}.diff-tree[data-v-e9579d18]{font-family:var(--font-mono)}.diff-legend[data-v-e9579d18]{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xs) var(--spacing-lg);background:var(--color-bg-surface);border-top:1px solid var(--color-border);flex-shrink:0;font-size:12px;color:var(--color-text-muted)}.legend-item[data-v-e9579d18]{display:flex;align-items:center;gap:var(--spacing-xs)}.legend-swatch[data-v-e9579d18]{width:12px;height:12px;border-radius:var(--radius-sm);display:inline-block}.swatch-added[data-v-e9579d18]{background:var(--color-diff-added);border-left:3px solid var(--color-diff-added-border)}.swatch-removed[data-v-e9579d18]{background:var(--color-diff-removed);border-left:3px solid var(--color-diff-removed-border)}.swatch-changed[data-v-e9579d18]{background:var(--color-diff-changed);border-left:3px solid var(--color-diff-changed-border)}.swatch-type[data-v-e9579d18]{background:var(--color-diff-type);border-left:3px solid var(--color-diff-type-border)}.compare-view[data-v-a42497d4]{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-darkest)}.compare-editors[data-v-a42497d4]{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--color-border);height:38%;flex-shrink:0;overflow:hidden}.compare-diff[data-v-a42497d4]{flex:1;overflow:hidden}@media(max-width:768px){.compare-editors[data-v-a42497d4]{grid-template-columns:1fr;grid-template-rows:1fr 1fr;height:44%}}.app-container[data-v-29be4bb1]{height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-darkest)}.main-layout[data-v-29be4bb1]{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;gap:1px;background:var(--color-border);overflow:hidden}.editor-panel[data-v-29be4bb1]{grid-column:1;grid-row:1;overflow:hidden}.tree-panel[data-v-29be4bb1]{grid-column:2;grid-row:1;overflow:hidden}.error-panel-container[data-v-29be4bb1]{grid-column:1 / -1;grid-row:2}@media(max-width:1024px){.main-layout[data-v-29be4bb1]{grid-template-columns:1fr 1.2fr}}@media(max-width:768px){.main-layout[data-v-29be4bb1]{grid-template-columns:1fr;grid-template-rows:40vh 1fr auto}.editor-panel[data-v-29be4bb1]{grid-column:1;grid-row:1}.tree-panel[data-v-29be4bb1]{grid-column:1;grid-row:2}.error-panel-container[data-v-29be4bb1]{grid-column:1;grid-row:3}}:root{--color-primary: #7c3aed;--color-primary-hover: #6366f1;--color-primary-light: #818cf8;--color-bg-darkest: #0f172a;--color-bg-dark: #1e293b;--color-bg-medium: #334155;--color-bg-light: #475569;--color-bg-surface: #1e293b;--color-bg-elevated: #273449;--color-bg-input: #0f172a;--color-bg-hover: rgba(124, 58, 237, .12);--color-bg-active: rgba(124, 58, 237, .2);--color-text-bright: #f1f5f9;--color-text-normal: #cbd5e1;--color-text-muted: #94a3b8;--color-text-dim: #64748b;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--color-key: #818cf8;--color-string: #10b981;--color-number: #f59e0b;--color-boolean: #c084fc;--color-null: #64748b;--color-string-json: #06b6d4;--color-border: rgba(148, 163, 184, .15);--color-border-strong: rgba(148, 163, 184, .3);--color-diff-added: rgba(16, 185, 129, .16);--color-diff-removed: rgba(239, 68, 68, .16);--color-diff-changed: rgba(245, 158, 11, .16);--color-diff-type: rgba(192, 132, 252, .18);--color-diff-added-border: rgba(16, 185, 129, .55);--color-diff-removed-border: rgba(239, 68, 68, .55);--color-diff-changed-border: rgba(245, 158, 11, .55);--color-diff-type-border: rgba(192, 132, 252, .6);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(124, 58, 237, .3);--font-mono: "JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--toolbar-height: 56px;--status-bar-height: 28px;--max-content-width: 1600px}:root[data-theme=light]{--color-bg-darkest: #f8fafc;--color-bg-dark: #ffffff;--color-bg-medium: #e2e8f0;--color-bg-light: #cbd5e1;--color-bg-surface: #ffffff;--color-bg-elevated: #f1f5f9;--color-bg-input: #ffffff;--color-bg-hover: rgba(124, 58, 237, .08);--color-bg-active: rgba(124, 58, 237, .15);--color-text-bright: #0f172a;--color-text-normal: #334155;--color-text-muted: #64748b;--color-text-dim: #94a3b8;--color-key: #6366f1;--color-string: #059669;--color-number: #d97706;--color-boolean: #9333ea;--color-null: #94a3b8;--color-border: rgba(15, 23, 42, .1);--color-border-strong: rgba(15, 23, 42, .2);--color-diff-added: rgba(16, 185, 129, .18);--color-diff-removed: rgba(239, 68, 68, .16);--color-diff-changed: rgba(245, 158, 11, .2);--color-diff-type: rgba(192, 132, 252, .2);--color-diff-added-border: rgba(16, 185, 129, .6);--color-diff-removed-border: rgba(239, 68, 68, .55);--color-diff-changed-border: rgba(245, 158, 11, .6);--color-diff-type-border: rgba(192, 132, 252, .65);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);background-color:var(--color-bg-darkest);color:var(--color-text-normal);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100vh;width:100vw;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-bg-medium);border-radius:var(--radius-full);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--color-bg-light)}::selection{background:#7c3aed4d;color:var(--color-text-bright)}a{color:var(--color-primary-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,textarea{font-family:inherit;outline:none}.mono{font-family:var(--font-mono)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform var(--transition-normal),opacity var(--transition-normal)}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(100%);opacity:0}.main-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;height:calc(100vh - var(--toolbar-height));gap:1px;background:var(--color-border)}.editor-panel{grid-column:1;grid-row:1}.tree-panel{grid-column:2;grid-row:1;overflow:hidden}.error-panel-container{grid-column:1 / -1;grid-row:2}@media(max-width:1024px){.main-layout{grid-template-columns:1fr 1.2fr}}@media(max-width:768px){.main-layout{grid-template-columns:1fr;grid-template-rows:40vh 1fr auto}.editor-panel{grid-column:1;grid-row:1}.tree-panel{grid-column:1;grid-row:2}.error-panel-container{grid-column:1;grid-row:3}.toolbar{padding:var(--spacing-sm) var(--spacing-sm)}.toolbar-btn-text{display:none}.toolbar-btn{padding:var(--spacing-sm)}}@media(max-width:480px){.toolbar-section{gap:var(--spacing-xs)}.tree-node-content{font-size:13px}}