.tool-main{flex-direction:column;flex:1;width:100%;max-width:100%;padding:0;display:flex;overflow:hidden}.tool-header{border-bottom:1px solid var(--color-border);background-color:var(--color-surface-raised);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.5rem 2rem;display:flex}.tool-header__title{flex-direction:column;gap:.25rem;display:flex}.tool-title{color:var(--color-text-title);margin:0;font-size:1.3rem;font-weight:700}.tool-subtitle{color:var(--color-text-muted);margin:0;font-size:.85rem}.view-toggle{border:1px solid var(--color-border);border-radius:6px;display:flex;overflow:hidden}.view-toggle__btn{border:none;border-right:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;padding:.35rem .85rem;font-size:.82rem;font-weight:500;transition:background-color .15s,color .15s}.view-toggle__btn:last-child{border-right:none}.view-toggle__btn:hover{background-color:var(--color-surface-raised);color:var(--color-text-primary)}.view-toggle__btn.is-active{background-color:var(--color-accent-bg);color:var(--color-accent)}.jd-editors-row{border-bottom:1px solid var(--color-border);flex-shrink:0;grid-template-columns:1fr 1fr;gap:0;display:grid}.jd-editor-pane{flex-direction:column;min-width:0;display:flex}.jd-editor-pane:first-child{border-right:1px solid var(--color-border)}.jd-editor-pane__label{background-color:var(--color-surface-raised);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;justify-content:space-between;align-items:center;padding:.4rem 1rem;font-size:.78rem;font-weight:600;display:flex}.jd-editor-clear-btn{color:var(--color-text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.1rem .35rem;font-size:.75rem;transition:color .15s}.jd-editor-clear-btn:hover{color:var(--color-text-primary)}.jd-text-editor{resize:vertical;background-color:var(--color-surface-deep);width:100%;height:220px;color:var(--color-text-primary);tab-size:4;white-space:pre;caret-color:var(--color-accent);border:none;outline:none;padding:.85rem 1rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.82rem;line-height:1.6;overflow-x:auto}.jd-text-editor::placeholder{color:var(--color-text-faint)}.jd-text-editor:focus{box-shadow:inset 0 0 0 1px var(--color-accent-bg)}.jd-text-editor.jd-input--error:focus{box-shadow:inset 0 0 0 1px var(--color-danger)}.jd-input--error{box-shadow:inset 0 0 0 1px var(--color-danger);border-color:var(--color-danger)!important}.jd-filter-bar{background-color:var(--color-surface-raised);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:.75rem;padding:.5rem 1.25rem;display:flex}.jd-filter-bar__input{background-color:var(--color-surface-deep);max-width:400px;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:5px;outline:none;flex:1;padding:.35rem .7rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.8rem;transition:border-color .15s}.jd-filter-bar__input::placeholder{color:var(--color-text-faint)}.jd-filter-bar__input:focus{border-color:var(--color-accent)}.jd-filter-bar__count{color:var(--color-text-muted);font-size:.78rem}.jd-stats{background-color:var(--color-surface-raised);border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:1.25rem;padding:.55rem 1.25rem;font-size:.8rem;display:flex}.jd-stats__item{font-variant-numeric:tabular-nums;font-weight:600}.jd-stats__item--add{color:var(--color-success)}.jd-stats__item--del{color:var(--color-danger)}.jd-stats__item--change{color:var(--color-warning)}.jd-stats__item--type{color:var(--color-accent)}.jd-stats__identical{color:var(--color-success);font-weight:600}.jd-stats__error{color:var(--color-danger);font-weight:500}.jd-stats__info{color:var(--color-text-muted);font-weight:500}.jd-output{flex:1;padding:1rem 1.25rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.82rem;line-height:1.6;overflow:auto}.jd-output--empty{color:var(--color-text-dim);justify-content:center;align-items:center;font-family:system-ui,sans-serif;font-size:.9rem;display:flex}.jd-tree{margin:0;padding:0;list-style:none}.jd-tree .jd-tree{border-left:1px solid var(--color-border);margin-left:1.5rem;padding-left:.75rem}.jd-tree__item{padding:.2rem 0}.jd-tree__key{color:var(--color-text-primary);font-weight:600}.jd-tree__colon{color:var(--color-text-muted);margin:0 .3rem}.jd-tree__value{color:var(--color-text-secondary)}.jd-tree__value--string{color:var(--color-success)}.jd-tree__value--number{color:var(--color-accent)}.jd-tree__value--boolean{color:var(--color-warning)}.jd-tree__value--null{color:var(--color-text-muted);font-style:italic}.jd-tree__bracket{color:var(--color-text-muted)}.jd-tree__annotation{text-transform:uppercase;letter-spacing:.03em;border-radius:3px;margin-left:.5rem;padding:.1rem .4rem;font-size:.72rem;font-weight:600;display:inline-block}.jd-tree__annotation--added{background-color:var(--color-diff-add-bg);color:var(--color-diff-add-text)}.jd-tree__annotation--removed{background-color:var(--color-diff-del-bg);color:var(--color-diff-del-text)}.jd-tree__annotation--changed{background-color:var(--color-warning-bg);color:var(--color-warning)}.jd-tree__annotation--type-changed{background-color:var(--color-accent-bg);color:var(--color-accent)}.jd-tree__old-value{opacity:.7;margin-right:.4rem;text-decoration:line-through}.jd-tree__new-value{font-weight:600}.jd-tree__item--added{background-color:var(--color-diff-add-bg);border-radius:3px;padding:.2rem .4rem}.jd-tree__item--removed{background-color:var(--color-diff-del-bg);border-radius:3px;padding:.2rem .4rem}.jd-flat-list{margin:0;padding:0;list-style:none}.jd-flat-empty{color:var(--color-text-dim);text-align:center}.jd-flat-item{border-bottom:1px solid var(--color-border);align-items:baseline;gap:.75rem;padding:.5rem .75rem;transition:background-color .1s;display:flex}.jd-flat-item:hover{background-color:var(--color-surface-raised)}.jd-flat-item:last-child{border-bottom:none}.jd-flat-item__badge{text-transform:uppercase;letter-spacing:.03em;text-align:center;border-radius:3px;flex-shrink:0;min-width:5ch;padding:.15rem .45rem;font-size:.7rem;font-weight:700;display:inline-block}.jd-flat-item__badge--added{background-color:var(--color-diff-add-bg);color:var(--color-diff-add-text)}.jd-flat-item__badge--removed{background-color:var(--color-diff-del-bg);color:var(--color-diff-del-text)}.jd-flat-item__badge--changed{background-color:var(--color-warning-bg);color:var(--color-warning)}.jd-flat-item__badge--type-changed{background-color:var(--color-accent-bg);color:var(--color-accent)}.jd-flat-item__path{color:var(--color-text-primary);word-break:break-all;min-width:0;font-weight:500}.jd-flat-item__detail{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:50%;margin-left:auto;font-size:.78rem;overflow:hidden}.jd-flat-item__old{opacity:.7;text-decoration:line-through}.jd-flat-item__arrow{color:var(--color-text-muted);margin:0 .3rem}.jd-flat-item__new{font-weight:600}@media (width<=700px){.tool-header{flex-direction:column;gap:.75rem;padding:1rem}.jd-editors-row{grid-template-columns:1fr}.jd-editor-pane:first-child{border-right:none;border-bottom:1px solid var(--color-border)}.jd-text-editor{height:140px}.jd-filter-bar{gap:.5rem;padding:.5rem .75rem}.jd-filter-bar__input{max-width:none}.jd-flat-item{flex-wrap:wrap}.jd-flat-item__detail{max-width:100%;margin-left:0}}