.json-page[data-v-de0a75e6]{color:#e8e6e1;background:#0a0a0c;min-height:100vh;padding-bottom:80px;font-family:DM Sans,sans-serif}.json-main[data-v-de0a75e6]{max-width:1440px;margin:0 auto;padding:0 24px}.animate-reveal[data-v-de0a75e6]{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay,0s);transform:translateY(12px)}.mounted .animate-reveal[data-v-de0a75e6]{opacity:1;transform:none}.action-bar[data-v-de0a75e6]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121216cc;border:1px solid #2a2a3299;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 20px;display:flex}.action-group[data-v-de0a75e6]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-action[data-v-de0a75e6]{color:#ccc;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .25s;display:inline-flex}.btn-action[data-v-de0a75e6]:hover:not(:disabled){color:#fff;background:#ffffff1a;border-color:#fff3}.btn-action[data-v-de0a75e6]:disabled{opacity:.35;cursor:not-allowed}.btn-primary[data-v-de0a75e6]{color:#c39bd3;background:#9b59b633;border-color:#9b59b666}.btn-primary[data-v-de0a75e6]:hover:not(:disabled){color:#d7bde2;background:#9b59b659;border-color:#9b59b699;box-shadow:0 0 20px #9b59b626}.btn-success[data-v-de0a75e6]{color:#82e0aa!important;background:#2ecc7133!important;border-color:#2ecc7166!important}.btn-ghost[data-v-de0a75e6]{color:#888;background:0 0;border-color:#0000}.btn-ghost[data-v-de0a75e6]:hover:not(:disabled){color:#bbb;background:#ffffff0a}.indent-selector[data-v-de0a75e6]{align-items:center;gap:4px;margin-left:4px;display:inline-flex}.indent-label[data-v-de0a75e6]{color:#666;margin-right:2px;font-size:12px}.indent-btn[data-v-de0a75e6]{color:#888;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;padding:4px 10px;font-family:DM Sans,sans-serif;font-size:12px;transition:all .2s}.indent-btn.active[data-v-de0a75e6]{color:#c39bd3;background:#9b59b633;border-color:#9b59b680}.indent-btn[data-v-de0a75e6]:hover:not(.active){color:#ccc;background:#ffffff14}.validation-bar[data-v-de0a75e6]{background:#12121699;border:1px solid #2a2a3266;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 20px;display:flex}.validation-status[data-v-de0a75e6]{align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.validation-ok[data-v-de0a75e6]{color:#82e0aa}.validation-ok svg[data-v-de0a75e6]{stroke:#82e0aa}.validation-error[data-v-de0a75e6]{color:#e74c3c}.validation-error svg[data-v-de0a75e6]{stroke:#e74c3c}.stats-bar[data-v-de0a75e6]{color:#888;align-items:center;gap:8px;font-size:12px;display:flex}.stat-item strong[data-v-de0a75e6]{color:#c39bd3;font-weight:600}.stat-sep[data-v-de0a75e6]{color:#444}.editor-panels[data-v-de0a75e6]{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.editor-panels[data-v-de0a75e6]{grid-template-columns:1fr}}.panel[data-v-de0a75e6]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121216cc;border:1px solid #2a2a3299;border-radius:16px;flex-direction:column;min-height:500px;display:flex;overflow:hidden}.panel-header[data-v-de0a75e6]{border-bottom:1px solid #2a2a3266;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.panel-title[data-v-de0a75e6]{color:#999;letter-spacing:.5px;text-transform:uppercase;font-family:Playfair Display,serif;font-size:14px;font-weight:600}.path-toast[data-v-de0a75e6]{color:#82e0aa;font-size:12px;animation:.3s fadeIn-de0a75e6}@keyframes fadeIn-de0a75e6{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}.panel-body[data-v-de0a75e6]{flex-direction:column;flex:1;display:flex;overflow:hidden}.code-textarea[data-v-de0a75e6]{color:#d4d4d4;resize:none;tab-size:2;white-space:pre;background:0 0;border:none;outline:none;flex:1;width:100%;min-height:460px;padding:16px 20px;font-family:DM Mono,Fira Code,Cascadia Code,monospace;font-size:13px;line-height:1.7;overflow:auto}.code-textarea[data-v-de0a75e6]::placeholder{color:#444;font-style:italic}.code-output-wrap[data-v-de0a75e6]{flex:1;overflow:auto}.code-output[data-v-de0a75e6]{min-height:100%;display:flex}.line-numbers[data-v-de0a75e6]{text-align:right;-webkit-user-select:none;user-select:none;flex-direction:column;min-width:40px;padding:16px 0 16px 12px;display:flex}.line-number[data-v-de0a75e6]{color:#3a3a3a;border-right:1px solid #2a2a3280;padding-right:12px;font-family:DM Mono,Fira Code,monospace;font-size:12px;line-height:1.7}.code-content[data-v-de0a75e6]{color:#d4d4d4;white-space:pre;word-break:break-all;flex:1;margin:0;padding:16px 20px;font-family:DM Mono,Fira Code,Cascadia Code,monospace;font-size:13px;line-height:1.7;overflow-x:auto}.empty-output[data-v-de0a75e6]{color:#444;flex:1;justify-content:center;align-items:center;min-height:460px;font-size:14px;font-style:italic;display:flex}[data-v-de0a75e6] .hl-key{color:#c39bd3}[data-v-de0a75e6] .hl-string{color:#a8d8a8}[data-v-de0a75e6] .hl-number{color:#e67e22}[data-v-de0a75e6] .hl-boolean{color:#5dade2}[data-v-de0a75e6] .hl-null{color:#888}[data-v-de0a75e6] .hl-bracket{color:#aaa}.tree-view[data-v-de0a75e6]{flex:1;padding:12px 0;overflow:auto}.tree-row[data-v-de0a75e6]{align-items:baseline;gap:4px;padding:3px 12px;font-family:DM Mono,Fira Code,monospace;font-size:13px;line-height:1.6;transition:background .15s;display:flex}.tree-row[data-v-de0a75e6]:hover{background:#9b59b60f}.tree-toggle[data-v-de0a75e6]{color:#666;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;width:16px;font-size:10px;transition:color .2s;display:inline-flex}.tree-toggle[data-v-de0a75e6]:hover{color:#c39bd3}.tree-leaf[data-v-de0a75e6]{cursor:default}.tree-key[data-v-de0a75e6]{color:#c39bd3;cursor:pointer;border-radius:3px;padding:0 2px;transition:background .15s}.tree-key[data-v-de0a75e6]:hover{background:#9b59b626}.tree-colon[data-v-de0a75e6]{color:#888;margin-right:4px}.tree-summary[data-v-de0a75e6]{color:#666;margin:0 4px;font-size:12px;font-style:italic}.tree-view .hl-string[data-v-de0a75e6]{color:#a8d8a8}.tree-view .hl-number[data-v-de0a75e6]{color:#e67e22}.tree-view .hl-boolean[data-v-de0a75e6]{color:#5dade2}.tree-view .hl-null[data-v-de0a75e6]{color:#888;font-style:italic}.tree-view .hl-bracket[data-v-de0a75e6]{color:#aaa}.panel-header-actions[data-v-de0a75e6]{align-items:center;gap:6px;display:flex}.mini-action[data-v-de0a75e6]{color:#888;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.mini-action[data-v-de0a75e6]:hover{color:#c39bd3;background:#9b59b626;border-color:#9b59b64d}.btn-danger[data-v-de0a75e6]{color:#e74c3c!important;background:#e74c3c33!important;border-color:#e74c3c66!important}.btn-active[data-v-de0a75e6]{color:#c39bd3;background:#9b59b633;border-color:#9b59b680}.path-query-bar[data-v-de0a75e6]{border-bottom:1px solid #2a2a3266;align-items:center;gap:8px;padding:8px 16px;display:flex}.path-query-label[data-v-de0a75e6]{color:#888;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600}.path-query-input[data-v-de0a75e6]{color:#d4d4d4;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;outline:none;flex:1;padding:5px 10px;font-family:DM Mono,Fira Code,monospace;font-size:12px;transition:border-color .2s}.path-query-input[data-v-de0a75e6]:focus{border-color:#9b59b680}.path-query-input[data-v-de0a75e6]::placeholder{color:#444;font-style:italic}.path-query-result[data-v-de0a75e6]{background:#9b59b60a;border-bottom:1px solid #2a2a3266;gap:8px;padding:6px 16px 8px;display:flex}.path-query-result-label[data-v-de0a75e6]{color:#c39bd3;letter-spacing:.5px;white-space:nowrap;padding-top:2px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600}.path-query-result-value[data-v-de0a75e6]{color:#a8d8a8;white-space:pre-wrap;word-break:break-all;flex:1;max-height:100px;margin:0;font-family:DM Mono,Fira Code,monospace;font-size:12px;overflow-y:auto}.compare-panel[data-v-de0a75e6]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121216cc;border:1px solid #2a2a3299;border-radius:16px;margin-top:16px;overflow:hidden}.compare-grid[data-v-de0a75e6]{grid-template-columns:1fr 1fr;min-height:280px;display:grid}@media (width<=900px){.compare-grid[data-v-de0a75e6]{grid-template-columns:1fr}}.compare-input-section[data-v-de0a75e6]{border-right:1px solid #2a2a3266;flex-direction:column;display:flex}.compare-result-section[data-v-de0a75e6]{flex-direction:column;display:flex}.compare-textarea[data-v-de0a75e6]{border:none;border-radius:0;min-height:240px}.compare-validation[data-v-de0a75e6]{align-items:center;display:flex}.validation-dot[data-v-de0a75e6]{border-radius:50%;width:8px;height:8px}.validation-dot-ok[data-v-de0a75e6]{background:#82e0aa;box-shadow:0 0 6px #82e0aa66}.validation-dot-err[data-v-de0a75e6]{background:#e74c3c;box-shadow:0 0 6px #e74c3c66}.diff-summary[data-v-de0a75e6]{gap:8px;font-family:DM Mono,monospace;font-size:12px;display:flex}.diff-count[data-v-de0a75e6]{border-radius:4px;padding:1px 6px;font-weight:600}.diff-added[data-v-de0a75e6]{color:#82e0aa;background:#82e0aa1a}.diff-removed[data-v-de0a75e6]{color:#e74c3c;background:#e74c3c1a}.diff-changed[data-v-de0a75e6]{color:#f0c040;background:#f0c0401a}.diff-list[data-v-de0a75e6]{flex:1;max-height:400px;padding:8px 0;overflow-y:auto}.diff-identical[data-v-de0a75e6],.diff-error[data-v-de0a75e6]{color:#888;justify-content:center;align-items:center;height:100%;min-height:200px;font-size:14px;font-style:italic;display:flex}.diff-error[data-v-de0a75e6]{color:#e74c3c}.diff-row[data-v-de0a75e6]{align-items:baseline;gap:8px;padding:4px 16px;font-family:DM Mono,Fira Code,monospace;font-size:12px;line-height:1.6;transition:background .15s;display:flex}.diff-row[data-v-de0a75e6]:hover{background:#ffffff08}.diff-row.diff-added[data-v-de0a75e6]{background:#82e0aa0a}.diff-row.diff-removed[data-v-de0a75e6]{background:#e74c3c0a}.diff-row.diff-changed[data-v-de0a75e6]{background:#f0c0400a}.diff-type-badge[data-v-de0a75e6]{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:700;display:inline-flex}.diff-added .diff-type-badge[data-v-de0a75e6]{color:#82e0aa;background:#82e0aa26}.diff-removed .diff-type-badge[data-v-de0a75e6]{color:#e74c3c;background:#e74c3c26}.diff-changed .diff-type-badge[data-v-de0a75e6]{color:#f0c040;background:#f0c04026}.diff-path[data-v-de0a75e6]{color:#c39bd3;cursor:pointer;white-space:nowrap;border-radius:3px;padding:0 2px;transition:background .15s}.diff-path[data-v-de0a75e6]:hover{background:#9b59b626}.diff-values[data-v-de0a75e6]{flex:1;align-items:baseline;gap:6px;min-width:0;display:flex;overflow:hidden}.diff-old[data-v-de0a75e6]{color:#e74c3c;opacity:.7;text-overflow:ellipsis;white-space:nowrap;max-width:200px;text-decoration:line-through;overflow:hidden}.diff-new[data-v-de0a75e6]{color:#82e0aa;text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.diff-arrow[data-v-de0a75e6]{color:#666;flex-shrink:0}@media (width<=640px){.json-main[data-v-de0a75e6]{padding:0 12px}.action-bar[data-v-de0a75e6]{flex-direction:column;align-items:flex-start;padding:12px 14px}.panel[data-v-de0a75e6]{min-height:350px}.code-textarea[data-v-de0a75e6]{min-height:320px;font-size:12px}.compare-grid[data-v-de0a75e6]{grid-template-columns:1fr}.compare-input-section[data-v-de0a75e6]{border-bottom:1px solid #2a2a3266;border-right:none}}
