.json-tool-container[data-v-1f16408c]{min-height:100vh;display:flex;flex-direction:column;background:#fff}.top-nav[data-v-1f16408c]{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:52px;background:#fff;border-bottom:1px solid #e5e7eb}.nav-left[data-v-1f16408c]{display:flex;align-items:center;gap:12px}.back-link[data-v-1f16408c]{display:flex;align-items:center;gap:4px;text-decoration:none;color:#6b7280;font-size:14px;padding:6px 10px;border-radius:6px;transition:all .15s}.back-link[data-v-1f16408c]:hover{background:#f3f4f6;color:#374151}.nav-divider[data-v-1f16408c]{width:1px;height:20px;background:#e5e7eb}.page-title[data-v-1f16408c]{font-size:16px;font-weight:600;color:#111827;margin:0}.nav-right[data-v-1f16408c]{display:flex;align-items:center;gap:8px}.icon-btn[data-v-1f16408c]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;font-size:16px;transition:all .15s}.icon-btn[data-v-1f16408c]:hover{background:#f3f4f6;border-color:#d1d5db}.toolbar[data-v-1f16408c]{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.toolbar-left[data-v-1f16408c]{display:flex;align-items:center;gap:16px}.mode-tabs[data-v-1f16408c]{display:flex;background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.mode-tab[data-v-1f16408c]{padding:8px 16px;border:none;background:transparent;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.mode-tab[data-v-1f16408c]:hover{background:#f3f4f6}.mode-tab.active[data-v-1f16408c]{background:#2563eb;color:#fff}.toolbar-divider[data-v-1f16408c]{width:1px;height:24px;background:#e5e7eb}.indent-group[data-v-1f16408c]{display:flex;align-items:center;gap:8px}.indent-label[data-v-1f16408c]{font-size:13px;color:#6b7280}.indent-btn[data-v-1f16408c]{padding:6px 12px;border:1px solid #e5e7eb;border-radius:4px;background:#fff;font-size:13px;color:#374151;cursor:pointer;transition:all .15s}.indent-btn[data-v-1f16408c]:hover{background:#f3f4f6}.indent-btn.active[data-v-1f16408c]{background:#2563eb;color:#fff;border-color:#2563eb}.toolbar-right[data-v-1f16408c]{display:flex;align-items:center;gap:8px}.tool-btn[data-v-1f16408c]{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:13px;color:#374151;cursor:pointer;transition:all .15s}.tool-btn[data-v-1f16408c]:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.tool-btn[data-v-1f16408c]:disabled{opacity:.5;cursor:not-allowed}.tool-btn.danger[data-v-1f16408c]:hover:not(:disabled){background:#fef2f2;border-color:#fecaca;color:#dc2626}.btn-icon[data-v-1f16408c]{font-size:14px}.main-content[data-v-1f16408c]{flex:1;display:flex;overflow:hidden}.panel[data-v-1f16408c]{display:flex;flex-direction:column;background:#fff;overflow:hidden}.input-panel[data-v-1f16408c]{width:40%;border-right:1px solid #e5e7eb}.output-panel[data-v-1f16408c]{flex:1}.panel-header[data-v-1f16408c]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.panel-title[data-v-1f16408c]{font-size:13px;font-weight:600;color:#374151}.copy-btn[data-v-1f16408c]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;font-size:14px;transition:all .15s}.copy-btn[data-v-1f16408c]:hover:not(:disabled){background:#f3f4f6}.copy-btn[data-v-1f16408c]:disabled{opacity:.5;cursor:not-allowed}.output-actions[data-v-1f16408c]{display:flex;align-items:center;gap:6px}.action-btn[data-v-1f16408c]{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s}.action-btn[data-v-1f16408c]:hover:not(:disabled){background:#f3f4f6}.action-btn[data-v-1f16408c]:disabled{opacity:.5;cursor:not-allowed}.action-btn.primary[data-v-1f16408c]{background:#2563eb;color:#fff;border-color:#2563eb}.action-btn.primary[data-v-1f16408c]:hover:not(:disabled){background:#1d4ed8}.code-editor[data-v-1f16408c]{flex:1;width:100%;padding:16px;border:none;outline:none;resize:none;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;line-height:1.6;color:#374151;background:#fff}.code-editor[data-v-1f16408c]::placeholder{color:#9ca3af}.output-content[data-v-1f16408c]{flex:1;overflow:auto;background:#fafafa}.code-output[data-v-1f16408c]{display:flex;min-height:100%}.line-numbers[data-v-1f16408c]{display:flex;flex-direction:column;padding:16px 0;background:#f3f4f6;border-right:1px solid #e5e7eb;user-select:none}.line-numbers span[data-v-1f16408c]{padding:0 12px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;line-height:1.6;color:#9ca3af;text-align:right;min-width:40px}.code-content[data-v-1f16408c]{flex:1;margin:0;padding:16px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-all}.code-content[data-v-1f16408c] .json-key{color:#0550ae}.code-content[data-v-1f16408c] .json-string{color:#0a3069}.code-content[data-v-1f16408c] .json-string-json{color:#953800;background:#fff8e6;padding:1px 3px;border-radius:2px}.code-content[data-v-1f16408c] .json-number{color:#0550ae}.code-content[data-v-1f16408c] .json-boolean{color:#cf222e}.code-content[data-v-1f16408c] .json-null{color:#6e7781}.error-box[data-v-1f16408c]{padding:20px}.error-title[data-v-1f16408c]{font-size:14px;font-weight:600;color:#dc2626;margin-bottom:8px}.error-message[data-v-1f16408c]{font-family:monospace;font-size:13px;color:#dc2626;background:#fef2f2;padding:12px;border-radius:6px}.stats-bar[data-v-1f16408c]{display:flex;gap:16px;padding:8px 16px;border-top:1px solid #e5e7eb;background:#f9fafb;font-size:12px;color:#6b7280}.warning-text[data-v-1f16408c]{color:#d97706}.resizer[data-v-1f16408c]{width:6px;background:#e5e7eb;cursor:col-resize;transition:background .2s}.resizer[data-v-1f16408c]:hover{background:#2563eb}.compare-mode[data-v-1f16408c]{flex-direction:column}.compare-stats-inline[data-v-1f16408c]{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;padding:0 8px}.stat-identical[data-v-1f16408c],.stat-added[data-v-1f16408c]{color:#059669}.stat-removed[data-v-1f16408c]{color:#dc2626}.stat-changed[data-v-1f16408c]{color:#d97706}.compare-panels[data-v-1f16408c]{flex:1;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.compare-panels .panel[data-v-1f16408c]{border-right:1px solid #e5e7eb}.compare-panels .panel[data-v-1f16408c]:last-child{border-right:none}.compare-content[data-v-1f16408c]{flex:1;overflow:auto;position:relative}.compare-content .code-editor[data-v-1f16408c]{position:absolute;inset:0;height:100%}.diff-view[data-v-1f16408c]{font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;line-height:1.6}.diff-line[data-v-1f16408c]{padding:0 16px;white-space:pre}.diff-line.added[data-v-1f16408c]{background:#d1fae5}.diff-line.removed[data-v-1f16408c]{background:#fee2e2}.diff-line.changed-old[data-v-1f16408c]{background:#fef3c7}.diff-line.changed-new[data-v-1f16408c]{background:#bbf7d0}@media (max-width: 1024px){.main-content[data-v-1f16408c]{flex-direction:column}.input-panel[data-v-1f16408c]{width:100%!important;min-height:40vh;border-right:none;border-bottom:1px solid #e5e7eb}.resizer[data-v-1f16408c]{display:none}.compare-panels[data-v-1f16408c]{grid-template-columns:1fr}}@media (max-width: 768px){.toolbar[data-v-1f16408c]{flex-direction:column;gap:12px;align-items:stretch}.toolbar-left[data-v-1f16408c],.toolbar-right[data-v-1f16408c]{justify-content:center}.output-actions[data-v-1f16408c]{flex-wrap:wrap;justify-content:center}}.tool-btn.primary[data-v-1f16408c]{background:#2563eb;color:#fff;border-color:#2563eb}.tool-btn.primary[data-v-1f16408c]:hover{background:#1d4ed8;border-color:#1d4ed8}.valid-badge[data-v-1f16408c]{display:flex;align-items:center;gap:4px;font-size:12px;color:#059669;background:#d1fae5;padding:4px 10px;border-radius:4px;margin-left:auto;margin-right:8px}.clear-history-btn[data-v-1f16408c]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:#9ca3af;cursor:pointer;transition:all .15s;margin-left:4px}.clear-history-btn[data-v-1f16408c]:hover{background:#fef2f2;color:#dc2626}.history-tags[data-v-1f16408c]{display:flex;gap:8px;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.history-tags[data-v-1f16408c]::-webkit-scrollbar{height:6px}.history-tags[data-v-1f16408c]::-webkit-scrollbar-track{background:transparent}.history-tags[data-v-1f16408c]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.history-tags[data-v-1f16408c]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.history-tag[data-v-1f16408c]{display:flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:12px;color:#6b7280;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0;user-select:none}.history-tag[data-v-1f16408c]:hover{background:#f3f4f6;border-color:#d1d5db}.history-tag:hover .tag-delete[data-v-1f16408c]{opacity:1}.history-tag.active[data-v-1f16408c]{background:#2563eb;color:#fff;border-color:#2563eb}.history-tag.active .tag-delete[data-v-1f16408c]{color:#ffffffb3}.history-tag.active .tag-delete[data-v-1f16408c]:hover{color:#fff;background:#fff3}.history-tag.dragging[data-v-1f16408c]{opacity:.4;transform:scale(.95);background:#e5e7eb}.history-tag.drag-over[data-v-1f16408c]{border-color:#2563eb;background:#eff6ff;transform:scale(1.02)}.history-tag[draggable=true][data-v-1f16408c]{cursor:grab}.history-tag[draggable=true][data-v-1f16408c]:active{cursor:grabbing}.drag-handle[data-v-1f16408c]{color:#d1d5db;cursor:grab;font-size:12px;margin-right:2px}.drag-handle[data-v-1f16408c]:hover{color:#9ca3af}.history-tag.active .drag-handle[data-v-1f16408c]{color:#fff9}.history-tag.active .drag-handle[data-v-1f16408c]:hover{color:#ffffffe6}.tag-name[data-v-1f16408c]{max-width:120px;overflow:hidden;text-overflow:ellipsis}.tag-delete[data-v-1f16408c]{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:none;color:#9ca3af;cursor:pointer;border-radius:3px;opacity:0;transition:all .15s;margin-left:2px;padding:0;font-size:12px}.tag-delete[data-v-1f16408c]:hover{background:#dc26261a;color:#dc2626}.edit-input[data-v-1f16408c]{border:none;outline:none;background:transparent;font-size:12px;color:inherit;width:80px;padding:0}.history-tag.active .edit-input[data-v-1f16408c]{color:#fff}