.json-tree-node[data-v-966e7b30]{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:inherit;line-height:1.7}.tree-line[data-v-966e7b30]{white-space:nowrap;counter-increment:tree-line;align-items:center;min-height:22px;display:flex;position:relative}.tree-line[data-v-966e7b30]:before{content:counter(tree-line);text-align:right;width:28px;color:var(--text-muted);opacity:.8;-webkit-user-select:none;user-select:none;flex-shrink:0;transition:background 1.2s,box-shadow 1.2s;position:absolute;left:-36px}.tree-line.highlighted[data-v-966e7b30]{background:#ffc10726;border-radius:4px;margin:0 -4px;padding:0 4px}.tree-line.jump-flash[data-v-966e7b30]{background:#ffc10759;border-radius:4px;margin:0 -4px;padding:0 4px;transition:none;box-shadow:inset 3px 0 #f59e0b}.tree-line .diff-added[data-v-966e7b30]{color:#16a34a}.tree-line .diff-changed[data-v-966e7b30]{color:#d97706}.toggle-arrow[data-v-966e7b30]{cursor:pointer;width:16px;height:16px;color:var(--text-muted);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s,color .15s;display:inline-flex}.toggle-arrow[data-v-966e7b30]:hover{color:var(--accent-blue);background:var(--accent-blue-light)}.toggle-arrow.collapsed[data-v-966e7b30]{transform:rotate(0)}.toggle-arrow[data-v-966e7b30]:not(.collapsed){transform:rotate(90deg)}.arrow-placeholder[data-v-966e7b30]{flex-shrink:0;width:16px;display:inline-block}.json-key[data-v-966e7b30]{color:#4f8ef7;font-weight:500}.json-colon[data-v-966e7b30]{color:var(--text-muted)}.json-bracket[data-v-966e7b30]{color:var(--text-secondary);font-weight:600}.json-closing[data-v-966e7b30]{margin-left:0}.json-comma[data-v-966e7b30]{color:var(--text-muted);flex-shrink:0}.json-ellipsis[data-v-966e7b30]{color:var(--text-muted);font-style:italic}.json-count[data-v-966e7b30]{color:var(--text-muted);opacity:.7;margin-left:4px;font-size:11px}.copy-path-btn[data-v-966e7b30]{cursor:pointer;width:18px;height:18px;color:var(--text-muted);opacity:0;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;padding:0;transition:opacity .15s,color .15s,background .15s;display:inline-flex;position:relative}.copy-path-btn[data-v-966e7b30]:hover{color:var(--accent-blue);background:var(--accent-blue-light)}.tree-line:hover .copy-path-btn[data-v-966e7b30]{opacity:1}.copy-path-btn.add-to-note[data-v-966e7b30]{width:auto;height:16px;font-family:var(--font-display);padding:0 6px;font-size:10px;font-weight:600;line-height:1}.copy-path-btn.add-to-note span[data-v-966e7b30]{line-height:1}.copy-path-btn.add-to-note[data-v-966e7b30]:hover{color:#d97706;background:#fff8b899}.copy-path-btn.add-to-note .added-text[data-v-966e7b30]{color:#16a34a}[data-theme=dark] .copy-path-btn.add-to-note[data-v-966e7b30]:hover{color:#e8d98a;background:#e8d98a26}.json-string[data-v-966e7b30]{color:#16a34a}.json-number[data-v-966e7b30]{color:#d97706}.json-boolean[data-v-966e7b30]{color:#7c3aed;font-weight:500}.json-null[data-v-966e7b30]{color:#7c3aed;font-style:italic}.closing-bracket[data-v-966e7b30]{opacity:.7}.page-hero[data-v-4cd98fd8]{background:linear-gradient(180deg, var(--card-bg) 0%, var(--bg-cream) 100%);border-bottom:1px solid var(--border-color);padding:44px 32px 28px;position:relative;overflow:hidden}.hero-decor[data-v-4cd98fd8]{pointer-events:none;position:absolute;inset:0}.hero-dot-1[data-v-4cd98fd8]{background:radial-gradient(circle,#ff8f0014,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-40px;right:15%}.hero-dot-2[data-v-4cd98fd8]{background:radial-gradient(circle,#4f8ef70f,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;bottom:-30px;left:10%}.hero-ring-1[data-v-4cd98fd8]{border:1.5px solid #ff8f000d;border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-30px}.hero-inner[data-v-4cd98fd8]{z-index:1;justify-content:space-between;align-items:flex-start;gap:24px;display:flex;position:relative}.hero-text[data-v-4cd98fd8]{flex:1;min-width:0}.hero-badge[data-v-4cd98fd8]{font-family:var(--font-display);color:#ff8f00;background:#ff8f0014;border:1px solid #ff8f0026;border-radius:100px;align-items:center;gap:8px;margin-bottom:14px;padding:5px 14px;font-size:13px;font-weight:600;display:inline-flex}.badge-dot[data-v-4cd98fd8]{background:#ff8f00;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-glow}.hero-inner h1[data-v-4cd98fd8]{font-family:var(--font-display);color:var(--navy);letter-spacing:-.5px;margin-bottom:8px;font-size:32px;font-weight:900;line-height:1.1}.hero-desc[data-v-4cd98fd8]{color:var(--text-secondary);font-size:15px;line-height:1.6}.content-section[data-v-4cd98fd8]{padding:16px 32px 32px}.editor-grid[data-v-4cd98fd8]{gap:0;min-height:500px;display:flex}.editor-panel[data-v-4cd98fd8]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);flex-direction:column;min-width:0;display:flex;overflow:hidden}.input-panel[data-v-4cd98fd8]{border-radius:var(--radius-lg) 0 0 var(--radius-lg);border-right:none}.output-panel[data-v-4cd98fd8]{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.resize-handle[data-v-4cd98fd8]{cursor:col-resize;z-index:2;background:var(--card-bg);flex-shrink:0;justify-content:center;align-items:center;width:8px;display:flex;position:relative}.resize-handle:hover .resize-bar[data-v-4cd98fd8],.resize-handle.active .resize-bar[data-v-4cd98fd8]{background:var(--accent-blue);height:60px}.resize-bar[data-v-4cd98fd8]{width:3px;height:40px;transition:var(--transition);background:#4f8ef74d;border-radius:3px}.panel-header[data-v-4cd98fd8]{border-bottom:1px solid var(--border-color);background:var(--bg-warm);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.panel-title[data-v-4cd98fd8]{font-family:var(--font-display);color:var(--navy);font-size:13px;font-weight:700}.font-size-control[data-v-4cd98fd8]{align-items:center;gap:2px;margin-left:8px;display:inline-flex}.font-size-btn[data-v-4cd98fd8]{font-family:var(--font-display);color:var(--accent-blue);background:var(--accent-blue-light);cursor:pointer;width:26px;height:26px;transition:var(--transition);border:none;border-radius:6px;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.font-size-btn[data-v-4cd98fd8]:hover{background:var(--accent-blue-soft)}.font-size-btn[data-v-4cd98fd8]:disabled{opacity:.4;cursor:default}.font-size-value[data-v-4cd98fd8]{color:var(--text-secondary);text-align:center;-webkit-user-select:none;user-select:none;min-width:36px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:11px}.panel-actions[data-v-4cd98fd8]{align-items:center;gap:6px;margin-left:auto;display:flex}.panel-btn[data-v-4cd98fd8]{font-family:var(--font-display);color:var(--accent-blue);background:var(--accent-blue-light);cursor:pointer;transition:var(--transition);border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.panel-btn[data-v-4cd98fd8]:hover{background:var(--accent-blue-soft)}.panel-btn[data-v-4cd98fd8]:disabled{opacity:.4;cursor:default;pointer-events:none}.panel-btn.primary[data-v-4cd98fd8]{background:var(--accent-blue);color:#fff}.panel-btn.primary[data-v-4cd98fd8]:hover{background:var(--accent-blue-hover)}.panel-btn.danger[data-v-4cd98fd8]{color:var(--text-muted);background:0 0}.panel-btn.danger[data-v-4cd98fd8]:hover{color:#ef4444;background:#ef444414}.panel-btn.sticky[data-v-4cd98fd8]{color:var(--note-ink-strong);background:var(--note-head)}.panel-btn.sticky[data-v-4cd98fd8]:hover{background:var(--note-chip-hover)}.json-page[data-v-4cd98fd8]{--note-bg:#fbf7ee;--note-head:#f2ead9;--note-ink:#7a7060;--note-ink-strong:#5c5546;--note-ink-soft:#7a70608c;--note-line:#7a70602e;--note-chip:#7a706012;--note-chip-hover:#7a706024;--note-field:#fff9;--note-field-focus:#ffffffd9;--note-shadow:0 6px 20px #4a423221;--note-shadow-hover:0 10px 28px #4a42322e}.indent-select[data-v-4cd98fd8]{position:relative}.indent-select .indent-select-btn[data-v-4cd98fd8]{font-family:var(--font-display);color:var(--accent-blue);background:var(--accent-blue-light);cursor:pointer;transition:var(--transition);border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.indent-select .indent-select-btn svg[data-v-4cd98fd8]{transition:transform .2s}.indent-select .indent-select-btn[data-v-4cd98fd8]:hover{background:var(--accent-blue-soft)}.indent-select.open .indent-select-btn svg[data-v-4cd98fd8]{transform:rotate(180deg)}.indent-select .indent-dropdown[data-v-4cd98fd8]{background:var(--card-bg);border:1px solid var(--border-color);z-index:100;border-radius:8px;min-width:90px;margin-top:4px;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.indent-select .indent-dropdown-item[data-v-4cd98fd8]{width:100%;font-family:var(--font-display);color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;padding:7px 14px;font-size:12px;font-weight:500;transition:background .15s;display:block}.indent-select .indent-dropdown-item[data-v-4cd98fd8]:hover{background:var(--accent-blue-light);color:var(--accent-blue)}.indent-select .indent-dropdown-item.active[data-v-4cd98fd8]{color:var(--accent-blue);background:var(--accent-blue-light);font-weight:700}.success-badge[data-v-4cd98fd8]{color:#16a34a;background:#22c55e14;border-radius:100px;align-items:center;gap:4px;margin-left:auto;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.error-badge[data-v-4cd98fd8]{color:#dc2626;text-overflow:ellipsis;white-space:nowrap;background:#ef444414;border-radius:100px;align-items:center;gap:4px;max-width:60%;margin-left:auto;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex;overflow:hidden}.error-badge.clickable[data-v-4cd98fd8]{cursor:pointer;transition:background .15s}.error-badge.clickable[data-v-4cd98fd8]:hover{background:#ef444426}.editor-wrap[data-v-4cd98fd8]{flex:1;display:flex;position:relative;overflow:hidden}.line-numbers[data-v-4cd98fd8]{background:var(--bg-warm);border-right:1px solid var(--border-color);-webkit-user-select:none;user-select:none;flex-shrink:0;width:44px;padding:12px 0;overflow:hidden}.line-num[data-v-4cd98fd8]{color:var(--text-muted);text-align:right;height:1.7em;padding-right:10px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;line-height:1.7}.line-num.line-num-error[data-v-4cd98fd8]{color:#dc2626;background:#ef44441f;font-weight:700}.editor-textarea[data-v-4cd98fd8]{z-index:1;color:var(--text-primary);resize:none;white-space:pre;tab-size:2;background:0 0;border:none;outline:none;flex:1;padding:12px 16px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;line-height:1.7;position:relative;overflow:auto}.editor-textarea[data-v-4cd98fd8]::placeholder{color:var(--text-muted);opacity:.6}.error-highlight[data-v-4cd98fd8]{white-space:pre;tab-size:2;color:#0000;pointer-events:none;border-radius:0 0 0 var(--radius-lg);z-index:0;background:0 0;border:none;margin:0;padding:12px 16px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;line-height:1.7;position:absolute;inset:0;overflow:hidden}.error-highlight .error-char[data-v-4cd98fd8]{background:#ef444459;border-radius:2px}.sticky-note[data-v-4cd98fd8]{background:var(--note-bg);border:1px solid var(--note-line);box-shadow:var(--note-shadow);border-radius:10px;flex-direction:column;transition:box-shadow .2s,border-color .2s;display:flex;position:fixed;overflow:hidden}.sticky-note[data-v-4cd98fd8]:hover{box-shadow:var(--note-shadow-hover)}.sticky-note.flash[data-v-4cd98fd8]{box-shadow:0 0 0 2px var(--accent-blue), var(--note-shadow-hover)}.sticky-note .sticky-header[data-v-4cd98fd8]{background:var(--note-head);border-bottom:1px solid var(--note-line);align-items:center;gap:6px;padding:6px 8px;display:flex}.sticky-note .sticky-grip[data-v-4cd98fd8]{color:var(--note-ink-soft);cursor:grab;border-radius:4px;align-items:center;padding:3px 4px;display:inline-flex}.sticky-note .sticky-grip[data-v-4cd98fd8]:hover{color:var(--note-ink-strong);background:var(--note-chip-hover)}.sticky-note .sticky-grip[data-v-4cd98fd8]:active{cursor:grabbing}.sticky-note .sticky-remark[data-v-4cd98fd8]{border:1px solid var(--note-line);background:var(--note-field);min-width:0;color:var(--note-ink-strong);border-radius:999px;outline:none;flex:1;padding:3px 10px;font-size:12px;font-weight:600}.sticky-note .sticky-remark[data-v-4cd98fd8]::placeholder{color:var(--note-ink-soft);font-weight:400}.sticky-note .sticky-remark[data-v-4cd98fd8]:focus{border-color:var(--note-ink);background:var(--note-field-focus)}.sticky-note .sticky-close[data-v-4cd98fd8]{color:var(--note-ink);cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1}.sticky-note .sticky-close[data-v-4cd98fd8]:hover{opacity:1}.sticky-note .sticky-content[data-v-4cd98fd8]{resize:none;width:100%;min-height:60px;font-family:var(--font-mono,ui-monospace, monospace);color:var(--note-ink-strong);background:0 0;border:none;outline:none;flex:1;padding:8px 10px;font-size:12px;line-height:1.5;overflow:auto}.sticky-note .sticky-content[data-v-4cd98fd8]::placeholder{color:var(--note-ink-soft)}.sticky-note .sticky-entries[data-v-4cd98fd8]{flex-direction:column;flex-shrink:0;gap:3px;max-height:40%;padding:0 8px 8px;display:flex;overflow-y:auto}.sticky-note .entries-hint[data-v-4cd98fd8]{color:var(--note-ink-soft);border-bottom:1px dashed var(--note-line);-webkit-user-select:none;user-select:none;align-items:center;gap:4px;margin-bottom:2px;padding:0 2px 3px;font-size:10px;display:flex}.sticky-note .entries-hint .baseline-btn[data-v-4cd98fd8]{color:var(--note-ink-soft);cursor:pointer;background:0 0;border:none;border-radius:3px;margin-left:auto;padding:2px;display:inline-flex}.sticky-note .entries-hint .baseline-btn[data-v-4cd98fd8]:hover:not(:disabled){color:var(--note-ink-strong);background:var(--note-chip-hover)}.sticky-note .entries-hint .baseline-btn[data-v-4cd98fd8]:disabled{opacity:.4;cursor:not-allowed}.sticky-note .entry-status[data-v-4cd98fd8]{border-radius:50%;flex-shrink:0;width:7px;height:7px}.sticky-note .entry-status.same[data-v-4cd98fd8]{background:#4caf7d}.sticky-note .entry-status.changed[data-v-4cd98fd8]{background:#d09a4c}.sticky-note .entry-status.removed[data-v-4cd98fd8]{background:#cf6f6f}.sticky-note .entry-label.removed[data-v-4cd98fd8]{opacity:.6;text-decoration:line-through}.sticky-note .sticky-entry[data-v-4cd98fd8]{background:var(--note-chip);cursor:pointer;border-radius:5px;align-items:center;gap:5px;padding:4px 7px;transition:background .15s,transform .15s;display:flex}.sticky-note .sticky-entry[data-v-4cd98fd8]:hover{background:var(--note-chip-hover);transform:translate(2px)}.sticky-note .sticky-entry:hover .entry-icon[data-v-4cd98fd8]{color:var(--accent-blue)}.sticky-note .sticky-entry .entry-icon[data-v-4cd98fd8]{color:var(--note-ink-soft);flex-shrink:0}.sticky-note .sticky-entry .entry-label[data-v-4cd98fd8]{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono,ui-monospace, monospace);color:var(--note-ink-strong);flex:1;font-size:11px;overflow:hidden}.sticky-note .sticky-entry .entry-remove[data-v-4cd98fd8]{color:var(--note-ink-soft);cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;padding:0 1px;font-size:13px;line-height:1}.sticky-entry:hover .sticky-note .sticky-entry .entry-remove[data-v-4cd98fd8]{opacity:1}.sticky-note .sticky-entry .entry-remove[data-v-4cd98fd8]:hover{color:#cf6f6f}.sticky-note .sticky-resize[data-v-4cd98fd8]{color:var(--note-ink-soft);cursor:nwse-resize;padding:3px;position:absolute;bottom:2px;right:2px}.sticky-note .sticky-resize[data-v-4cd98fd8]:hover{color:var(--note-ink-strong)}[data-theme=dark] .json-page[data-v-4cd98fd8]{--note-bg:#2c2a25;--note-head:#332f28;--note-ink:#b9b1a0;--note-ink-strong:#ddd6c4;--note-ink-soft:#ddd6c480;--note-line:#ddd6c424;--note-chip:#ddd6c412;--note-chip-hover:#ddd6c424;--note-field:#00000038;--note-field-focus:#00000061;--note-shadow:0 6px 20px #00000073;--note-shadow-hover:0 10px 28px #0000008c}.escape-toggle[data-v-4cd98fd8]{font-family:var(--font-display);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.escape-toggle input[data-v-4cd98fd8]{display:none}.escape-toggle .checkbox-box[data-v-4cd98fd8]{border:1.5px solid var(--border-color);color:#0000;width:16px;height:16px;transition:var(--transition);background:0 0;border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.escape-toggle:hover .checkbox-box[data-v-4cd98fd8]{border-color:var(--accent-blue)}.escape-toggle input:checked+.checkbox-box[data-v-4cd98fd8]{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.tree-view[data-v-4cd98fd8]{min-height:400px;font-size:var(--tree-font-size,13px);counter-reset:tree-line;flex:1;padding:12px 16px 12px 46px;overflow:auto}.jsonpath-bar[data-v-4cd98fd8]{align-items:center;gap:8px;margin-left:auto;display:flex}.jsonpath-input[data-v-4cd98fd8]{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);border-radius:6px;outline:none;width:220px;padding:4px 10px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px}.jsonpath-input[data-v-4cd98fd8]:focus{border-color:var(--accent-blue)}.jsonpath-input[data-v-4cd98fd8]::placeholder{color:var(--text-muted);opacity:.6}.jsonpath-result-bar[data-v-4cd98fd8],.jsonpath-error-bar[data-v-4cd98fd8]{border-bottom:1px solid var(--border-color);background:var(--bg-warm);align-items:center;gap:8px;padding:8px 16px;display:flex}.jsonpath-result-label[data-v-4cd98fd8]{font-family:var(--font-display);color:var(--accent-blue);flex-shrink:0;font-size:12px;font-weight:600}.jsonpath-result-value[data-v-4cd98fd8]{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;max-width:60%;margin:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;overflow:hidden}.jsonpath-error-text[data-v-4cd98fd8]{color:#dc2626;font-size:12px}.jsonpath-clear-btn[data-v-4cd98fd8]{cursor:pointer;width:20px;height:20px;color:var(--text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0;font-size:16px;transition:color .15s,background .15s;display:inline-flex}.jsonpath-clear-btn[data-v-4cd98fd8]:hover{color:var(--text-primary);background:var(--accent-blue-light)}.jsonpath-result-actions[data-v-4cd98fd8]{align-items:center;gap:4px;margin-left:auto;display:flex}.jsonpath-expand-btn[data-v-4cd98fd8]{cursor:pointer;width:24px;height:24px;color:var(--text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex}.jsonpath-expand-btn[data-v-4cd98fd8]:hover{color:var(--accent-blue);background:var(--accent-blue-light)}.jsonpath-modal-overlay[data-v-4cd98fd8]{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.jsonpath-modal[data-v-4cd98fd8]{background:var(--card-bg);border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000004d}.jsonpath-modal-header[data-v-4cd98fd8]{border-bottom:1px solid var(--border-color);background:var(--bg-warm);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.jsonpath-modal-title[data-v-4cd98fd8]{font-family:var(--font-display);color:var(--navy);font-size:14px;font-weight:700}.jsonpath-modal-actions[data-v-4cd98fd8]{align-items:center;gap:8px;display:flex}.jsonpath-modal-body[data-v-4cd98fd8]{flex:1;padding:12px 0;overflow:auto}.jsonpath-modal-line[data-v-4cd98fd8]{min-height:22px;padding:0 16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.7;display:flex}.jsonpath-modal-line .line-num[data-v-4cd98fd8]{text-align:right;width:36px;color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0;padding-right:12px}.jsonpath-modal-line .line-content[data-v-4cd98fd8]{white-space:pre;flex:1}.hl-key[data-v-4cd98fd8]{color:#4f8ef7;font-weight:500}.hl-string[data-v-4cd98fd8]{color:#16a34a}.hl-number[data-v-4cd98fd8]{color:#d97706}.hl-boolean[data-v-4cd98fd8],.hl-null[data-v-4cd98fd8]{color:#7c3aed}.class-gen-wrapper[data-v-4cd98fd8]{margin-left:8px;display:inline-flex;position:relative}.class-dropdown[data-v-4cd98fd8]{background:var(--card-bg);border:1px solid var(--border-color);z-index:100;border-radius:8px;min-width:120px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.class-dropdown-item[data-v-4cd98fd8]{width:100%;font-family:var(--font-display);color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s;display:block}.class-dropdown-item[data-v-4cd98fd8]:hover{background:var(--accent-blue-light);color:var(--accent-blue)}.class-output[data-v-4cd98fd8]{flex-direction:column;flex:1;min-height:400px;display:flex;overflow:hidden}.class-output-header[data-v-4cd98fd8]{border-bottom:1px solid var(--border-color);background:var(--bg-warm);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.class-output-lang[data-v-4cd98fd8]{font-family:var(--font-display);color:var(--navy);font-size:13px;font-weight:700}.class-output-actions[data-v-4cd98fd8]{gap:6px;display:flex}.class-code[data-v-4cd98fd8]{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:var(--tree-font-size,13px);color:var(--text-primary);white-space:pre;tab-size:2;background:0 0;flex:1;margin:0;padding:16px;line-height:1.7;overflow:auto}.empty-output[data-v-4cd98fd8]{color:var(--text-muted);opacity:.5;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:400px;display:flex}.empty-output p[data-v-4cd98fd8]{font-size:14px}.error-output[data-v-4cd98fd8]{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:400px;padding:40px 20px;display:flex}.error-output .error-icon[data-v-4cd98fd8]{color:#dc2626;opacity:.6}.error-output .error-text[data-v-4cd98fd8]{color:#dc2626;text-align:center;word-break:break-all;max-width:80%;font-size:13px}.error-output .error-hint[data-v-4cd98fd8]{color:var(--text-muted);text-align:center;margin-top:4px;font-size:12px}.knowledge-section[data-v-4cd98fd8]{padding:32px 0 64px}@media (width<=1024px){.editor-grid[data-v-4cd98fd8]{flex-direction:column;min-height:auto}.input-panel[data-v-4cd98fd8]{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-right:1px solid var(--border-color);flex:none!important;width:100%!important}.output-panel[data-v-4cd98fd8]{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.resize-handle[data-v-4cd98fd8]{display:none}.tree-view[data-v-4cd98fd8],.empty-output[data-v-4cd98fd8],.error-output[data-v-4cd98fd8]{min-height:300px}}@media (width<=768px){.page-hero[data-v-4cd98fd8]{padding:32px 16px 20px}.hero-inner[data-v-4cd98fd8]{flex-direction:column}.content-section[data-v-4cd98fd8]{padding:16px 16px 32px}.hero-inner h1[data-v-4cd98fd8]{font-size:24px}.panel-header[data-v-4cd98fd8]{flex-wrap:wrap;gap:6px}.panel-actions[data-v-4cd98fd8]{flex-wrap:wrap;order:3;width:100%;margin-left:0}}