.page-module___8aEwW__main{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.page-module___8aEwW__header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;display:flex}.page-module___8aEwW__headerLeft{align-items:center;gap:20px;display:flex}.page-module___8aEwW__logo{color:var(--text-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.page-module___8aEwW__logoIcon{color:var(--accent-color);font-family:monospace;font-size:24px}.page-module___8aEwW__addFileBtn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .15s;display:flex}.page-module___8aEwW__addFileBtn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-color)}.page-module___8aEwW__tabBar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:2px;padding:8px 16px;display:flex;overflow-x:auto}.page-module___8aEwW__tabBar::-webkit-scrollbar{height:4px}.page-module___8aEwW__fileTab{background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;transition:all .15s;display:flex}.page-module___8aEwW__fileTab:hover{background:var(--bg-hover);color:var(--text-primary)}.page-module___8aEwW__fileTabActive{background:var(--bg-primary);color:var(--text-primary);border-color:var(--accent-color)}.page-module___8aEwW__fileTabName{text-overflow:ellipsis;max-width:150px;overflow:hidden}.page-module___8aEwW__fileTabCount{color:var(--text-muted);background:#ffffff1a;border-radius:10px;padding:1px 6px;font-size:10px}.page-module___8aEwW__fileTabActive .page-module___8aEwW__fileTabCount{color:var(--accent-color);background:#22d3ee33}.page-module___8aEwW__fileTabClose{color:var(--text-muted);opacity:.5;border-radius:3px;padding:2px 4px;font-size:10px;transition:all .15s}.page-module___8aEwW__fileTab:hover .page-module___8aEwW__fileTabClose{opacity:1}.page-module___8aEwW__fileTabClose:hover{color:var(--error-color);background:#ef44441a}.page-module___8aEwW__dragOverlay{z-index:1000;pointer-events:none;background:#0a0a0ae6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.page-module___8aEwW__dragOverlayContent{border:2px dashed var(--accent-color);color:var(--accent-color);background:#22d3ee0d;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:40px 60px;display:flex}.page-module___8aEwW__dragOverlayContent p{font-size:18px;font-weight:500}.page-module___8aEwW__fileInfo{background:var(--bg-tertiary);border-radius:6px;align-items:center;gap:12px;padding:6px 12px;font-size:13px;display:flex}.page-module___8aEwW__fileName{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.page-module___8aEwW__lineCount{color:var(--text-secondary)}.page-module___8aEwW__clearBtn{color:var(--text-secondary);border-radius:4px;padding:2px 6px;font-size:12px;transition:all .15s}.page-module___8aEwW__clearBtn:hover{color:var(--error-color);background:#ef44441a}.page-module___8aEwW__filterBar{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;flex:1;align-items:center;gap:8px;max-width:500px;padding:8px 12px;transition:border-color .15s;display:flex}.page-module___8aEwW__filterBar:focus-within{border-color:var(--accent-color)}.page-module___8aEwW__searchIcon{color:var(--text-muted);flex-shrink:0}.page-module___8aEwW__filterInput{flex:1;min-width:0;padding:0;font-size:14px}.page-module___8aEwW__filterInput:focus{outline:none}.page-module___8aEwW__clearFilter{color:var(--text-secondary);border-radius:4px;padding:2px 6px;font-size:12px;transition:all .15s}.page-module___8aEwW__clearFilter:hover{color:var(--text-primary);background:var(--bg-hover)}.page-module___8aEwW__filterCount{color:var(--text-muted);flex-shrink:0;font-size:12px}.page-module___8aEwW__content{flex:1;overflow:hidden}.page-module___8aEwW__dropZone{justify-content:center;align-items:center;height:100%;padding:40px;transition:all .2s;display:flex}.page-module___8aEwW__dropZoneActive{background:var(--bg-secondary)}.page-module___8aEwW__dropZoneActive .page-module___8aEwW__dropContent{border-color:var(--accent-color);background:#22d3ee0d}.page-module___8aEwW__dropContent{border:2px dashed var(--border-color);border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:60px 80px;transition:all .2s;display:flex}.page-module___8aEwW__dropIcon{color:var(--text-muted)}.page-module___8aEwW__dropZoneActive .page-module___8aEwW__dropIcon{color:var(--accent-color)}.page-module___8aEwW__dropText{color:var(--text-secondary);font-size:18px}.page-module___8aEwW__dropText strong{color:var(--accent-color)}.page-module___8aEwW__dropSubtext{color:var(--text-muted);font-size:14px}.page-module___8aEwW__browseBtn{background:var(--accent-color);color:var(--bg-primary);cursor:pointer;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .15s}.page-module___8aEwW__browseBtn:hover{background:var(--accent-hover)}.page-module___8aEwW__splitView{height:100%;display:flex}.page-module___8aEwW__leftPanel{border-right:1px solid var(--border-color);flex-direction:column;width:45%;min-width:300px;max-width:600px;display:flex}.page-module___8aEwW__panelHeader{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-secondary);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.page-module___8aEwW__leftPanelControls{flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.page-module___8aEwW__filterBarInline{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;align-items:center;gap:6px;min-width:120px;max-width:200px;padding:3px 8px;transition:border-color .15s;display:flex}.page-module___8aEwW__filterBarInline:focus-within{border-color:var(--accent-color)}.page-module___8aEwW__filterInputInline{min-width:0;color:var(--text-primary);background:0 0;border:none;flex:1;padding:0;font-size:12px}.page-module___8aEwW__filterInputInline:focus{outline:none}.page-module___8aEwW__filterInputInline::placeholder{color:var(--text-muted)}.page-module___8aEwW__clearFilterInline{color:var(--text-muted);border-radius:2px;padding:1px 4px;font-size:10px;transition:all .15s}.page-module___8aEwW__clearFilterInline:hover{color:var(--text-primary);background:var(--bg-hover)}.page-module___8aEwW__filterCountInline{color:var(--text-muted);white-space:nowrap;font-size:11px}.page-module___8aEwW__sortBtn{color:var(--accent-color);background:#22d3ee1a;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;transition:all .15s}.page-module___8aEwW__sortBtn:hover{background:#22d3ee33}.page-module___8aEwW__listContainer{flex:1;overflow:hidden}.page-module___8aEwW__listItem{cursor:pointer;border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:0 16px;transition:background .1s;display:flex}.page-module___8aEwW__listItem:hover{background:var(--bg-hover)}.page-module___8aEwW__listItemSelected{border-left:3px solid var(--accent-color);padding-left:13px;background:var(--bg-tertiary)!important}.page-module___8aEwW__listItemError{border-left:3px solid var(--error-color);padding-left:13px}.page-module___8aEwW__listItemId{min-width:50px;color:var(--text-muted);text-align:right;flex-shrink:0;font-size:12px;font-weight:500}.page-module___8aEwW__listItemContent{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.page-module___8aEwW__rightPanel{flex-direction:column;flex:1;min-width:0;display:flex}.page-module___8aEwW__tabs{gap:4px;display:flex}.page-module___8aEwW__headerRight{align-items:center;gap:12px;display:flex}.page-module___8aEwW__tab{color:var(--text-secondary);border-radius:4px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .15s}.page-module___8aEwW__tab:hover{color:var(--text-primary);background:var(--bg-hover)}.page-module___8aEwW__tabActive{color:var(--accent-color)!important;background:#22d3ee1a!important}.page-module___8aEwW__detailId{color:var(--text-muted);font-size:12px}.page-module___8aEwW__copyBtn{color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;transition:all .15s;display:flex}.page-module___8aEwW__copyBtn:hover{color:var(--text-primary);border-color:var(--accent-color);background:var(--bg-hover)}.page-module___8aEwW__copyBtn.page-module___8aEwW__copied{color:var(--success-color);border-color:var(--success-color)}.page-module___8aEwW__detailContent{flex:1;padding:16px;overflow:auto}.page-module___8aEwW__detailContent:has(.page-module___8aEwW__treeViewContainer){padding:0;overflow:hidden}.page-module___8aEwW__rawContent{color:var(--text-primary);white-space:pre-wrap;word-break:break-all;font-size:13px;line-height:1.6}.page-module___8aEwW__prettyContent{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.6}.page-module___8aEwW__errorMessage{flex-direction:column;gap:12px;display:flex}.page-module___8aEwW__errorIcon{color:var(--error-color);font-size:16px}.page-module___8aEwW__emptyDetail{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.page-module___8aEwW__emptyDetail p{font-size:14px}.page-module___8aEwW__tokenKey{color:#7dd3fc}.page-module___8aEwW__tokenString{color:#86efac}.page-module___8aEwW__tokenNumber{color:#fcd34d}.page-module___8aEwW__tokenBoolean{color:#f9a8d4}.page-module___8aEwW__tokenNull{color:#a78bfa}.page-module___8aEwW__tokenPunctuation{color:#737373}.page-module___8aEwW__tokenOther{color:var(--text-primary)}.page-module___8aEwW__treeViewContainer{background:var(--border-color);gap:1px;height:100%;display:flex}.page-module___8aEwW__treePanel{background:var(--bg-primary);flex-direction:column;width:50%;min-width:200px;display:flex}.page-module___8aEwW__treeValuePanel{background:var(--bg-primary);flex-direction:column;flex:1;min-width:200px;display:flex}.page-module___8aEwW__treePanelHeader{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:500;display:flex}.page-module___8aEwW__treePathLabel{color:var(--accent-color);text-transform:none;letter-spacing:normal;font-size:11px}.page-module___8aEwW__treePanelContent{flex:1;padding:8px 0;overflow:auto}.page-module___8aEwW__treeValueContent{flex:1;padding:12px;overflow:auto}.page-module___8aEwW__treeValuePre{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px;line-height:1.6}.page-module___8aEwW__treeValueEmpty,.page-module___8aEwW__treeEmpty{height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:13px;display:flex}.page-module___8aEwW__treeNode{-webkit-user-select:none;user-select:none}.page-module___8aEwW__treeNodeRow{cursor:pointer;border-radius:2px;align-items:center;gap:6px;margin:0 4px;padding:4px 8px;transition:background .1s;display:flex}.page-module___8aEwW__treeNodeRow:hover{background:var(--bg-hover)}.page-module___8aEwW__treeNodeSelected{border-left:2px solid var(--accent-color);margin-left:2px;background:var(--bg-tertiary)!important}.page-module___8aEwW__treeToggle{width:16px;height:16px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:8px;transition:color .15s;display:flex}.page-module___8aEwW__treeToggle:hover{color:var(--text-primary)}.page-module___8aEwW__treeTogglePlaceholder{flex-shrink:0;width:16px}.page-module___8aEwW__treeKey{color:#7dd3fc;flex-shrink:0;font-size:12px}.page-module___8aEwW__treeSeparator{color:var(--text-muted);font-size:12px}.page-module___8aEwW__treeValue{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.page-module___8aEwW__treeValue_string{color:#86efac}.page-module___8aEwW__treeValue_number{color:#fcd34d}.page-module___8aEwW__treeValue_boolean{color:#f9a8d4}.page-module___8aEwW__treeValue_null{color:#a78bfa}.page-module___8aEwW__treeValue_object,.page-module___8aEwW__treeValue_array{color:var(--text-muted);font-style:italic}@media (max-width:768px){.page-module___8aEwW__header{flex-direction:column;align-items:stretch;gap:12px}.page-module___8aEwW__headerLeft{justify-content:space-between}.page-module___8aEwW__filterBar{max-width:none}.page-module___8aEwW__splitView{flex-direction:column}.page-module___8aEwW__leftPanel{border-right:none;border-bottom:1px solid var(--border-color);width:100%;max-width:none;height:40%}.page-module___8aEwW__rightPanel{height:60%}}