.json-diff[data-v-56176468]{width:100%;margin:0 auto;padding:20px}.json-diff .diff-container[data-v-56176468]{background:var(--surface);border-radius:var(--radius-md);padding:30px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.json-diff .input-section[data-v-56176468]{margin-bottom:30px}.json-diff .input-pair[data-v-56176468]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.json-diff .input-group label[data-v-56176468]{display:block;margin-bottom:8px;font-weight:700;color:var(--text-1);font-size:16px}.json-diff .input-group i[data-v-56176468]{margin-right:5px;color:var(--brand-500)}.json-diff .json-input[data-v-56176468]{width:100%;min-height:200px;padding:15px;border:2px solid var(--border-1);border-radius:var(--radius-md);font-family:Monaco,Consolas,monospace;font-size:14px;line-height:1.5;resize:vertical}.json-diff .json-input[data-v-56176468]:focus{outline:none;border-color:var(--brand-500)}.json-diff .controls[data-v-56176468]{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.json-diff .clear-btn[data-v-56176468],.json-diff .compare-btn[data-v-56176468],.json-diff .example-btn[data-v-56176468]{padding:12px 24px;border:none;border-radius:var(--radius-md);font-size:16px;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:8px}.json-diff .compare-btn[data-v-56176468]{background:var(--brand-500);color:var(--text-inverse)}.json-diff .compare-btn[data-v-56176468]:hover:not(:disabled){background:var(--brand-600);transform:translateY(-2px)}.json-diff .compare-btn[data-v-56176468]:disabled{background:#bdc3c7;cursor:not-allowed}.json-diff .clear-btn[data-v-56176468]{background:#95a5a6;color:var(--text-inverse)}.json-diff .clear-btn[data-v-56176468]:hover{background:#7f8c8d;transform:translateY(-2px)}.json-diff .example-btn[data-v-56176468]{background:var(--warning);color:var(--text-inverse)}.json-diff .example-btn[data-v-56176468]:hover{background:#e67e22;transform:translateY(-2px)}.json-diff .result-section[data-v-56176468]{margin-top:30px}.json-diff .result-section h3[data-v-56176468]{color:var(--text-1);margin-bottom:15px;font-size:20px}.json-diff .result-stats[data-v-56176468]{display:flex;gap:20px;margin-bottom:20px;justify-content:center}.json-diff .stat-item[data-v-56176468]{text-align:center;padding:15px 25px;border-radius:var(--radius-md);min-width:100px}.json-diff .stat-item.added[data-v-56176468]{background:var(--success-soft);border:2px solid var(--success)}.json-diff .stat-item.modified[data-v-56176468]{background:var(--warning-soft);border:2px solid var(--warning)}.json-diff .stat-item.deleted[data-v-56176468]{background:var(--danger-soft);border:2px solid var(--danger)}.json-diff .stat-number[data-v-56176468]{display:block;font-size:24px;font-weight:700;margin-bottom:5px}.json-diff .stat-item.added .stat-number[data-v-56176468]{color:var(--success)}.json-diff .stat-item.modified .stat-number[data-v-56176468]{color:var(--warning)}.json-diff .stat-item.deleted .stat-number[data-v-56176468]{color:var(--danger)}.json-diff .stat-label[data-v-56176468]{font-size:14px;color:var(--text-1)}.json-diff .visual-diff-section[data-v-56176468]{margin-bottom:20px}.json-diff .visual-diff-section h4[data-v-56176468]{color:var(--text-1);margin-bottom:10px;font-size:18px}.json-diff .diff-output[data-v-56176468]{background:var(--surface-2);border:2px solid var(--border-1);border-radius:var(--radius-md);padding:20px;margin-bottom:20px}.json-diff .diff-output pre[data-v-56176468]{margin:0;font-family:Monaco,Consolas,monospace;font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.json-diff[data-v-56176468] .side-by-side-diff{display:flex;gap:0;border:1px solid var(--border-2);border-radius:var(--radius-sm);overflow:hidden;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:12px;line-height:1.5;background:var(--surface)}.json-diff[data-v-56176468] .diff-column{flex:1;min-width:0;border-right:1px solid var(--border-2)}.json-diff[data-v-56176468] .diff-column:last-child{border-right:none}.json-diff[data-v-56176468] .column-header{background-color:var(--surface-2);border-bottom:1px solid var(--border-2);padding:8px 16px;font-weight:600;color:var(--text-1);text-align:center;font-size:13px}.json-diff[data-v-56176468] .diff-line{display:flex;min-height:20px;border-bottom:1px solid var(--border-1)}.json-diff[data-v-56176468] .diff-line:last-child{border-bottom:none}.json-diff[data-v-56176468] .diff-line:hover{background-color:var(--surface-3)}.json-diff[data-v-56176468] .deleted-content{background-color:#ffebe9}.json-diff[data-v-56176468] .added-content{background-color:#e6ffec}.json-diff[data-v-56176468] .unchanged-content{background-color:var(--surface)}.json-diff[data-v-56176468] .empty-content{background-color:var(--surface-2);color:#d1d5da}.json-diff[data-v-56176468] .diff-line .line-number{width:50px;padding:0 8px;text-align:right;color:var(--text-2);background-color:var(--surface-2);border-right:1px solid var(--border-2);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;line-height:20px;font-size:11px}.json-diff[data-v-56176468] .diff-line .line-content{flex:1;padding:0 8px;white-space:pre;word-break:break-all;line-height:20px;font-size:12px}.json-diff .diff-header[data-v-56176468]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px 0}.json-diff .fullscreen-btn[data-v-56176468]{padding:8px 16px;border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-1);font-size:14px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all var(--transition)}.json-diff .fullscreen-btn[data-v-56176468]:hover{background:var(--surface-3);border-color:var(--border-2)}.json-diff .fullscreen-mode[data-v-56176468]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--z-fullscreen);background:var(--surface);padding:20px;margin:0;border-radius:0;overflow:auto}.json-diff .fullscreen-mode .diff-header[data-v-56176468]{position:sticky;top:0;background:var(--surface);z-index:1;padding:15px 0;border-bottom:1px solid var(--border-2);margin-bottom:20px}.json-diff .fullscreen-mode[data-v-56176468] .side-by-side-diff{height:calc(100vh - 100px);border:none;border-radius:0;margin:0}.json-diff .fullscreen-mode[data-v-56176468] .diff-column{height:100%;overflow-y:auto}.json-diff .fullscreen-content[data-v-56176468]{height:calc(100vh - 120px);overflow:hidden}@media (max-width:768px){.json-diff[data-v-56176468] .side-by-side-diff{flex-direction:column}.json-diff[data-v-56176468] .diff-column{border-right:none;border-bottom:1px solid var(--border-2)}.json-diff[data-v-56176468] .diff-column:last-child{border-bottom:none}.json-diff .fullscreen-mode[data-v-56176468]{padding:10px}.json-diff .fullscreen-mode[data-v-56176468] .side-by-side-diff{height:calc(100vh - 80px)}.json-diff .fullscreen-mode[data-v-56176468] .diff-column{height:50%}}.json-diff .diff-row[data-v-56176468],.json-diff .git-diff-container[data-v-56176468],.json-diff .git-diff-content[data-v-56176468],.json-diff .git-diff-header[data-v-56176468],.json-diff .line-marker[data-v-56176468]{display:none}.json-diff .actions[data-v-56176468]{display:flex;gap:15px;justify-content:center}.json-diff .copy-btn[data-v-56176468],.json-diff .download-btn[data-v-56176468]{padding:10px 20px;border:none;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:5px}.json-diff .copy-btn[data-v-56176468]{background:var(--brand-500);color:var(--text-inverse)}.json-diff .copy-btn[data-v-56176468]:hover{background:var(--brand-600)}.json-diff .download-btn[data-v-56176468]{background:var(--success);color:var(--text-inverse)}.json-diff .download-btn[data-v-56176468]:hover{background:#219a52}.json-diff .error-message[data-v-56176468]{background:var(--danger-soft);color:#721c24;border:1px solid #f5c6cb;border-radius:var(--radius-md);padding:15px;margin-top:20px;display:flex;align-items:center;gap:10px}@media (max-width:768px){.json-diff .input-pair[data-v-56176468]{grid-template-columns:1fr}.json-diff .controls[data-v-56176468]{flex-direction:column;align-items:stretch}.json-diff .result-stats[data-v-56176468]{flex-direction:column;align-items:center}.json-diff .actions[data-v-56176468]{flex-direction:column;align-items:stretch}.json-diff .diff-container[data-v-56176468]{padding:16px}.json-diff .input-pair[data-v-56176468]{gap:14px}.json-diff .json-input[data-v-56176468]{font-size:16px;min-height:160px}.json-diff .diff-output[data-v-56176468]{padding:14px}.json-diff .diff-header[data-v-56176468]{flex-direction:column;align-items:stretch;gap:10px}.json-diff .fullscreen-btn[data-v-56176468]{justify-content:center}}@media (max-width:480px){.json-diff[data-v-56176468]{padding:10px}.json-diff .diff-container[data-v-56176468]{padding:12px}.json-diff .stat-item[data-v-56176468]{width:100%;padding:12px 16px}.json-diff .clear-btn[data-v-56176468],.json-diff .compare-btn[data-v-56176468],.json-diff .copy-btn[data-v-56176468],.json-diff .download-btn[data-v-56176468],.json-diff .example-btn[data-v-56176468]{justify-content:center;font-size:15px}.json-diff .diff-output[data-v-56176468]{padding:12px}.json-diff[data-v-56176468] .diff-line .line-number{width:36px;padding:0 4px}}