.toolbar[data-v-abce79b2]{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}.toolbar-brand[data-v-abce79b2]{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.brand-text[data-v-abce79b2]{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-abce79b2]{display:flex;align-items:center;gap:var(--spacing-xs)}.toolbar-btn[data-v-abce79b2]{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}.toolbar-btn[data-v-abce79b2]:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-bright)}.toolbar-btn[data-v-abce79b2]:active:not(:disabled){transform:scale(.96)}.btn-icon[data-v-abce79b2]{width:16px;height:16px;flex-shrink:0}.toggle-btn.active[data-v-abce79b2]{color:var(--color-primary-light);background:var(--color-bg-active)}.toggle-indicator[data-v-abce79b2]{width:8px;height:8px;border-radius:50%;background:var(--color-text-dim);transition:all var(--transition-fast)}.toggle-indicator.on[data-v-abce79b2]{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.toast[data-v-abce79b2]{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)}.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-9a4d712f]{position:relative}.tree-node-content[data-v-9a4d712f]{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[data-v-9a4d712f]:hover{background:var(--color-bg-hover)}.toggle-arrow[data-v-9a4d712f]{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-9a4d712f]{width:12px;height:12px}.toggle-arrow.expanded[data-v-9a4d712f]{transform:rotate(90deg)}.toggle-arrow.hidden[data-v-9a4d712f]{visibility:hidden}.type-icon[data-v-9a4d712f]{font-size:10px;flex-shrink:0;width:14px;text-align:center}.node-key[data-v-9a4d712f]{color:var(--color-key);font-weight:500}.node-colon[data-v-9a4d712f]{color:var(--color-text-muted);margin-right:4px}.node-type-badge[data-v-9a4d712f]{cursor:pointer;color:var(--color-text-muted);font-size:12px;-webkit-user-select:none;user-select:none}.type-bracket[data-v-9a4d712f]{color:var(--color-text-dim)}.node-preview[data-v-9a4d712f]{color:var(--color-text-dim);font-size:12px;margin-left:4px}.string-json-preview[data-v-9a4d712f]{color:var(--color-string-json);font-style:italic}.node-value[data-v-9a4d712f]{font-weight:400}.value-string[data-v-9a4d712f]{color:var(--color-string)}.value-number[data-v-9a4d712f]{color:var(--color-number)}.value-boolean[data-v-9a4d712f]{color:var(--color-boolean)}.value-null[data-v-9a4d712f]{color:var(--color-null);font-style:italic}.value-string-json[data-v-9a4d712f]{color:var(--color-string-json)}.tree-node-children[data-v-9a4d712f]{overflow:hidden}.expand-enter-active[data-v-9a4d712f],.expand-leave-active[data-v-9a4d712f]{transition:max-height var(--transition-normal);max-height:9999px}.expand-enter-from[data-v-9a4d712f],.expand-leave-to[data-v-9a4d712f]{max-height:0}.tree-panel[data-v-e978e6d8]{display:flex;flex-direction:column;height:100%;background:var(--color-bg-dark);overflow:hidden}.tree-header[data-v-e978e6d8]{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-e978e6d8]{font-size:13px;font-weight:500;color:var(--color-text-muted)}.tree-controls[data-v-e978e6d8]{display:flex;align-items:center;gap:var(--spacing-sm)}.node-count[data-v-e978e6d8]{font-size:12px;color:var(--color-text-dim);margin-right:var(--spacing-sm)}.tree-control-btn[data-v-e978e6d8]{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-e978e6d8]:hover{background:var(--color-bg-hover);color:var(--color-text-bright)}.tree-body[data-v-e978e6d8]{flex:1;overflow:auto;padding:var(--spacing-md)}.tree-empty[data-v-e978e6d8],.tree-error-state[data-v-e978e6d8]{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-e978e6d8]{width:48px;height:48px;opacity:.4}.tree-content[data-v-e978e6d8]{font-family:var(--font-mono);font-size:13px;line-height:1.8}.error-panel[data-v-bac888b3]{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-bac888b3]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.error-title[data-v-bac888b3]{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-error);font-weight:600;font-size:13px}.error-icon[data-v-bac888b3]{width:16px;height:16px}.error-location[data-v-bac888b3]{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-bac888b3]{font-size:13px;color:var(--color-text-normal);margin-bottom:var(--spacing-sm);font-family:var(--font-mono)}.error-context[data-v-bac888b3]{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-bac888b3]{display:flex;gap:var(--spacing-sm);padding:1px 0;border-radius:var(--radius-sm)}.context-line.error-line[data-v-bac888b3]{background:#ef444426}.line-num[data-v-bac888b3]{color:var(--color-text-dim);min-width:28px;text-align:right;-webkit-user-select:none;user-select:none}.line-text[data-v-bac888b3]{color:var(--color-text-normal);white-space:pre}.jump-btn[data-v-bac888b3]{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-bac888b3]:hover{background:#ef444433}.jump-btn svg[data-v-bac888b3]{width:14px;height:14px}.guide-overlay[data-v-c0fd1925]{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-c0fd1925]{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-c0fd1925]{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-c0fd1925]:hover{background:var(--color-bg-hover);color:var(--color-text-bright)}.guide-close svg[data-v-c0fd1925]{width:16px;height:16px}.guide-content[data-v-c0fd1925]{text-align:center;margin-bottom:var(--spacing-xl)}.guide-icon[data-v-c0fd1925]{font-size:48px;margin-bottom:var(--spacing-lg)}.guide-title[data-v-c0fd1925]{font-size:20px;font-weight:600;color:var(--color-text-bright);margin-bottom:var(--spacing-sm)}.guide-desc[data-v-c0fd1925]{font-size:14px;color:var(--color-text-muted);line-height:1.6}.guide-progress[data-v-c0fd1925]{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.progress-dot[data-v-c0fd1925]{width:8px;height:8px;border-radius:50%;background:var(--color-bg-medium);cursor:pointer;transition:all var(--transition-fast)}.progress-dot.active[data-v-c0fd1925]{background:var(--color-primary);width:24px;border-radius:var(--radius-full)}.guide-actions[data-v-c0fd1925]{display:flex;justify-content:center;gap:var(--spacing-sm)}.guide-btn[data-v-c0fd1925]{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-c0fd1925]{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff}.guide-btn.primary[data-v-c0fd1925]:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}.guide-btn.secondary[data-v-c0fd1925]{background:var(--color-bg-medium);color:var(--color-text-normal)}.guide-btn.secondary[data-v-c0fd1925]:hover{background:var(--color-bg-light)}.guide-btn.ghost[data-v-c0fd1925]{color:var(--color-text-dim)}.guide-btn.ghost[data-v-c0fd1925]:hover{color:var(--color-text-muted)}.app-container[data-v-f8a283f1]{height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-darkest)}.main-layout[data-v-f8a283f1]{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-f8a283f1]{grid-column:1;grid-row:1;overflow:hidden}.tree-panel[data-v-f8a283f1]{grid-column:2;grid-row:1;overflow:hidden}.error-panel-container[data-v-f8a283f1]{grid-column:1 / -1;grid-row:2}@media(max-width:1024px){.main-layout[data-v-f8a283f1]{grid-template-columns:1fr 1.2fr}}@media(max-width:768px){.main-layout[data-v-f8a283f1]{grid-template-columns:1fr;grid-template-rows:40vh 1fr auto}.editor-panel[data-v-f8a283f1]{grid-column:1;grid-row:1}.tree-panel[data-v-f8a283f1]{grid-column:1;grid-row:2}.error-panel-container[data-v-f8a283f1]{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);--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);--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}}