body{height:100vh;overflow:hidden}.stats-bar{flex-shrink:0}main.toolkit-main{flex:1;min-height:0;display:flex;flex-direction:row;gap:0;padding:12px;overflow:hidden}.stats-bar{display:flex;align-items:center;flex-wrap:wrap;gap:0 20px;padding:5px 20px;border-bottom:1px solid var(--border);background:var(--bg);font-size:12px}.stat-item{display:flex;align-items:center;gap:4px}.stat-label{color:var(--text-dim)}.stat-value{font-family:var(--font-mono);color:var(--text-muted)}.input-pane{flex:0 0 360px;display:flex;flex-direction:column;gap:6px;min-width:160px;overflow:hidden}.pane-resizer{flex:0 0 9px;cursor:col-resize;background:0 0;position:relative;user-select:none;touch-action:none;margin:0 -2px;z-index:5}.pane-resizer::after{content:'';position:absolute;inset:0;left:3px;right:3px;border-left:1px solid var(--border);transition:border-color .15s,background .15s;border-radius:2px}.pane-resizer.pane-resizer--dragging::after,.pane-resizer:hover::after{border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border-left-width:2px}.pane-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);padding:0 2px;flex-shrink:0}.parse-status{font-size:13px;font-weight:700;transition:color .15s}.parse-status--ok{color:var(--added)}.parse-status--error{color:var(--removed);cursor:help}.drop-zone{flex:1;position:relative;min-height:0}.drop-zone textarea{width:100%;height:100%;resize:none;box-sizing:border-box;font-family:var(--font-mono);font-size:12.5px;line-height:1.6}.drop-overlay{position:absolute;inset:0;background:color-mix(in srgb,var(--bg-elev) 90%,transparent);border:2px dashed var(--accent);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--accent);font-size:14px;pointer-events:none}.drop-overlay .mdi{font-size:48px}.error-bar{display:flex;align-items:flex-start;gap:7px;padding:7px 10px;background:var(--removed-bg);border:1px solid color-mix(in srgb,var(--removed) 30%,transparent);border-radius:6px;color:var(--removed);font-size:12px;font-family:var(--font-mono);flex-shrink:0;word-break:break-word}.error-bar .mdi{flex-shrink:0;margin-top:1px}.output-pane{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;gap:6px}.output-controls{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}.output-controls__spacer{flex:1}.query-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.query-input-wrap{display:flex;align-items:center;gap:6px;background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;padding:4px 9px;transition:border-color .15s}.query-input-wrap:focus-within{border-color:var(--accent)}.query-input-wrap .mdi{color:var(--text-dim);font-size:14px}.query-input-wrap input{background:0 0;border:none;color:var(--text);font-family:var(--font-mono);font-size:12.5px;outline:0;min-width:170px;width:170px}.query-input-wrap--search{flex:1;min-width:0}.query-input-wrap--search input{flex:1;min-width:80px}.match-badge{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;padding:0 7px;border-left:1px solid var(--border-strong);line-height:1;flex-shrink:0}.match-badge--none{color:var(--removed)}.match-nav-btn{flex-shrink:0;padding:0 4px;height:100%;border-left:1px solid var(--border-strong);border-radius:0;color:var(--text-muted);display:flex;align-items:center}.match-nav-btn:hover{color:var(--accent);background:var(--bg-elev-2)}.output-body{flex:1;min-height:0;display:flex;gap:10px;overflow:hidden}.tab-content{flex:1;min-width:0;overflow:hidden;position:relative}.tab-panel{display:none;height:100%;overflow:auto}.tab-panel.active{display:block}.format-pre{margin:0;padding:12px 14px;font-family:var(--font-mono);font-size:12.5px;line-height:1.65;color:var(--text);white-space:pre;overflow-wrap:normal;word-break:normal;min-height:100%;box-sizing:border-box}.json-tree{padding:10px 12px;font-family:var(--font-mono);font-size:12.5px;line-height:1.8;user-select:text}.tree-node--collapsed>.tree-children{display:none}.tree-row{display:flex;align-items:baseline;gap:0;min-height:1.8em}.tree-row:hover{background:var(--bg-elev);border-radius:3px}.tree-indent{display:inline-block}.tree-toggle{display:inline-block;width:16px;flex-shrink:0;cursor:pointer;color:var(--text-dim);font-size:13px;line-height:1.8}.tree-toggle:hover{color:var(--accent)}.tree-toggle-spacer{display:inline-block;width:16px;flex-shrink:0}.tree-key{color:var(--accent)}.tree-key--index{color:var(--text-dim)}.tree-sep{color:var(--text-dim);margin:0 2px}.tree-val--string{color:var(--added)}.tree-val--number{color:var(--changed)}.tree-val--boolean{color:var(--src-4)}.tree-val--null{color:var(--text-dim)}.tree-preview{color:var(--text-muted);font-style:italic}.tree-closing{color:var(--text-dim);padding-left:0}.tree-val--editable{cursor:pointer;border-radius:3px;padding:0 2px;transition:background .1s}.tree-val--editable:hover{background:var(--bg-elev-2)}.tree-row.tree-match{background:var(--highlight-bg);border-radius:4px;outline:1px solid color-mix(in srgb,var(--highlight) 40%,transparent)}.tree-row.tree-match--active{background:var(--highlight-bg-strong);border-radius:4px;outline:2px solid color-mix(in srgb,var(--highlight) 70%,transparent)}.tree-edit-input{background:var(--bg-elev-2);border:1px solid var(--accent);border-radius:3px;color:var(--text);font-family:var(--font-mono);font-size:12.5px;padding:1px 5px;outline:0;min-width:60px;max-width:400px}.tree-action-btn{margin-left:5px;opacity:0;transition:opacity .1s;font-size:12px;line-height:1;padding:1px 3px}.tree-row:hover .tree-action-btn{opacity:1}.tree-children{padding-left:0}.json-table-wrap{overflow:auto;height:100%;padding:8px;box-sizing:border-box}.json-table{border-collapse:collapse;font-size:12.5px;font-family:var(--font-mono);white-space:nowrap}.json-table th{background:var(--bg-elev);padding:6px 12px;text-align:left;border:1px solid var(--border);cursor:pointer;user-select:none;position:sticky;top:0;z-index:1;font-family:var(--font-ui);font-size:12px}.json-table th:hover{background:var(--bg-elev-2)}.json-table th.sorted-asc .sort-icon::before{content:'\F0360'}.json-table th.sorted-desc .sort-icon::before{content:'\F035F'}.json-table td{padding:4px 12px;border:1px solid var(--border);max-width:280px;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.json-table tr:hover td{background:var(--bg-elev)}.json-table td.table-rownum{color:var(--text-dim);text-align:right;min-width:32px}.json-table td.table-missing{color:var(--text-dim)}.json-table td.table-complex{font-style:italic;color:var(--text-muted)}.schema-panel{flex:0 0 310px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev)}.schema-panel__header{display:flex;align-items:center;gap:7px;padding:8px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.schema-panel__title{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);flex:1}.schema-panel .view-toggle button{font-size:11px;padding:2px 7px}.schema-panel__body{flex:1;overflow:auto;display:flex;flex-direction:column;min-height:0}.schema-panel__body .format-pre{flex:1;font-size:11.5px;padding:10px 12px}.schema-paste-textarea{flex:1;width:100%;resize:none;border:none;border-radius:0;background:var(--bg);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:11.5px;padding:10px 12px;box-sizing:border-box;min-height:180px;color:var(--text);outline:0}.schema-validation{flex-shrink:0;overflow-y:auto;max-height:200px;padding:6px 10px;font-size:11.5px}.schema-ok{display:flex;align-items:center;gap:6px;color:var(--added);padding:4px 0}.schema-error-item{display:flex;gap:6px;padding:4px 0;border-bottom:1px solid var(--border);color:var(--removed);word-break:break-word}.schema-error-item:last-child{border-bottom:none}.schema-error-item .mdi{flex-shrink:0;margin-top:1px}.schema-error-path{color:var(--changed);font-family:var(--font-mono);font-size:10.5px;display:block;margin-bottom:1px}#panel-table .empty-state,#panel-tree .empty-state{height:100%}.generator-panel-header{display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid var(--border);background:var(--bg-elev);flex-shrink:0;flex-wrap:wrap}.generator-hint{margin:0;font-size:12px;color:var(--text-muted);flex:1;min-width:180px}#panel-generator{display:none;flex-direction:column}#panel-generator.active{display:flex}#panel-generator .format-pre{flex:1;overflow:auto}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;margin:8px 0}.share-row{display:flex;gap:8px;align-items:center;margin:8px 0}.share-row input[type=url]{flex:1;background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:var(--font-mono);font-size:12px;padding:6px 10px;outline:0}.share-status{font-size:12px;color:var(--text-muted);min-height:20px}