.json-diff-tool[data-v-9b794952]{width:100%;height:100vh;margin:0;box-sizing:border-box;display:flex;flex-direction:column}.diff-container[data-v-9b794952]{width:100%;height:100vh;margin-top:25px;box-sizing:border-box;display:flex;flex-direction:column}.editor-content[data-v-9b794952]{display:grid;grid-template-columns:1fr 1fr;gap:0;flex:1;min-height:0}.editor-section[data-v-9b794952]{background:var(--el-bg-color);border:1px solid var(--el-border-color-light);overflow:hidden;box-shadow:0 2px 8px #0000000f;transition:box-shadow .3s ease}.editor-section[data-v-9b794952]:first-child{border-radius:8px 0 0 8px;border-right:none}.editor-section[data-v-9b794952]:last-child{border-radius:0 8px 8px 0}.editor-section[data-v-9b794952]:hover{box-shadow:0 4px 16px #0000001a}.section-header[data-v-9b794952]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,var(--el-color-primary-light-9),var(--el-color-primary-light-8));border-bottom:1px solid var(--el-border-color-light)}.section-header h3[data-v-9b794952]{font-size:16px;font-weight:600;color:var(--el-color-primary);margin:0}.header-buttons[data-v-9b794952]{display:flex;align-items:center;gap:8px}.paste-btn[data-v-9b794952],.copy-btn[data-v-9b794952],.clear-btn[data-v-9b794952],.download-btn[data-v-9b794952],.compare-btn[data-v-9b794952],.format-btn[data-v-9b794952],.merge-btn[data-v-9b794952]{display:flex;align-items:center;gap:4px;color:var(--el-color-primary);transition:all .3s ease}.paste-btn[data-v-9b794952]:hover,.copy-btn[data-v-9b794952]:hover,.clear-btn[data-v-9b794952]:hover,.compare-btn[data-v-9b794952]:hover,.download-btn[data-v-9b794952]:hover,.format-btn[data-v-9b794952]:hover,.merge-btn[data-v-9b794952]:hover{color:var(--el-color-primary-dark-2);transform:scale(1.05)}.editor-wrapper[data-v-9b794952]{margin:0 20px 20px;height:calc(100% - 20px);border-radius:0 0 8px 8px;overflow:hidden}.codemirror-container[data-v-9b794952]{height:100%;border-radius:4px;overflow:hidden;border:1px solid var(--el-border-color-light)}.codemirror-container[data-v-9b794952] .cm-editor{height:100%}.codemirror-container[data-v-9b794952] .cm-scroller{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5}.codemirror-container[data-v-9b794952] .cm-focused{outline:none}@media (max-width: 768px){.json-diff-tool[data-v-9b794952]{padding:16px}.editor-content[data-v-9b794952]{grid-template-columns:1fr;gap:16px}.editor-section[data-v-9b794952]:first-child,.editor-section[data-v-9b794952]:last-child{border-radius:8px;border:1px solid var(--el-border-color-light)}.section-header[data-v-9b794952]{padding:12px 16px}.section-header h3[data-v-9b794952]{font-size:14px}.editor-wrapper[data-v-9b794952]{margin:0 16px 16px;height:300px}}@media (max-width: 480px){.json-diff-tool[data-v-9b794952]{padding:8px}.header-buttons[data-v-9b794952]{flex-wrap:wrap;gap:4px}.header-buttons .el-button[data-v-9b794952]{font-size:12px;padding:4px 8px}.editor-wrapper[data-v-9b794952]{margin:0 8px 8px;height:250px}}.editor-with-controls[data-v-9b794952]{position:relative;height:100%}.merge-controls[data-v-9b794952]{position:absolute;top:0;bottom:0;width:20px;pointer-events:none;z-index:1000}.left-controls[data-v-9b794952]{right:-10px}.right-controls[data-v-9b794952]{left:-10px}.merge-button-wrapper[data-v-9b794952]{position:absolute;pointer-events:auto;transform:translateY(-50%);opacity:0;transition:opacity .2s ease}.merge-button-wrapper[data-v-9b794952]:hover,.editor-with-controls:hover .merge-button-wrapper[data-v-9b794952]{opacity:1}.merge-line-btn[data-v-9b794952]{width:18px;height:18px;padding:0;border:1px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 1px 4px #0003;transition:all .2s ease;font-size:10px;min-height:18px}.merge-line-btn.el-button--danger[data-v-9b794952]{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-color:#fff9}.merge-line-btn.el-button--success[data-v-9b794952]{background:linear-gradient(135deg,#51cf66,#40c057);border-color:#fff9}.merge-line-btn[data-v-9b794952]:hover{transform:scale(1.15);box-shadow:0 2px 8px #0000004d}.merge-line-btn .el-icon[data-v-9b794952]{font-size:8px;line-height:1}@media (prefers-color-scheme: dark){.codemirror-container[data-v-9b794952]{border-color:var(--el-border-color-darker)}.merge-line-btn[data-v-9b794952]{border-color:var(--el-bg-color)}}.editor-content[data-v-9b794952]{animation:fadeInUp-9b794952 .6s ease-out}@keyframes fadeInUp-9b794952{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.codemirror-container[data-v-9b794952] .diff-deleted{background-color:#ff818266;border-radius:2px;padding:1px 2px;cursor:pointer;position:relative}.codemirror-container[data-v-9b794952] .diff-added{background-color:#a6e22e66;border-radius:2px;padding:1px 2px;cursor:pointer;position:relative}.codemirror-container[data-v-9b794952] .diff-unchanged{background-color:transparent}.codemirror-container[data-v-9b794952] .diff-deleted:hover{background-color:#ff818299}.codemirror-container[data-v-9b794952] .diff-added:hover{background-color:#a6e22e99}@media (prefers-color-scheme: dark){.codemirror-container[data-v-9b794952] .diff-deleted{background-color:#f851494d}.codemirror-container[data-v-9b794952] .diff-added{background-color:#2ea0434d}.codemirror-container[data-v-9b794952] .diff-deleted:hover{background-color:#f8514980}.codemirror-container[data-v-9b794952] .diff-added:hover{background-color:#2ea04380}}