.djv-container{background:#171717;border:1px solid var(--border-color);border-radius:10px;overflow:hidden;font-family:JetBrains Mono,Consolas,Monaco,monospace;display:flex;flex-direction:column}.djv-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#111;border-bottom:1px solid #2a2a2a}.djv-label{font-size:.75rem;font-weight:600;color:#e5e5e5;text-transform:uppercase;letter-spacing:.5px}.djv-info{font-size:.7rem;color:#737373}.djv-content{overflow:auto;flex:1}.djv-lines{display:table;width:100%;font-size:.8rem;line-height:1.6;color:#e5e5e5}.djv-line{display:table-row}.djv-line:hover{background:#ffffff0d}.djv-line-num{display:table-cell;width:50px;min-width:50px;padding:0 12px;text-align:right;color:#737373;user-select:none;background:#111;border-right:1px solid #2a2a2a;position:sticky;left:0;z-index:1}.djv-line-indicator{display:table-cell;width:24px;min-width:24px;text-align:center;font-weight:700;user-select:none}.djv-line-content{display:table-cell;padding:0 16px;white-space:pre}.djv-line.djv-added{background:#a6e3a126}.djv-line.djv-added .djv-line-indicator{color:#a6e3a1}.djv-line.djv-added .djv-line-num{background:#a6e3a133;color:#a6e3a1}.djv-line.djv-removed{background:#f38ba826}.djv-line.djv-removed .djv-line-indicator{color:#f38ba8}.djv-line.djv-removed .djv-line-num{background:#f38ba833;color:#f38ba8}.djv-line.djv-type-changed{background:#facc1526}.djv-line.djv-type-changed .djv-line-indicator{color:#facc15}.djv-line.djv-type-changed .djv-line-num{background:#facc1533;color:#facc15}.djv-line.djv-value-changed{background:#8b5cf626}.djv-line.djv-value-changed .djv-line-indicator{color:#a78bfa}.djv-line.djv-value-changed .djv-line-num{background:#8b5cf633;color:#a78bfa}.djv-line.djv-unchanged{opacity:.5}.djv-key{color:#89b4fa}.djv-string{color:#a6e3a1}.djv-number{color:#fab387}.djv-boolean{color:#cba6f7}.djv-null{color:#f38ba8}.djv-bracket{color:#f9e2af}.djv-colon,.djv-comma{color:#6c7086}.djv-empty{color:#6c7086;font-style:italic;padding:20px;text-align:center}.djv-error{color:#f38ba8;padding:16px;display:block}.djv-fold{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-right:4px;background:#313244;border:none;border-radius:3px;color:#6c7086;cursor:pointer;font-size:10px;vertical-align:middle;transition:all .15s ease}.djv-fold:hover{background:#45475a;color:#cdd6f4}.djv-fold.collapsed{transform:rotate(-90deg)}.djv-line.collapsed-line{display:none!important}.djv-ellipsis{color:#6c7086;font-style:italic;cursor:pointer}.djv-ellipsis:hover{color:#89b4fa}.jd-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.jd-options-bar{display:flex;align-items:center;gap:var(--spacing-md);padding:10px var(--spacing-md);background:var(--meta-bg);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.jd-options-label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.jd-options{display:flex;gap:var(--spacing-md);flex-wrap:wrap;flex:1}.jd-view-selector{display:flex;gap:4px;margin-left:auto;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:4px}.jd-view-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.jd-view-btn:hover{background:var(--meta-bg);color:var(--text-main)}.jd-view-btn-active,.jd-view-btn-active:hover{background:var(--brand-blue);color:#fff}.jd-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.jd-toggle input{display:none}.jd-toggle-slider{position:relative;width:36px;height:20px;background:var(--meta-bg);border:1px solid var(--border-color);border-radius:20px;transition:all .2s ease}.jd-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--text-muted);border-radius:50%;transition:all .2s ease}.jd-toggle input:checked+.jd-toggle-slider{background:var(--brand-blue);border-color:var(--brand-blue)}.jd-toggle input:checked+.jd-toggle-slider:after{left:18px;background:#fff}.jd-toggle-label{font-size:.85rem;color:var(--text-main)}.jd-input-section{position:relative}.jd-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.jd-input-panel{display:flex;flex-direction:column;gap:var(--spacing-sm)}.jd-input-header{display:flex;justify-content:space-between;align-items:center}.jd-field-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.jd-actions{display:flex;gap:var(--spacing-sm)}.jd-btn-action{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:500;background:var(--meta-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.jd-btn-action:hover{background:var(--card-bg);color:var(--text-main);border-color:var(--text-muted)}.jd-btn-action svg{flex-shrink:0}.jd-textarea{width:100%;height:150px;padding:var(--spacing-md);font-family:JetBrains Mono,Consolas,monospace;font-size:.85rem;line-height:1.6;background:var(--card-bg);color:var(--text-main);border:1px solid var(--border-color);border-radius:10px;resize:none}.jd-textarea:focus{outline:none;border-color:var(--brand-blue)}.jd-textarea::placeholder{color:var(--text-muted)}.jd-resize-handle{display:flex;align-items:center;justify-content:center;height:16px;cursor:ns-resize;user-select:none;margin:-4px 0}.jd-resize-grip{display:flex;gap:3px;padding:4px 12px;background:var(--meta-bg);border-radius:4px;transition:background .15s}.jd-resize-handle:hover .jd-resize-grip{background:var(--border-color)}.jd-resize-grip span{width:4px;height:4px;background:var(--text-muted);border-radius:50%}.jd-swap-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.jd-swap-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.jd-swap-btn:hover{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff;transform:scale(1.1)}.jd-swap-btn:active{transform:scale(.95)}.jd-error{display:none;padding:var(--spacing-md);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:10px;color:var(--danger-text);font-size:.9rem}.jd-error.show{display:block}.jd-results{display:none;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;background:var(--card-bg)}.jd-results.show{display:block}.jd-stats{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.jd-stat{display:flex;align-items:center;gap:4px;font-size:.75rem;padding:4px 10px;border-radius:6px;border:none;cursor:pointer;transition:all .15s;font-family:inherit}.jd-stat:hover{transform:scale(1.02)}.jd-stat-icon{font-weight:700;font-size:.9rem}.jd-stat-label{color:inherit;opacity:.8;font-size:.65rem;text-transform:uppercase;letter-spacing:.3px}.jd-stat-extra.jd-stat-active{background:#a6e3a126;color:#a6e3a1}.jd-stat-missing.jd-stat-active{background:#f38ba826;color:#f38ba8}.jd-stat-type.jd-stat-active{background:#facc1526;color:#facc15}.jd-stat-value.jd-stat-active{background:#8b5cf626;color:#a78bfa}.jd-stat:not(.jd-stat-active){background:#6464641a;color:#666;opacity:.6}.jd-stat:not(.jd-stat-active):hover{opacity:.8}.jd-view{display:none}.jd-view.jd-view-active{display:block}.jd-sbs-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#111;border-bottom:1px solid #2a2a2a}.jd-side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:0}.jd-side-by-side .djv-container{border-radius:0;border-left:none;border-right:none;border-bottom:none;border-top:none}.jd-side-by-side .djv-container:first-child{border-right:1px solid var(--border-color)}.jd-fullscreen{position:fixed!important;inset:0!important;z-index:9999!important;background:#171717!important;border-radius:0!important;display:flex;flex-direction:column}.jd-fullscreen .jd-sbs-toolbar{flex-shrink:0}.jd-fullscreen .jd-side-by-side{flex:1;height:calc(100vh - 50px)}.jd-fullscreen .djv-container{height:100%}.jd-fullscreen .djv-content{height:calc(100vh - 90px)!important}.djv-line.djv-empty-line{background:#ffffff08}.djv-line.djv-empty-line .djv-line-content{color:transparent;user-select:none}.djv-line.djv-empty-line .djv-line-num,.djv-line.djv-empty-line .djv-line-indicator{color:#404040}.djv-line.djv-hidden-diff{background:transparent}.djv-line.djv-hidden-diff .djv-line-indicator{color:transparent}.jd-unified-container{background:#171717;border-radius:10px;overflow:hidden}.jd-unified-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#111;border-bottom:1px solid #2a2a2a}.jd-unified-label{font-size:.85rem;font-weight:600;color:#e5e5e5}.jd-unified-content{font-family:JetBrains Mono,monospace;font-size:.9rem;padding:var(--spacing-md);color:#e5e5e5}.jd-unified-content .djv-line{padding:10px 12px;margin-bottom:8px;border-radius:8px;background:#1e1e1e;border:1px solid #2a2a2a;line-height:1.6}.jd-unified-content .djv-line:last-child{margin-bottom:0}.jd-unified-content .djv-line.djv-added{background:#a6e3a11a;border-color:#a6e3a14d}.jd-unified-content .djv-line.djv-removed{background:#f38ba81a;border-color:#f38ba84d}.jd-unified-content .djv-line.djv-type-changed{background:#facc151a;border-color:#facc154d}.jd-unified-content .djv-line.djv-value-changed{background:#8b5cf61a;border-color:#8b5cf64d}.jd-unified-tag{display:inline-block;padding:4px 10px;margin-right:12px;font-size:.7rem;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.djv-added .jd-unified-tag{background:#a6e3a14d;color:#a6e3a1}.djv-removed .jd-unified-tag{background:#f38ba84d;color:#f38ba8}.djv-type-changed .jd-unified-tag{background:#facc154d;color:#facc15}.djv-value-changed .jd-unified-tag{background:#8b5cf64d;color:#a78bfa}.jd-report-container{background:#171717;border-radius:10px;overflow:hidden}.jd-report-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:#111;border-bottom:1px solid #2a2a2a}.jd-report-label{font-size:.85rem;font-weight:700;color:#e5e5e5}.jd-report-actions{display:flex;gap:var(--spacing-sm)}.jd-report-content{padding:var(--spacing-lg);background:#171717}.jd-report-empty{text-align:center;padding:var(--spacing-xl);color:#e5e5e5;font-size:1rem}.jd-report-section{margin-bottom:var(--spacing-lg);border-radius:12px;overflow:hidden;border:2px solid #2a2a2a;background:#1a1a1a}.jd-report-section:last-child{margin-bottom:0}.jd-report-section-header{padding:12px 16px;font-weight:700;font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.1)}.jd-report-section-desc{padding:8px 16px 12px;font-size:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.jd-report-extra .jd-report-section-header{background:#a6e3a133;color:#a6e3a1;border-left:4px solid #a6e3a1}.jd-report-extra .jd-report-section-desc{background:#a6e3a114;color:#a6e3a1}.jd-report-missing .jd-report-section-header{background:#f38ba833;color:#f38ba8;border-left:4px solid #f38ba8}.jd-report-missing .jd-report-section-desc{background:#f38ba814;color:#f38ba8}.jd-report-type .jd-report-section-header{background:#facc1533;color:#facc15;border-left:4px solid #facc15}.jd-report-type .jd-report-section-desc{background:#facc1514;color:#facc15}.jd-report-value .jd-report-section-header{background:#8b5cf633;color:#a78bfa;border-left:4px solid #a78bfa}.jd-report-value .jd-report-section-desc{background:#8b5cf614;color:#a78bfa}.jd-report-section-content{padding:12px 16px;background:#1a1a1a}.jd-report-item{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:8px;margin-bottom:8px;background:#222;border:1px solid #333333}.jd-report-item:last-child{margin-bottom:0}.jd-report-item:hover{background:#2a2a2a;border-color:#404040}.jd-report-path{font-family:JetBrains Mono,monospace;font-size:.8rem;color:#60a5fa;background:transparent}.jd-report-value{font-family:JetBrains Mono,monospace;font-size:.75rem;color:#a3a3a3}.jd-report-change{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:JetBrains Mono,monospace;font-size:.75rem}.jd-report-expected{color:#a3a3a3}.jd-report-arrow{color:#737373}.jd-report-found{color:#e5e5e5}@media(max-width:900px){.jd-input-grid{grid-template-columns:1fr}.jd-swap-container{position:relative;top:auto;left:auto;transform:none;display:flex;justify-content:center;margin:var(--spacing-sm) 0}.jd-swap-btn:hover{transform:scale(1.1)}.jd-side-by-side{grid-template-columns:1fr}.jd-side-by-side .djv-container:first-child{border-right:none;border-bottom:1px solid var(--border-color)}.jd-stats{flex-direction:column;gap:var(--spacing-xs)}.jd-options-bar{flex-direction:column;align-items:flex-start}.jd-options{flex-direction:column;gap:var(--spacing-sm)}}
