.document-wrapper:has(.json-compare-page){border:none;height:100%;padding-bottom:0}.document-wrapper:has(.json-compare-page) .document-wrapper__body{height:100%;padding:0}.json-compare-page{--controller-width:140px;flex-wrap:wrap;height:calc(100vh - 86px);min-height:0;display:flex}@media (min-width:1600px){.json-compare-page{--controller-width:164px}}.json-compare-page.mode-left .json-editor-panel-right{visibility:hidden;opacity:0;flex:0 0 0;animation:ease-in-out fade-out}.json-compare-page.mode-left .json-editor-panel-left{flex:0 0 calc(100% - var(--controller-width));max-width:calc(100% - var(--controller-width));animation:ease-in-out fade-in}.json-compare-page.mode-right .json-editor-panel-left{visibility:hidden;opacity:0;flex:0 0 0;animation:ease-in-out fade-out;display:none}.json-compare-page.mode-right .json-editor-panel-right{flex:0 0 calc(100% - (var(--controller-width)));max-width:calc(100% - (var(--controller-width)));animation:ease-in-out fade-in}.json-compare-page .json-editor-panel{flex:0 0 calc(50% - var(--controller-width)/2);max-width:calc(50% - var(--controller-width)/2);flex-direction:column;height:100%;min-height:0;display:flex}@media screen and (max-width:576px){.json-compare-page .json-editor-panel{flex:0 0 100%;max-width:100%}.json-compare-page .json-editor-panel.json-editor-panel-right{display:none}}.json-compare-page .json-editor-panel .json-editor-panel-footer{flex-shrink:0;padding:6px 8px;position:static}.json-compare-page .json-editor-panel .json-editor-panel-footer .json-editor-name-field{cursor:text;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.json-compare-page .json-editor-panel .json-editor-panel-footer .json-editor-name-field .json-editor-side-title{text-align:center;min-width:0;color:var(--text-color,inherit);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;outline:none;flex:0 auto;padding:2px 0;font-size:16px;font-weight:600;line-height:1.4;overflow:hidden}.json-compare-page .json-editor-panel .json-editor-panel-footer .json-editor-name-field .json-editor-side-title::placeholder{opacity:.55;font-weight:400}.json-compare-page .json-editor-panel .json-editor-panel-content{flex:1;width:100%;min-height:0}.json-compare-page .json-editor-panel .json-editor-panel-content .json-node{box-shadow:inset 3px 0 0 var(--diff-border-color,transparent);border-radius:6px}.json-compare-page .json-editor-panel .json-editor-panel-content .json-node.diff-create,.json-compare-page .json-editor-panel .json-editor-panel-content .json-node.diff-update,.json-compare-page .json-editor-panel .json-editor-panel-content .json-node.diff-remove{background-color:var(--diff-bg-color)!important}.json-compare-page .json-editor-panel .json-editor-panel-content .json-node.diff-parent{box-shadow:none;background-color:#0000!important}.json-compare-page .json-editor-panel .json-editor-panel-content .json-node.diff-parent:not(.jse-expanded)>.jse-header-outer{box-shadow:inset 3px 0 0 var(--diff-border-color,transparent);background-color:var(--diff-bg-color)!important}.json-compare-page .json-editor-panel .json-editor-panel-content .diff-create{--diff-bg-color:#22c55e2e;--diff-border-color:#22a04b}.json-compare-page .json-editor-panel .json-editor-panel-content .diff-update{--diff-bg-color:#b5812333;--diff-border-color:#b58123}.json-compare-page .json-editor-panel .json-editor-panel-content .diff-remove{--diff-bg-color:#feebe7;--diff-border-color:#c65f49}.json-compare-page .json-editor-controller{flex:0 0 var(--controller-width);min-width:var(--controller-width);z-index:2;background-color:var(--bg-secondary);color:var(--text-color);flex-direction:column;align-items:center;padding-top:20px;font-size:.9rem;transition:background-color .3s,color .3s;display:flex;position:relative}@media screen and (max-width:576px){.json-compare-page .json-editor-controller{flex:0 0 0;display:none}}.json-compare-page .json-editor-controller .json-editor-controller-switch-tree-mode{cursor:pointer;margin-top:10px;font-size:.8rem}.json-compare-page .json-editor-controller .json-editor-controller-switch-tree-mode span{color:#d8503b;font-weight:600;text-decoration:underline}.json-compare-page .json-editor-controller-diff-count{text-align:center;color:var(--text-color);margin-top:10px;font-size:.9rem}.json-compare-page .json-editor-controller-seciton{flex-direction:column;align-items:center;width:100%;display:flex}.json-compare-page .json-editor-controller-seciton:not(:last-child){margin-bottom:1rem}.json-compare-page .json-editor-controller-title{color:var(--text-color);margin-bottom:.5rem;font-weight:600}.json-compare-page .json-editor-controller-content{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;min-width:0;padding:0 1rem;display:flex}.json-compare-page .json-editor-controller-content .ant-select,.json-compare-page .json-editor-controller-content .ant-btn{max-width:100%}.json-compare-page .json-editor-controller .ant-checkbox-wrapper{width:100%;color:var(--text-color);white-space:nowrap}.json-compare-page .json-editor-controller .ant-checkbox-wrapper span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.json-compare-page .json-editor-controller .json-editor-compare-button .ant-checkbox-wrapper{width:auto}.json-compare-page .json-editor-controller .json-editor-compare-button .ant-checkbox-wrapper span:last-child{text-overflow:clip;overflow:visible}@keyframes fade-in{0%{opacity:1;visibility:visible;flex:0 0 0;display:flex}to{opacity:1;visibility:visible;flex:0 0 calc(100% - var(--controller-width))}}@keyframes fade-out{0%{opacity:1;visibility:visible;flex:0 0 calc(100% - var(--controller-width))}to{opacity:0;visibility:hidden;flex:0 0 0;display:none}}:root.dark .json-compare-page .json-editor-panel-content .diff-create{--diff-bg-color:#0d2818;--diff-border-color:#2ea043;--jse-contents-background-color:transparent}:root.dark .json-compare-page .json-editor-panel-content .diff-update{--diff-bg-color:#2a1f00;--diff-border-color:#d29922;--jse-contents-background-color:transparent}:root.dark .json-compare-page .json-editor-panel-content .diff-remove{--diff-bg-color:#2d0f0b;--diff-border-color:#f85149;--jse-contents-background-color:transparent}:root.dark .json-compare-page .json-editor-controller{color:#fff!important;background-color:#2d2d2d!important}:root.dark .json-compare-page .json-editor-controller .json-editor-controller-title,:root.dark .json-compare-page .json-editor-controller .json-editor-controller-diff-count,:root.dark .json-compare-page .json-editor-controller .ant-checkbox-wrapper{color:#fff!important}:root.dark .json-compare-page .json-editor-controller .ant-btn-default{color:#fff!important;background-color:#404040!important;border-color:#555!important}:root.dark .json-compare-page .json-editor-controller .ant-btn-default:hover{border-color:var(--tool-theme-bg-color)!important;color:var(--tool-theme-bg-color)!important}