.app-layout[data-v-fb8fe2cf]{background:var(--page-bg);min-height:100vh;transition:background .3s;display:flex}.sidebar[data-v-fb8fe2cf]{background:var(--sidebar-bg-flat);border-right:1px solid var(--sidebar-border);z-index:100;width:60px;transition:background var(--transition-slow) ease;-webkit-backdrop-filter:blur(20px);box-shadow:var(--sidebar-shadow);flex-direction:column;align-items:center;padding:14px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo[data-v-fb8fe2cf]{width:42px;height:42px;transition:all var(--transition-fast) ease;background:linear-gradient(135deg,#667eea14,#764ba20f);border-radius:12px;justify-content:center;align-items:center;margin-bottom:10px;font-size:22px;text-decoration:none;display:flex}.sidebar-logo[data-v-fb8fe2cf]:hover{background:linear-gradient(135deg,#667eea26,#764ba21a);transform:scale(1.05)}.sidebar-nav[data-v-fb8fe2cf]{flex-direction:column;flex:1;align-items:center;gap:6px;padding:4px 0;display:flex}.sidebar-icon[data-v-fb8fe2cf]{cursor:pointer;width:42px;height:42px;transition:all var(--transition-fast) ease;color:inherit;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.icon-emoji[data-v-fb8fe2cf]{transition:transform var(--transition-fast) ease;font-size:20px;line-height:1}.sidebar-icon[data-v-fb8fe2cf]:hover{background:var(--sidebar-hover-bg)}.sidebar-icon:hover .icon-emoji[data-v-fb8fe2cf]{transform:scale(1.12)}.sidebar-icon.active[data-v-fb8fe2cf]{background:var(--sidebar-active-bg-flat);box-shadow:0 2px 8px #667eea1f}.sidebar-icon.active[data-v-fb8fe2cf]:before{content:"";background:var(--accent-gradient);border-radius:0 4px 4px 0;width:3px;height:22px;position:absolute;top:50%;left:-10px;transform:translateY(-50%);box-shadow:0 0 8px #667eea66}.icon-tooltip[data-v-fb8fe2cf]{background:var(--tooltip-bg);color:var(--tooltip-text);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast) ease, transform var(--transition-fast) ease;z-index:200;letter-spacing:.02em;border-radius:10px;padding:6px 14px;font-size:13px;font-weight:500;position:absolute;top:50%;left:calc(100% + 14px);transform:translateY(-50%)translate(-6px);box-shadow:0 4px 16px #0000001f,0 1px 4px #00000014}.sidebar-icon:hover .icon-tooltip[data-v-fb8fe2cf]{opacity:1;transform:translateY(-50%)translate(0)}.sidebar-bottom[data-v-fb8fe2cf]{border-top:1px solid var(--sidebar-border);flex-direction:column;align-items:center;margin-top:auto;padding-top:8px;display:flex}.theme-btn[data-v-fb8fe2cf]{font-size:inherit}.main-content[data-v-fb8fe2cf]{min-height:100vh;transition:margin-left var(--transition-normal) ease;flex:1;margin-left:60px;padding:16px;overflow-y:auto}.mobile-tabbar[data-v-fb8fe2cf]{background:var(--sidebar-bg);border-top:1px solid var(--sidebar-border);z-index:100;-webkit-backdrop-filter:blur(20px);justify-content:space-around;align-items:center;height:56px;padding:0 8px;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-tab[data-v-fb8fe2cf]{color:var(--nav-text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;text-decoration:none;transition:all .2s;display:flex}.mobile-tab.active[data-v-fb8fe2cf]{color:var(--accent-color)}.mobile-tab-icon[data-v-fb8fe2cf]{font-size:20px;line-height:1}.mobile-tab-label[data-v-fb8fe2cf]{font-size:10px;font-weight:500}@media (width<=768px){.sidebar[data-v-fb8fe2cf]{display:none}.main-content[data-v-fb8fe2cf]{margin-left:0;padding:12px 12px 72px}.mobile-tabbar[data-v-fb8fe2cf]{display:flex}}*{box-sizing:border-box;margin:0;padding:0}:root{--page-bg:#f8f9fb;--text-primary:#333;--text-secondary:#666;--text-heading:#1a1a2e;--text-muted:#888;--text-placeholder:#aaa;--card-bg:#fffffff2;--card-border:#0000000f;--card-shadow:0 1px 3px #0000000a, 0 4px 12px #00000008;--card-shadow-hover:0 2px 8px #0000000f, 0 8px 24px #0000000d;--nav-bg:#ffffffb8;--nav-border:#0000000f;--nav-text:#555;--nav-hover-bg:#667eea14;--sidebar-bg:linear-gradient(180deg, #fffffff5, #f8f9fbeb);--sidebar-bg-flat:#fffffff5;--sidebar-border:#667eea14;--sidebar-hover-bg:#667eea14;--sidebar-active-bg:linear-gradient(135deg, #667eea24, #764ba214);--sidebar-active-bg-flat:#667eea24;--sidebar-shadow:2px 0 16px #667eea0a;--tooltip-bg:#333;--tooltip-text:#fff;--dropdown-bg:#ffffffeb;--dropdown-border:#0000000f;--dropdown-shadow:0 8px 32px #00000014, 0 2px 8px #0000000a;--dropdown-item-text:#333;--dropdown-item-desc:#888;--input-bg:#fafafecc;--input-bg-focus:#fff;--input-border:#e8e8ee;--input-focus-border:#667eea;--input-focus-shadow:0 0 0 3px #667eea1a, 0 2px 8px #667eea0f;--btn-secondary-bg:#667eea0a;--btn-secondary-text:#555;--btn-secondary-hover:#667eea1a;--btn-secondary-border:#667eea1f;--label-text:#555;--table-border:#f0f0f0;--table-name:#555;--table-value:#333;--mode-bar-bg:#f8f9fbcc;--mode-label:#555;--mode-option-text:#666;--msg-success-bg:#d4edda;--msg-success-text:#155724;--msg-error-bg:#f8d7da;--msg-error-text:#721c24;--footer-text:#aaa;--footer-border:#0000000a;--tree-hover-bg:#667eea0f;--tree-toggle:#888;--tree-toggle-hover:#667eea;--tree-key:#881391;--tree-bracket:#333;--tree-count:#999;--tree-line:#ddd;--tree-value-string:#c41a16;--tree-value-number:#1c00cf;--tree-value-boolean:#0d22aa;--tree-value-null:gray;--editor-gutter-bg:#f5f5f8;--editor-gutter-text:#999;--editor-active-gutter-bg:#667eea14;--editor-active-gutter-text:#667eea;--editor-active-line-bg:#667eea0a;--select-bg:#fff;--select-border:#ddd;--select-text:#666;--mobile-group-title:#888;--mobile-item-text:#333;--mobile-menu-border:#0000000a;--accent-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--accent-color:#667eea;--accent-shadow:0 2px 8px #667eea4d;--accent-shadow-hover:0 4px 16px #667eea66;--accent-radio:#667eea;--transition-fast:.15s;--transition-normal:.25s;--transition-slow:.35s}[data-theme=dark]{--page-bg:#1a1a22;--text-primary:#e0e0e0;--text-secondary:#a0a0a8;--text-heading:#f0f0f2;--text-muted:#7a7a82;--text-placeholder:#5a5a62;--card-bg:#242430;--card-border:#ffffff14;--card-shadow:0 1px 2px #0000004d, 0 4px 12px #0000001f;--card-shadow-hover:0 2px 6px #00000059, 0 8px 20px #00000026;--nav-bg:#1a1a22e0;--nav-border:#ffffff0f;--nav-text:#a0a0a8;--nav-hover-bg:#ffffff14;--sidebar-bg:linear-gradient(180deg, #1a1a22f7, #16161ef2);--sidebar-bg-flat:#1a1a22f7;--sidebar-border:#ffffff0f;--sidebar-hover-bg:#ffffff14;--sidebar-active-bg:linear-gradient(135deg, #ffffff1a, #ffffff0d);--sidebar-active-bg-flat:#ffffff1a;--sidebar-shadow:2px 0 16px #00000026;--tooltip-bg:#2a2a34;--tooltip-text:#e0e0e0;--dropdown-bg:#1e1e26f2;--dropdown-border:#ffffff0f;--dropdown-shadow:0 8px 32px #0000004d, 0 2px 8px #0003;--dropdown-item-text:#e0e0e0;--dropdown-item-desc:#7a7a82;--input-bg:#22222acc;--input-bg-focus:#2a2a34;--input-border:#333340;--input-focus-border:#667eea;--input-focus-shadow:0 0 0 3px #667eea2e, 0 2px 8px #667eea1a;--btn-secondary-bg:#ffffff0d;--btn-secondary-text:#b0b0b8;--btn-secondary-hover:#ffffff1a;--btn-secondary-border:#ffffff1a;--label-text:#a0a0a8;--table-border:#333340;--table-name:#a0a0a8;--table-value:#e0e0e0;--mode-bar-bg:#22222a99;--mode-label:#a0a0a8;--mode-option-text:#b0b0b8;--msg-success-bg:#28a74526;--msg-success-text:#75d99a;--msg-error-bg:#dc354526;--msg-error-text:#f5a0a8;--footer-text:#5a5a62;--footer-border:#ffffff0a;--tree-hover-bg:#ffffff0f;--tree-toggle:#7a7a82;--tree-toggle-hover:#8ea4f7;--tree-key:#c792ea;--tree-bracket:#e0e0e0;--tree-count:#7a7a82;--tree-line:#333340;--tree-value-string:#f78c6c;--tree-value-number:#82aaff;--tree-value-boolean:#c3e88d;--tree-value-null:#5a5a70;--editor-gutter-bg:#1e1e28;--editor-gutter-text:#5a5a62;--editor-active-gutter-bg:#ffffff14;--editor-active-gutter-text:#8ea4f7;--editor-active-line-bg:#ffffff0a;--select-bg:#242430;--select-border:#333340;--select-text:#b0b0b8;--mobile-group-title:#7a7a82;--mobile-item-text:#e0e0e0;--mobile-menu-border:#ffffff0a}html{overscroll-behavior:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--page-bg);color:var(--text-primary);transition:background var(--transition-slow) ease, color var(--transition-slow) ease;overscroll-behavior:none;letter-spacing:.01em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif;line-height:1.5}.tool-page{max-width:100%;margin:0 auto}.tool-header{align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.tool-header h2{color:var(--text-heading);letter-spacing:-.3px;margin:0;font-size:17px;font-weight:700}.tool-header p{color:var(--text-secondary);margin:0;font-size:13px;display:none}.tool-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);box-shadow:var(--card-shadow);border:1px solid var(--card-border);transition:box-shadow var(--transition-normal) ease, transform var(--transition-normal) ease, background var(--transition-slow) ease;border-radius:14px;margin-bottom:12px;padding:16px}.tool-card:hover{box-shadow:var(--card-shadow-hover)}.btn{cursor:pointer;transition:all var(--transition-fast) ease;letter-spacing:.02em;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--accent-shadow), inset 0 1px 0 #ffffff26;font-weight:600}.btn-primary:hover{opacity:.92;box-shadow:var(--accent-shadow-hover), inset 0 1px 0 #ffffff26;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)scale(.97)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-secondary:hover{background:var(--btn-secondary-hover);border-color:var(--btn-secondary-border);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)scale(.97)}.btn-danger{color:#fff;background:#ff4757;box-shadow:0 2px 8px #ff47574d}.btn-danger:hover{background:#ff6b81;transform:translateY(-1px);box-shadow:0 4px 12px #ff475766}.textarea-wrapper{position:relative}.textarea-wrapper textarea{border:1.5px solid var(--input-border);resize:vertical;width:100%;min-height:200px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);background:var(--input-bg);color:var(--text-primary);border-radius:10px;padding:14px 16px;font-family:Fira Code,Cascadia Code,JetBrains Mono,monospace;font-size:13px;line-height:1.6}.textarea-wrapper textarea:focus{border-color:var(--input-focus-border);background:var(--input-bg-focus);box-shadow:var(--input-focus-shadow);outline:none}.textarea-wrapper textarea::placeholder{color:var(--text-placeholder)}.action-bar{flex-wrap:wrap;gap:8px;margin:12px 0 0;display:flex}.message{transition:all var(--transition-normal) ease;border-radius:10px;margin-top:8px;padding:10px 16px;font-size:13px}.message-success{background:var(--msg-success-bg);color:var(--msg-success-text)}.message-error{background:var(--msg-error-bg);color:var(--msg-error-text)}.page-fade-enter-active,.page-fade-leave-active{transition:opacity var(--transition-normal) ease, transform var(--transition-normal) ease}.page-fade-enter-from{opacity:0;transform:translateY(8px)}.page-fade-leave-to{opacity:0;transform:translateY(-4px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#667eea26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#667eea4d}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1f}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#fff3}.code-editor-wrapper[data-v-d9e379a3]{height:100%;position:relative}.code-editor-container[data-v-d9e379a3]{border-radius:10px;height:100%;overflow:hidden}.code-editor-container[data-v-d9e379a3] .cm-editor{overflow:hidden}.code-editor-container[data-v-d9e379a3] .cm-scroller{height:100%;overflow:auto}.code-editor-container[data-v-d9e379a3] .cm-gutters{-webkit-user-select:none;user-select:none}.code-editor-container[data-v-d9e379a3] .cm-lineNumbers{min-width:auto!important}.code-editor-container[data-v-d9e379a3] .cm-lineNumbers .cm-gutterElement{font-size:12px;min-width:unset!important;padding:0 4px 0 2px!important}.code-editor-container[data-v-d9e379a3] .cm-content[aria-placeholder]:empty:before{content:attr(aria-placeholder);color:var(--text-placeholder);pointer-events:none;font-style:italic;position:absolute}.code-editor-container[data-v-d9e379a3] .cm-diff-line-changed{border-left:3px solid #e6a700;background-color:#ffc1071f!important}.code-editor-container[data-v-d9e379a3] .cm-diff-line-added{border-left:3px solid #28a745;background-color:#28a7451f!important}.code-editor-container[data-v-d9e379a3] .cm-diff-line-removed{border-left:3px solid #dc3545;background-color:#dc35451f!important}.code-editor-container[data-v-d9e379a3] .cm-diff-line-type-changed{border-left:3px solid #6f42c1;background-color:#6f42c11f!important}.code-editor-container[data-v-d9e379a3] .cm-diff-line-flash{animation:1.5s ease-out diffLineFlash-d9e379a3}@keyframes diffLineFlash-d9e379a3{0%{background-color:#667eea66!important}50%{background-color:#667eea33!important}to{background-color:#0000}}.code-editor-container[data-v-d9e379a3] .cm-panels{display:none!important}.code-editor-container[data-v-d9e379a3] .cm-searchMatch{background-color:#ffd54f73;border-radius:2px;box-shadow:0 0 0 1px #ffc1074d}.code-editor-container[data-v-d9e379a3] .cm-searchMatch-selected{background-color:#667eea59;border-radius:2px;box-shadow:0 0 0 1.5px #667eea80}.code-editor-container[data-v-d9e379a3] .cm-selectionMatch{background-color:#ffd54f33;border-radius:2px}.code-editor-container[data-v-d9e379a3] .cm-query-highlight{background-color:#667eea33;border-bottom:2px solid #667eea99;border-radius:2px;transition:background-color .15s}.code-editor-container[data-v-d9e379a3] .cm-query-highlight:hover{background-color:#667eea59}.json-tree-view{background:var(--card-bg,#fff);height:100%;color:var(--text-primary,#333);flex-direction:column;font-family:Fira Code,Cascadia Code,JetBrains Mono,ui-monospace,monospace;font-size:13px;line-height:1.65;display:flex;position:relative;overflow:hidden}.tree-toolbar{border-bottom:1px solid var(--card-border,#e8e8e8);background:var(--input-bg,#f8f9fa);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;display:flex}.tree-toolbar-left{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.tree-toolbar-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.tree-tool-btn{border:1px solid var(--card-border,#e0e0e0);background:var(--card-bg,#fff);color:var(--text-secondary,#666);cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;gap:4px;padding:4px 10px;font-family:system-ui,-apple-system,sans-serif;font-size:11px;font-weight:600;transition:all .18s;display:inline-flex}.tree-tool-btn:hover{border-color:var(--accent-color,#667eea);color:var(--accent-color,#667eea);background:#667eea0f;box-shadow:0 1px 4px #667eea1a}.tree-tool-btn:active{transform:scale(.97)}.tool-svg{flex-shrink:0;width:13px;height:13px}.tree-toolbar-sep{background:var(--card-border,#e0e0e0);opacity:.5;width:1px;height:18px;margin:0 2px}.tree-search-box{border:1.5px solid var(--card-border,#e0e0e0);background:var(--card-bg,#fff);border-radius:8px;flex:1;align-items:center;gap:5px;min-width:0;max-width:220px;padding:3px 8px;transition:all .2s;display:flex}.tree-search-box.focused{border-color:var(--accent-color,#667eea);box-shadow:0 0 0 3px #667eea1a}.search-icon{width:13px;height:13px;color:var(--text-muted,#bbb);flex-shrink:0;transition:color .2s}.tree-search-box.focused .search-icon{color:var(--accent-color,#667eea)}.tree-search-input{color:var(--text-primary,#333);background:0 0;border:none;outline:none;width:100%;min-width:0;padding:0;font-family:system-ui,-apple-system,sans-serif;font-size:11.5px;line-height:1.4}.tree-search-input::placeholder{color:var(--text-muted,#ccc);font-style:italic}.search-clear-btn{background:var(--card-border,#e0e0e0);width:16px;height:16px;color:var(--text-muted,#999);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:9px;line-height:1;transition:all .15s;display:flex}.search-clear-btn:hover{color:#ff4d4f;background:#ff4d4f26}.search-match-badge{color:var(--accent-color,#667eea);background:#667eea1a;border-radius:10px;flex-shrink:0;padding:1px 6px;font-family:system-ui,-apple-system,sans-serif;font-size:10px;font-weight:700;line-height:1.4}.tree-toolbar-info{color:var(--text-muted,#999);align-items:center;gap:5px;font-family:system-ui,-apple-system,sans-serif;font-size:11px;font-weight:500;display:flex}.root-type-badge{border-radius:5px;justify-content:center;align-items:center;min-width:22px;height:18px;padding:0 5px;font-family:Fira Code,monospace;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.root-type-badge.type-object{color:#61afef;background:#61afef1f}.root-type-badge.type-array{color:#c678dd;background:#c678dd1f}.root-type-badge.type-string{color:#7cb342;background:#98c3791f}.root-type-badge.type-number{color:#d19a66;background:#d19a661f}.root-type-badge.type-boolean{color:#56b6c2;background:#56b6c21f}.root-type-badge.type-null{color:#abb2bf;background:#abb2bf1f}.tree-content{flex:1;padding:10px 14px 10px 8px;overflow:auto}.tree-content::-webkit-scrollbar{width:6px;height:6px}.tree-content::-webkit-scrollbar-track{background:0 0}.tree-content::-webkit-scrollbar-thumb{background:var(--card-border,#d4d4d8);border-radius:3px}.tree-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted,#aaa)}.tree-empty{color:var(--text-muted,#bbb);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:32px 20px;display:flex}.tree-empty-visual{margin-bottom:4px}.empty-svg{color:var(--text-muted,#ccc)}.tree-empty-title{color:var(--text-secondary,#888);font-family:system-ui,-apple-system,sans-serif;font-size:14px;font-weight:600}.tree-empty-text{text-align:center;max-width:240px;color:var(--text-muted,#bbb);font-family:system-ui,-apple-system,sans-serif;font-size:12px;line-height:1.6}.tree-children{border-left:1.5px solid var(--guide-color,#667eea33);margin-left:8px;padding-left:18px;transition:border-color .2s}.tree-children:hover{border-left-color:var(--guide-color,#667eea66)}.tree-line{white-space:nowrap;border-radius:5px;align-items:center;gap:0;padding:1.5px 4px 1.5px 0;transition:background .12s;display:flex;position:relative}.tree-line-expandable{cursor:pointer}.tree-line:hover{background:#667eea0d}.tree-line:hover .tree-actions{opacity:1;pointer-events:auto}.tree-close-bracket{color:var(--text-muted,#999);padding-left:0}.tree-arrow{cursor:pointer;width:20px;height:20px;color:var(--text-muted,#aaa);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.tree-arrow:hover{color:var(--accent-color,#667eea);background:#667eea1a}.tree-arrow.expanded .arrow-svg,.tree-arrow.collapsed .arrow-svg{transition:transform .15s}.arrow-svg{flex-shrink:0}.tree-arrow-leaf{cursor:default}.tree-arrow-leaf:hover{background:0 0}.leaf-dot{background:var(--card-border,#d4d4d8);border-radius:50%;width:4px;height:4px}.tree-key{color:#e06c75;cursor:pointer;border-radius:3px;padding:0 2px;font-weight:500;transition:all .15s}.tree-key:hover{text-underline-offset:2px;background:#e06c751a;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.tree-key-index{color:#d19a66;font-weight:400}.tree-colon{color:var(--text-muted,#999);margin:0 5px 0 1px}.tree-root-badge{text-transform:uppercase;letter-spacing:.5px;color:var(--accent-color,#667eea);background:#667eea14;border:1px solid #667eea26;border-radius:4px;align-items:center;margin-right:6px;padding:1px 8px;font-family:system-ui,-apple-system,sans-serif;font-size:10px;font-weight:700;display:inline-flex}.tree-type-badge{cursor:pointer;border-radius:4px;align-items:center;margin-right:4px;padding:0 6px;font-family:system-ui,-apple-system,sans-serif;font-size:10px;font-weight:600;line-height:1.6;transition:all .15s;display:inline-flex}.tree-type-badge.type-object{color:#61afef;background:#61afef14}.tree-type-badge.type-array{color:#c678dd;background:#c678dd14}.tree-type-badge:hover{filter:brightness(.95)}.tree-type-icon{border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:16px;margin-right:4px;font-family:Fira Code,monospace;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.tree-type-icon.type-string{color:#7cb342;background:#98c3791a}.tree-type-icon.type-number{color:#d19a66;background:#d19a661a}.tree-type-icon.type-boolean{color:#56b6c2;background:#56b6c21a}.tree-type-icon.type-null{color:#abb2bf;background:#abb2bf1a}.tree-bracket-open,.tree-bracket-close{color:var(--text-muted,#999);cursor:pointer;font-weight:600;transition:color .15s}.tree-bracket-open:hover,.tree-bracket-close:hover{color:var(--text-secondary,#666)}.tree-preview{color:var(--text-muted,#aaa);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;max-width:360px;padding:0 4px;font-size:11.5px;font-style:italic;transition:color .15s;overflow:hidden}.tree-preview:hover{color:var(--text-secondary,#777)}.tree-value{border-radius:3px;padding:0 2px;transition:all .15s}.tree-value-string{color:#98c379}.tree-value-number{color:#d19a66;font-weight:500}.tree-value-boolean{color:#56b6c2;font-weight:600}.tree-value-null{color:#abb2bf;font-style:italic}.tree-line:hover .tree-value-string{background:#98c37914}.tree-line:hover .tree-value-number{background:#d19a6614}.tree-line:hover .tree-value-boolean{background:#56b6c214}.tree-actions{opacity:0;pointer-events:none;align-items:center;gap:2px;margin-left:8px;transition:opacity .15s;display:inline-flex}.tree-action-btn{width:22px;height:22px;color:var(--text-muted,#bbb);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.tree-action-btn:hover{color:var(--accent-color,#667eea);background:#667eea1a;border-color:#667eea33}.tree-action-btn:active{transform:scale(.9)}.json-tree-view .search-highlight{background:#faad144d;border-radius:2px;padding:0 1px;box-shadow:0 0 0 1px #faad1433}.tree-copy-toast{background:var(--card-bg,#fff);color:#389e0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;z-index:10;white-space:nowrap;text-overflow:ellipsis;border:1px solid #52c41a40;border-radius:10px;align-items:center;gap:6px;max-width:90%;padding:8px 16px;font-family:system-ui,-apple-system,sans-serif;font-size:12px;font-weight:500;display:flex;position:absolute;bottom:14px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 6px 20px #00000014,0 2px 6px #0000000a}.toast-check{flex-shrink:0}.tree-toast-enter-active{transition:opacity .2s,transform .2s cubic-bezier(.34,1.56,.64,1)}.tree-toast-leave-active{transition:opacity .3s,transform .3s}.tree-toast-enter-from{opacity:0;transform:translate(-50%)translateY(8px)scale(.95)}.tree-toast-leave-to{opacity:0;transform:translate(-50%)translateY(-4px)}.style-picker-overlay[data-v-17a22400]{background:var(--card-bg,#fff);justify-content:center;align-items:center;width:100%;height:100%;padding:20px 16px;display:flex;overflow:auto}.style-picker-container[data-v-17a22400]{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:400px;display:flex}.picker-header[data-v-17a22400]{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.picker-header-icon[data-v-17a22400]{width:48px;height:48px;color:var(--accent-color,#667eea);background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:14px;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.picker-title[data-v-17a22400]{color:var(--text-heading,#1a1a2e);letter-spacing:-.5px;margin:0;font-size:20px;font-weight:700}.picker-subtitle[data-v-17a22400]{color:var(--text-muted,#999);max-width:400px;margin:0;font-size:13px;line-height:1.5}.picker-card[data-v-17a22400]{border:2px solid var(--card-border,#e8e8e8);cursor:pointer;background:var(--card-bg,#fff);border-radius:14px;flex-direction:column;width:100%;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.picker-card[data-v-17a22400]:hover{border-color:var(--accent-color,#667eea);transform:translateY(-3px);box-shadow:0 8px 28px #667eea1f,0 2px 8px #0000000a}.picker-card[data-v-17a22400]:active{transform:translateY(-1px)scale(.99)}.card-preview[data-v-17a22400]{border-bottom:1px solid var(--card-border,#e8e8e8);-webkit-user-select:none;user-select:none;min-height:200px;padding:14px 12px;font-family:Fira Code,Cascadia Code,JetBrains Mono,ui-monospace,monospace;font-size:11px;line-height:1.7;overflow:hidden}.preview-modern[data-v-17a22400]{color:#333;background:#fafbfc}.md-line[data-v-17a22400]{border-radius:5px;align-items:center;gap:6px;padding:2px 4px;transition:background .12s;display:flex}.md-line[data-v-17a22400]:hover{background:#667eea0f}.md-children[data-v-17a22400]{margin-left:8px;padding-left:18px}.md-depth-1[data-v-17a22400]{border-left:2px solid #667eea40}.md-depth-2[data-v-17a22400]{border-left:2px solid #764ba240}.md-icon[data-v-17a22400]{border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:16px;font-size:9px;font-weight:700;display:inline-flex}.md-icon-obj[data-v-17a22400],.md-icon-arr[data-v-17a22400]{font-size:11px}.md-icon-str[data-v-17a22400]{color:#7cb342;background:#98c3791f}.md-icon-num[data-v-17a22400]{color:#d19a66;background:#d19a661f}.md-icon-bool[data-v-17a22400]{color:#56b6c2;background:#56b6c21f}.md-icon-null[data-v-17a22400]{color:#abb2bf;background:#abb2bf1f}.md-label[data-v-17a22400]{color:#e06c75;font-weight:500}.md-root .md-label[data-v-17a22400]{color:var(--accent-color,#667eea);font-weight:700}.md-badge[data-v-17a22400]{border-radius:4px;margin-left:auto;padding:1px 6px;font-family:system-ui,-apple-system,sans-serif;font-size:9px;font-weight:600}.md-badge-obj[data-v-17a22400]{color:#61afef;background:#61afef1a}.md-badge-arr[data-v-17a22400]{color:#c678dd;background:#c678dd1a}.md-val[data-v-17a22400]{margin-left:auto}.md-val-str[data-v-17a22400]{color:#98c379}.md-val-num[data-v-17a22400]{color:#d19a66}.md-val-bool[data-v-17a22400]{color:#56b6c2}.md-val-null[data-v-17a22400]{color:#abb2bf;font-style:italic}.card-action[data-v-17a22400]{justify-content:center;align-items:center;padding:14px;display:flex}.card-action-text[data-v-17a22400]{color:var(--accent-color,#667eea);font-family:system-ui,-apple-system,sans-serif;font-size:14px;font-weight:600;transition:color .15s}.picker-card:hover .card-action-text[data-v-17a22400]{color:#764ba2}.picker-footer[data-v-17a22400]{text-align:center}.picker-footer-hint[data-v-17a22400]{color:var(--text-muted,#bbb);font-family:system-ui,-apple-system,sans-serif;font-size:12px}.picker-card[data-v-17a22400]:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:12px;transition:opacity .25s;position:absolute;inset:0}.picker-card[data-v-17a22400]:hover:after{opacity:1}.json-formatter-page[data-v-ed31de8c]{flex-direction:column;height:calc(100vh - 32px);display:flex;padding:0!important}.top-bar[data-v-ed31de8c]{flex-shrink:0;align-items:center;gap:16px;padding:10px 0;display:flex}.page-title[data-v-ed31de8c]{color:var(--text-heading);white-space:nowrap;letter-spacing:-.3px;margin:0;font-size:17px;font-weight:700}.top-actions[data-v-ed31de8c]{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:6px;display:flex}.btn-sm[data-v-ed31de8c]{border-radius:8px;padding:5px 12px;font-size:12px}.top-divider[data-v-ed31de8c]{background:var(--input-border,#e0e0e0);opacity:.6;width:1px;height:20px;margin:0 6px}.editor-split-area[data-v-ed31de8c]{min-height:0;box-shadow:var(--card-shadow);border:2px solid var(--card-border);transition:box-shadow var(--transition-normal) ease;border-bottom:none;border-radius:12px 12px 0 0;flex:1;display:flex;overflow:hidden}.split-pane[data-v-ed31de8c]{min-height:0;overflow:hidden}.split-pane-left[data-v-ed31de8c]{flex-shrink:0}.split-pane-right[data-v-ed31de8c]{flex:1;min-width:260px}.editor-area[data-v-ed31de8c]{height:100%;position:relative;overflow:hidden}.tree-area[data-v-ed31de8c]{border-left:1px solid var(--card-border,#e8e8e8);height:100%;overflow:hidden}.split-divider[data-v-ed31de8c]{cursor:col-resize;background:var(--card-bg,#fff);z-index:5;flex-shrink:0;justify-content:center;align-items:center;width:6px;transition:background .15s;display:flex;position:relative}.split-divider[data-v-ed31de8c]:hover,.split-divider.dragging[data-v-ed31de8c]{background:#667eea0f}.split-divider-line[data-v-ed31de8c]{background:var(--card-border,#d4d4d8);border-radius:2px;width:2px;height:32px;transition:all .15s}.split-divider:hover .split-divider-line[data-v-ed31de8c],.split-divider.dragging .split-divider-line[data-v-ed31de8c]{background:var(--accent-color,#667eea);height:48px;box-shadow:0 0 6px #667eea4d}.layout-switcher[data-v-ed31de8c]{background:var(--input-bg,#f5f5f5);border-radius:6px;flex-shrink:0;align-items:center;gap:1px;padding:2px;display:flex}.layout-btn[data-v-ed31de8c]{width:24px;height:20px;color:var(--text-muted,#999);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .18s;display:flex}.layout-btn[data-v-ed31de8c]:hover{color:var(--text-primary,#333);background:var(--btn-secondary-hover,#667eea14)}.layout-btn.active[data-v-ed31de8c]{color:#fff;background:var(--accent-color,#667eea);box-shadow:0 1px 3px #667eea4d}.layout-editor .split-pane-left[data-v-ed31de8c],.layout-tree .split-pane-right[data-v-ed31de8c]{flex:1}.layout-tree .tree-area[data-v-ed31de8c]{border-left:none}.status-bar[data-v-ed31de8c]{color:var(--text-muted,#999);background:var(--card-bg,#fff);border:2px solid var(--card-border);border-top:1px solid var(--card-border);border-radius:0 0 12px 12px;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:6px 14px;font-size:12px;display:flex}.status-bar-left[data-v-ed31de8c]{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.status-bar-right[data-v-ed31de8c]{flex-shrink:0;align-items:center;gap:6px;display:flex}.status-item[data-v-ed31de8c]{white-space:nowrap}.status-sep[data-v-ed31de8c]{color:var(--text-muted,#ccc);opacity:.5;-webkit-user-select:none;user-select:none}.status-cursor[data-v-ed31de8c]{font-variant-numeric:tabular-nums}.json-path-breadcrumb[data-v-ed31de8c]{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:2px;max-width:360px;padding:1px 6px;transition:background .15s;display:inline-flex;overflow:hidden}.path-sep[data-v-ed31de8c]{color:var(--text-muted,#bbb);opacity:.6;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:10px}.path-segment[data-v-ed31de8c]{white-space:nowrap;color:var(--text-secondary,#666);cursor:pointer;text-overflow:ellipsis;border-radius:3px;padding:0 2px;font-family:Fira Code,Cascadia Code,JetBrains Mono,monospace;font-size:11.5px;transition:all .15s;overflow:hidden}.path-segment[data-v-ed31de8c]:hover{color:var(--accent-color,#667eea);background:var(--btn-secondary-hover,#667eea1f)}.path-type-root[data-v-ed31de8c]{color:#e06c75;font-weight:600}.path-type-key[data-v-ed31de8c]{color:#61afef}.path-type-index[data-v-ed31de8c]{color:#d19a66}.path-ellipsis[data-v-ed31de8c]{color:var(--text-muted,#bbb);cursor:default;letter-spacing:1px}.path-ellipsis[data-v-ed31de8c]:hover{color:var(--text-muted,#bbb);background:0 0}.shortcut-btn[data-v-ed31de8c]{cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:13px;line-height:1;transition:background .15s}.shortcut-btn[data-v-ed31de8c]:hover{background:var(--btn-secondary-hover,#667eea1f);opacity:1}.shortcut-modal-overlay[data-v-ed31de8c]{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shortcut-modal[data-v-ed31de8c]{background:var(--card-bg,#fff);border:1px solid var(--card-border,#e0e0e0);border-radius:16px;flex-direction:column;width:90vw;max-width:520px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 16px 48px #0000002e,0 4px 16px #00000014}.modal-header[data-v-ed31de8c]{border-bottom:1px solid var(--card-border,#e8e8e8);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.modal-title[data-v-ed31de8c]{color:var(--text-heading,#333);letter-spacing:-.3px;font-size:15px;font-weight:700}.modal-close[data-v-ed31de8c]{width:28px;height:28px;color:var(--text-muted,#999);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.modal-close[data-v-ed31de8c]:hover{color:#ff4d4f;background:#ff4d4f1a}.modal-body[data-v-ed31de8c]{padding:16px 20px 20px;overflow-y:auto}.guide-grid[data-v-ed31de8c]{grid-template-columns:1fr 1fr;gap:16px 28px;width:100%;display:grid}.guide-section[data-v-ed31de8c]{flex-direction:column;gap:6px;display:flex}.guide-section-title[data-v-ed31de8c]{color:var(--text-secondary,#888);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11.5px;font-weight:600}.guide-item[data-v-ed31de8c]{justify-content:space-between;align-items:center;gap:10px;padding:4px 0;display:flex}.guide-keys[data-v-ed31de8c]{color:var(--text-secondary,#666);white-space:nowrap;align-items:center;gap:3px;font-size:12px;display:flex}.guide-keys kbd[data-v-ed31de8c]{min-width:22px;height:22px;color:var(--text-secondary,#555);background:var(--input-bg,#f5f5f5);border:1px solid var(--input-border,#ddd);border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;padding:0 5px;font-family:system-ui,-apple-system,sans-serif;font-size:11px;font-weight:500;line-height:1;display:inline-flex;box-shadow:0 1px 1px #0000000a}.guide-desc[data-v-ed31de8c]{color:var(--text-muted,#999);text-align:right;flex-shrink:0;font-size:12px}.modal-fade-enter-active[data-v-ed31de8c]{transition:opacity .2s}.modal-fade-enter-active .shortcut-modal[data-v-ed31de8c]{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.modal-fade-leave-active[data-v-ed31de8c]{transition:opacity .15s}.modal-fade-leave-active .shortcut-modal[data-v-ed31de8c]{transition:transform .15s}.modal-fade-enter-from[data-v-ed31de8c]{opacity:0}.modal-fade-enter-from .shortcut-modal[data-v-ed31de8c]{transform:scale(.92)}.modal-fade-leave-to[data-v-ed31de8c]{opacity:0}.modal-fade-leave-to .shortcut-modal[data-v-ed31de8c]{transform:scale(.95)}@media (width<=520px){.guide-grid[data-v-ed31de8c]{grid-template-columns:1fr;gap:12px}.shortcut-modal[data-v-ed31de8c]{width:95vw}}.toast-tip[data-v-ed31de8c]{z-index:200;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 4px 12px #0000001a}.toast-tip.success[data-v-ed31de8c]{color:#389e0d;background:#52c41a26;border:1px solid #52c41a4d}.toast-tip.error[data-v-ed31de8c]{color:#cf1322;background:#ff4d4f26;border:1px solid #ff4d4f4d}.toast-icon[data-v-ed31de8c]{font-size:14px;line-height:1}.toast-text[data-v-ed31de8c]{line-height:1.2}.toast-slide-enter-active[data-v-ed31de8c]{transition:opacity .25s,transform .25s}.toast-slide-leave-active[data-v-ed31de8c]{transition:opacity .4s,transform .4s}.toast-slide-enter-from[data-v-ed31de8c]{opacity:0;transform:translateY(-8px)}.toast-slide-leave-to[data-v-ed31de8c]{opacity:0;transform:translateY(-4px)}.settings-wrapper[data-v-ed31de8c],.history-wrapper[data-v-ed31de8c]{position:relative}.history-trigger[data-v-ed31de8c]{line-height:1;position:relative;padding:5px 10px!important;font-size:14px!important}.history-badge[data-v-ed31de8c]{text-align:center;color:#fff;background:var(--accent-color,#667eea);border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-4px}.history-panel[data-v-ed31de8c]{z-index:100;background:var(--card-bg,#fff);border:1px solid var(--card-border,#e0e0e0);border-radius:12px;flex-direction:column;min-width:320px;max-width:400px;max-height:420px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}.history-panel-header[data-v-ed31de8c]{border-bottom:1px solid var(--card-border,#e8e8e8);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px 10px;display:flex}.history-panel-title[data-v-ed31de8c]{color:var(--text-heading,#333);font-size:13px;font-weight:700}.history-clear-btn[data-v-ed31de8c]{color:#cf1322;cursor:pointer;background:#ff4d4f0f;border:1px solid #ff4d4f40;border-radius:6px;padding:3px 8px;font-size:11px;transition:all .15s}.history-clear-btn[data-v-ed31de8c]:hover{background:#ff4d4f26;border-color:#ff4d4f66}.history-empty[data-v-ed31de8c]{color:var(--text-muted,#bbb);flex-direction:column;align-items:center;gap:6px;padding:32px 16px;font-size:13px;display:flex}.history-empty-icon[data-v-ed31de8c]{opacity:.6;font-size:28px}.history-list[data-v-ed31de8c]{flex-direction:column;gap:4px;padding:6px;display:flex;overflow-y:auto}.history-item[data-v-ed31de8c]{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 32px 10px 12px;transition:all .15s;position:relative}.history-item[data-v-ed31de8c]:hover{background:var(--btn-secondary-hover,#667eea0f);border-color:var(--card-border,#e8e8e8)}.history-item-top[data-v-ed31de8c]{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.history-op-tag[data-v-ed31de8c]{border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600;line-height:1.6}.history-op-tag.op-format[data-v-ed31de8c]{color:#389e0d;background:#52c41a1f}.history-op-tag.op-compress[data-v-ed31de8c]{color:#096dd9;background:#1890ff1f}.history-op-tag.op-escape[data-v-ed31de8c]{color:#d48806;background:#faad141f}.history-op-tag.op-unescape[data-v-ed31de8c]{color:#d46b08;background:#fa8c161f}.history-op-tag.op-u2c[data-v-ed31de8c]{color:#722ed1;background:#722ed11f}.history-op-tag.op-c2u[data-v-ed31de8c]{color:#2f54eb;background:#2f54eb1f}.history-op-tag.op-import[data-v-ed31de8c]{color:#08979c;background:#13c2c21f}.history-op-tag.op-restore[data-v-ed31de8c]{color:#cf1322;background:#f5222d1f}.history-time[data-v-ed31de8c]{color:var(--text-muted,#999);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.history-item-bottom[data-v-ed31de8c]{justify-content:space-between;align-items:center;gap:8px;display:flex}.history-preview[data-v-ed31de8c]{color:var(--text-secondary,#888);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-family:Fira Code,Cascadia Code,JetBrains Mono,monospace;font-size:11px;overflow:hidden}.history-size[data-v-ed31de8c]{color:var(--text-muted,#bbb);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:10px}.history-delete-btn[data-v-ed31de8c]{cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .15s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.history-item:hover .history-delete-btn[data-v-ed31de8c]{opacity:.6}.history-delete-btn[data-v-ed31de8c]:hover{background:#ff4d4f1a;opacity:1!important}.settings-trigger[data-v-ed31de8c]{line-height:1;padding:5px 10px!important;font-size:14px!important}.settings-panel[data-v-ed31de8c]{z-index:100;background:var(--card-bg,#fff);border:1px solid var(--card-border,#e0e0e0);border-radius:12px;flex-direction:column;gap:12px;min-width:220px;padding:14px 16px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}.settings-section[data-v-ed31de8c]{flex-direction:column;gap:8px;display:flex}.settings-label[data-v-ed31de8c]{color:var(--text-secondary,#888);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.theme-blocks[data-v-ed31de8c]{gap:8px;display:flex}.theme-block[data-v-ed31de8c]{cursor:pointer;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:flex-end;width:44px;height:32px;padding-bottom:2px;transition:all .2s;display:flex;position:relative;overflow:hidden}.theme-block[data-v-ed31de8c]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.theme-block.active[data-v-ed31de8c]{border-color:var(--accent-color,#667eea);box-shadow:0 0 0 2px #667eea40}.theme-block-label[data-v-ed31de8c]{color:#808080cc;text-shadow:0 0 3px #fffc;font-size:8px;font-weight:600;line-height:1}.theme-block:nth-child(3) .theme-block-label[data-v-ed31de8c],.theme-block:nth-child(4) .theme-block-label[data-v-ed31de8c]{color:#ffffffb3;text-shadow:none}.indent-buttons[data-v-ed31de8c]{gap:6px;display:flex}.indent-btn[data-v-ed31de8c]{border:1px solid var(--btn-secondary-border,#667eea26);background:var(--btn-secondary-bg,#667eea0a);color:var(--text-secondary,#666);cursor:pointer;text-align:center;border-radius:8px;flex:1;padding:5px 0;font-size:12px;font-weight:600;transition:all .2s}.indent-btn[data-v-ed31de8c]:hover{border-color:var(--accent-color,#667eea);background:var(--btn-secondary-hover,#667eea1a)}.indent-btn.active[data-v-ed31de8c]{background:var(--accent-color,#667eea);color:#fff;border-color:var(--accent-color,#667eea)}.toggle-buttons[data-v-ed31de8c]{gap:6px;display:flex}.toggle-btn[data-v-ed31de8c]{border:1px solid var(--btn-secondary-border,#667eea26);background:var(--btn-secondary-bg,#667eea0a);color:var(--text-secondary,#666);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;padding:5px 0;font-size:12px;font-weight:600;transition:all .2s;display:flex}.toggle-btn[data-v-ed31de8c]:hover{border-color:var(--accent-color,#667eea);background:var(--btn-secondary-hover,#667eea1a)}.toggle-btn.active[data-v-ed31de8c]{background:var(--accent-color,#667eea);color:#fff;border-color:var(--accent-color,#667eea)}.toggle-icon[data-v-ed31de8c]{opacity:.8;font-size:10px;line-height:1}.settings-fade-enter-active[data-v-ed31de8c],.settings-fade-leave-active[data-v-ed31de8c]{transition:opacity .2s,transform .2s}.settings-fade-enter-from[data-v-ed31de8c],.settings-fade-leave-to[data-v-ed31de8c]{opacity:0;transform:translateY(-4px)}@media (width<=900px){.top-bar[data-v-ed31de8c]{flex-direction:column;align-items:flex-start;gap:8px}.top-actions[data-v-ed31de8c]{justify-content:flex-start}.json-formatter-page[data-v-ed31de8c]{height:calc(100vh - 96px)}}@media (width<=768px){.json-formatter-page[data-v-ed31de8c]{height:calc(100vh - 88px)}}.search-row[data-v-ed31de8c],.replace-row[data-v-ed31de8c]{align-items:center;gap:6px;display:flex}.search-row-label[data-v-ed31de8c]{text-align:center;-webkit-user-select:none;user-select:none;flex-shrink:0;width:22px;font-size:13px;line-height:1}.search-input-wrapper[data-v-ed31de8c]{flex:1;min-width:0;position:relative}.search-input[data-v-ed31de8c]{border:1.5px solid var(--input-border,#d4d4d8);background:var(--input-bg,#fff);width:100%;color:var(--text-primary,#333);border-radius:8px;outline:none;padding:5px 70px 5px 10px;font-family:Fira Code,Cascadia Code,JetBrains Mono,monospace;font-size:12.5px;line-height:1.4;transition:border-color .2s,box-shadow .2s}.search-input[data-v-ed31de8c]:focus{border-color:var(--accent-color,#667eea);box-shadow:0 0 0 3px #667eea1f}.search-input[data-v-ed31de8c]::placeholder{color:var(--text-placeholder,#aaa);font-family:system-ui,-apple-system,sans-serif;font-size:12px;font-style:italic}.search-match-count[data-v-ed31de8c]{color:var(--accent-color,#667eea);pointer-events:none;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-option-btns[data-v-ed31de8c]{flex-shrink:0;gap:2px;display:flex}.search-opt-btn[data-v-ed31de8c]{border:1.5px solid var(--input-border,#d4d4d8);background:var(--card-bg,#fff);width:28px;height:26px;color:var(--text-muted,#999);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:center;align-items:center;font-family:Fira Code,Cascadia Code,JetBrains Mono,monospace;font-size:11px;font-weight:700;transition:all .15s;display:flex}.search-opt-btn[data-v-ed31de8c]:hover{color:var(--text-primary,#333);border-color:var(--accent-color,#667eea);background:#667eea0a}.search-opt-btn.active[data-v-ed31de8c]{color:#fff;background:var(--accent-color,#667eea);border-color:var(--accent-color,#667eea);box-shadow:0 1px 3px #667eea4d}.search-nav-btns[data-v-ed31de8c]{flex-shrink:0;gap:2px;display:flex}.search-nav-btn[data-v-ed31de8c]{border:1px solid var(--input-border,#d4d4d8);background:var(--card-bg,#fff);width:26px;height:26px;color:var(--text-secondary,#666);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:flex}.search-nav-btn[data-v-ed31de8c]:hover{background:var(--accent-color,#667eea);color:#fff;border-color:var(--accent-color,#667eea)}.search-expand-btn[data-v-ed31de8c]{width:24px;height:24px;color:var(--text-muted,#999);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;transition:all .15s;display:flex}.search-expand-btn[data-v-ed31de8c]:hover{color:var(--text-primary,#333);background:#667eea14}.search-expand-btn.active[data-v-ed31de8c]{color:var(--accent-color,#667eea)}.expand-arrow[data-v-ed31de8c]{transition:transform .2s;display:inline-block}.expand-arrow.expanded[data-v-ed31de8c]{transform:rotate(90deg)}.replace-action-btns[data-v-ed31de8c]{flex-shrink:0;gap:4px;display:flex}.replace-btn[data-v-ed31de8c]{border:1.5px solid var(--input-border,#d4d4d8);background:var(--card-bg,#fff);color:var(--text-secondary,#666);cursor:pointer;white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:500;transition:all .15s}.replace-btn[data-v-ed31de8c]:hover{background:var(--accent-color,#667eea);color:#fff;border-color:var(--accent-color,#667eea)}.replace-all-btn[data-v-ed31de8c]{color:var(--accent-color,#667eea);background:#667eea0f;border-color:#667eea33}.replace-all-btn[data-v-ed31de8c]:hover{background:var(--accent-color,#667eea);color:#fff;border-color:var(--accent-color,#667eea)}.panel-divider[data-v-ed31de8c]{background:var(--card-border,#e8e8e8);opacity:.6;height:1px;margin:2px 0}.replace-row-slide-enter-active[data-v-ed31de8c]{transition:all .2s cubic-bezier(.4,0,.2,1)}.replace-row-slide-leave-active[data-v-ed31de8c]{transition:all .15s cubic-bezier(.4,0,.2,1)}.replace-row-slide-enter-from[data-v-ed31de8c],.replace-row-slide-leave-to[data-v-ed31de8c]{opacity:0;max-height:0;transform:translateY(-4px)}.query-toggle-btn[data-v-ed31de8c]{cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:13px;line-height:1;transition:all .15s}.query-toggle-btn[data-v-ed31de8c]:hover{background:var(--btn-secondary-hover,#667eea1f);opacity:1}.query-toggle-btn.active[data-v-ed31de8c]{opacity:1;color:var(--accent-color,#667eea);background:#667eea1a}.query-panel[data-v-ed31de8c]{background:var(--card-bg,#fff);border:2px solid var(--card-border);border-bottom:none;border-radius:12px 12px 0 0;flex-direction:column;flex-shrink:0;gap:8px;padding:10px 14px;display:flex;box-shadow:0 2px 8px #0000000a}.query-panel-row[data-v-ed31de8c]{align-items:center;gap:8px;display:flex}.query-lang-switch[data-v-ed31de8c]{background:var(--input-bg,#f5f5f5);border-radius:8px;flex-shrink:0;gap:2px;padding:2px;display:flex}.lang-btn[data-v-ed31de8c]{color:var(--text-secondary,#888);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s}.lang-btn[data-v-ed31de8c]:hover{color:var(--text-primary,#333)}.lang-btn.active[data-v-ed31de8c]{background:var(--accent-color,#667eea);color:#fff;box-shadow:0 1px 3px #667eea4d}.query-input-wrapper[data-v-ed31de8c]{flex:1;min-width:0;position:relative}.query-input[data-v-ed31de8c]{border:1.5px solid var(--input-border,#d4d4d8);background:var(--input-bg,#fff);width:100%;color:var(--text-primary,#333);border-radius:8px;outline:none;padding:6px 80px 6px 12px;font-family:Fira Code,Cascadia Code,JetBrains Mono,monospace;font-size:12.5px;transition:border-color .2s,box-shadow .2s}.query-input[data-v-ed31de8c]:focus{border-color:var(--accent-color,#667eea);box-shadow:0 0 0 3px #667eea1f}.query-input[data-v-ed31de8c]::placeholder{color:var(--text-placeholder,#aaa);font-family:system-ui,-apple-system,sans-serif;font-size:12px;font-style:italic}.query-match-count[data-v-ed31de8c]{color:var(--accent-color,#667eea);pointer-events:none;white-space:nowrap;font-size:11px;font-weight:500;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.query-match-count.has-error[data-v-ed31de8c]{color:#cf1322}.query-actions[data-v-ed31de8c]{flex-shrink:0;gap:4px;display:flex}.query-action-btn[data-v-ed31de8c]{border:1px solid var(--input-border,#d4d4d8);background:var(--card-bg,#fff);width:28px;height:28px;color:var(--text-secondary,#666);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:flex}.query-action-btn[data-v-ed31de8c]:hover{background:var(--accent-color,#667eea);color:#fff;border-color:var(--accent-color,#667eea)}.query-action-btn.copy-btn[data-v-ed31de8c]{font-size:13px}.query-close-btn[data-v-ed31de8c]{width:24px;height:24px;color:var(--text-muted,#999);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:2px;font-size:13px;transition:all .15s;display:flex}.query-close-btn[data-v-ed31de8c]:hover{color:#ff4d4f;background:#ff4d4f1a}.query-error[data-v-ed31de8c]{color:#cf1322;background:#ff4d4f0f;border:1px solid #ff4d4f26;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;display:flex}.query-error-icon[data-v-ed31de8c]{flex-shrink:0;font-size:12px}.query-error-text[data-v-ed31de8c]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.query-result-preview[data-v-ed31de8c]{border:1px solid var(--card-border,#e8e8e8);border-radius:8px;flex-direction:column;max-height:200px;display:flex;overflow:hidden}.query-result-header[data-v-ed31de8c]{background:var(--input-bg,#f5f5f5);border-bottom:1px solid var(--card-border,#e8e8e8);flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.query-result-title[data-v-ed31de8c]{color:var(--text-secondary,#888);font-size:11px;font-weight:600}.query-result-count[data-v-ed31de8c]{color:var(--text-muted,#bbb);font-variant-numeric:tabular-nums;font-size:10px}.query-result-code[data-v-ed31de8c]{color:var(--text-primary,#333);background:var(--card-bg,#fff);white-space:pre;tab-size:2;max-height:160px;margin:0;padding:8px 12px;font-family:Fira Code,Cascadia Code,JetBrains Mono,monospace;font-size:12px;line-height:1.5;overflow:auto}.query-panel-slide-enter-active[data-v-ed31de8c]{transition:all .25s cubic-bezier(.4,0,.2,1)}.query-panel-slide-leave-active[data-v-ed31de8c]{transition:all .2s cubic-bezier(.4,0,.2,1)}.query-panel-slide-enter-from[data-v-ed31de8c],.query-panel-slide-leave-to[data-v-ed31de8c]{opacity:0;max-height:0;margin-top:-4px;padding-top:0;padding-bottom:0;transform:translateY(-8px)}.query-result-fade-enter-active[data-v-ed31de8c]{transition:opacity .2s,transform .2s}.query-result-fade-leave-active[data-v-ed31de8c]{transition:opacity .15s}.query-result-fade-enter-from[data-v-ed31de8c]{opacity:0;transform:translateY(-4px)}.query-result-fade-leave-to[data-v-ed31de8c]{opacity:0}.query-panel+.editor-split-area[data-v-ed31de8c]{border-top:none;border-radius:0}@media (width<=768px){.editor-split-area[data-v-ed31de8c]{flex-direction:column}.split-pane-left[data-v-ed31de8c]{height:50%;width:100%!important}.split-pane-right[data-v-ed31de8c]{min-width:0}.split-divider[data-v-ed31de8c]{cursor:row-resize;width:100%;height:6px}.split-divider-line[data-v-ed31de8c]{width:32px;height:2px}.tree-area[data-v-ed31de8c]{border-left:none;border-top:1px solid var(--card-border,#e8e8e8)}}