:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-container{display:flex;width:100vw;height:100vh;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.sidebar{width:280px;background-color:#252526;color:#ccc;display:flex;flex-direction:column;border-right:1px solid #3e3e42}.sidebar-header{padding:8px 12px;font-size:11px;font-weight:600;color:#ccc;background-color:#2d2d30;border-bottom:1px solid #3e3e42;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative}.sidebar-header-actions{display:flex;gap:4px;align-items:center}.sidebar-add-root-btn{width:20px;height:20px;padding:0;margin:0;background-color:transparent;border:1px solid #3e3e42;color:#ccc;border-radius:3px;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-add-root-btn:hover{background-color:#3e3e42;border-color:#007acc;color:#fff}.sidebar-settings-btn{width:20px;height:20px;padding:0;margin:0;background-color:transparent;border:1px solid #3e3e42;color:#ccc;border-radius:3px;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-settings-btn:hover{background-color:#3e3e42;border-color:#007acc;color:#fff}.settings-menu{position:absolute;top:35px;left:0;background-color:#3c3c3c;border:1px solid #5a5a5a;border-radius:4px;box-shadow:0 2px 8px #00000080;padding:8px 0;min-width:200px;z-index:1001;-webkit-user-select:none;user-select:none}.settings-menu-section{padding:0}.settings-menu-label{padding:6px 16px;font-size:11px;font-weight:600;color:#858585;text-transform:uppercase;letter-spacing:.5px}.settings-menu-item{display:flex;align-items:center;padding:8px 16px;color:#ccc;font-size:13px;cursor:pointer;gap:8px}.settings-menu-item:hover,.settings-menu-item.active{background-color:#094771;color:#fff}.settings-menu-icon{width:16px;text-align:center;font-size:14px}.tree-wrapper{flex:1;overflow:hidden;padding:4px}.tree-node{display:flex;align-items:center;padding:2px 4px;cursor:pointer;-webkit-user-select:none;user-select:none}.tree-node-content{display:flex;align-items:center;width:100%;gap:4px}.tree-node-toggle{display:inline-block;width:16px;text-align:center;font-size:10px;color:#ccc;cursor:pointer;-webkit-user-select:none;user-select:none}.tree-node-spacer{display:inline-block;width:16px}.tree-node-name{flex:1;font-size:13px;padding:2px 4px;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-node-file{color:#ccc}.tree-node-directory{color:#75beff;font-weight:500}.tree-node-input{flex:1;background-color:#3c3c3c;border:1px solid #007acc;color:#ccc;padding:2px 4px;font-size:13px;border-radius:2px;outline:none;font-family:inherit}.tree-node-add-btn{width:18px;height:18px;padding:0;margin:0 4px;background-color:transparent;border:1px solid #3e3e42;color:#ccc;border-radius:3px;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0}.tree-node:hover .tree-node-add-btn{opacity:1}.tree-node-add-btn:hover{background-color:#3e3e42;border-color:#007acc}.main-content{flex:1;display:flex;flex-direction:column;background-color:#1e1e1e;overflow:hidden}.tabs-container{display:flex;background-color:#2d2d30;border-bottom:1px solid #3e3e42;overflow-x:auto;overflow-y:hidden;min-height:35px}.tabs-container::-webkit-scrollbar{height:4px}.tabs-container::-webkit-scrollbar-track{background:#2d2d30}.tabs-container::-webkit-scrollbar-thumb{background:#424242;border-radius:2px}.tabs-container::-webkit-scrollbar-thumb:hover{background:#4e4e4e}.tab-item{display:flex;align-items:center;padding:6px 12px;background-color:#2d2d30;color:#ccc;border-right:1px solid #3e3e42;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;white-space:nowrap;min-width:120px;max-width:200px}.tab-item:hover{background-color:#37373d}.tab-item.active{background-color:#1e1e1e;color:#fff;border-bottom:2px solid #007acc}.tab-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.tab-close{width:18px;height:18px;padding:0;margin:0;background-color:transparent;border:none;color:#ccc;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:3px}.tab-close:hover{background-color:#3e3e42;color:#fff}.editor-area{flex:1;overflow:hidden;position:relative}.json-editor-wrapper{width:100%;height:100%;overflow:hidden;position:absolute;inset:0}.json-editor-wrapper.hidden{display:none}.json-editor-wrapper.active{display:block}.json-editor-wrapper>div{width:100%!important;height:100%!important;overflow:auto!important}.json-editor-container{width:100%;height:100%}.json-editor-wrapper :global(.jse-container){width:100%!important;height:100%!important;overflow:auto!important}.json-editor-wrapper :global(.jse-contents){width:100%!important;max-width:100%!important}.editor-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#858585;font-size:14px}*{scrollbar-width:thin;scrollbar-color:#424242 #2d2d30}.context-menu{background-color:#3c3c3c;border:1px solid #5a5a5a;border-radius:4px;box-shadow:0 2px 8px #00000080;padding:4px 0;min-width:120px;-webkit-user-select:none;user-select:none}.context-menu-item{padding:6px 16px;color:#ccc;font-size:13px;cursor:pointer}.context-menu-item:hover{background-color:#094771;color:#fff}.context-menu-item-danger{color:#f48771}.context-menu-item-danger:hover{background-color:#5a1d1d;color:#fff}.context-menu-divider{height:1px;background-color:#5a5a5a;margin:4px 0}.app-footer{position:fixed;bottom:0;left:0;right:0;height:30px;background-color:#2d2d30;border-top:1px solid #3e3e42;display:flex;align-items:center;justify-content:center;z-index:100;font-size:12px;color:#858585}.footer-beian-link{color:#858585;text-decoration:none;transition:color .2s}.footer-beian-link:hover{color:#ccc}.jse-theme-dark{--jse-theme: dark;--jse-theme-color: #2f6dd0;--jse-theme-color-highlight: #467cd2;--jse-background-color: #1e1e1e;--jse-text-color: #d4d4d4;--jse-text-color-inverse: #4d4d4d;--jse-main-border: 1px solid #4f4f4f;--jse-menu-color: #fff;--jse-modal-background: #2f2f2f;--jse-modal-overlay-background: rgba(0, 0, 0, .5);--jse-modal-code-background: #2f2f2f;--jse-tooltip-color: var(--jse-text-color);--jse-tooltip-background: #4b4b4b;--jse-tooltip-border: 1px solid #737373;--jse-tooltip-action-button-color: inherit;--jse-tooltip-action-button-background: #737373;--jse-panel-background: #333333;--jse-panel-background-border: 1px solid #464646;--jse-panel-color: var(--jse-text-color);--jse-panel-color-readonly: #737373;--jse-panel-border: 1px solid #3c3c3c;--jse-panel-button-color-highlight: #e5e5e5;--jse-panel-button-background-highlight: #464646;--jse-navigation-bar-background: #656565;--jse-navigation-bar-background-highlight: #7e7e7e;--jse-navigation-bar-dropdown-color: var(--jse-text-color);--jse-context-menu-background: #4b4b4b;--jse-context-menu-background-highlight: #595959;--jse-context-menu-separator-color: #595959;--jse-context-menu-color: var(--jse-text-color);--jse-context-menu-pointer-background: #737373;--jse-context-menu-pointer-background-highlight: #818181;--jse-context-menu-pointer-color: var(--jse-context-menu-color);--jse-key-color: #9cdcfe;--jse-value-color: var(--jse-text-color);--jse-value-color-number: #b5cea8;--jse-value-color-boolean: #569cd6;--jse-value-color-null: #569cd6;--jse-value-color-string: #ce9178;--jse-value-color-url: #ce9178;--jse-delimiter-color: #949494;--jse-edit-outline: 2px solid var(--jse-text-color);--jse-selection-background-color: #464646;--jse-selection-background-inactive-color: #333333;--jse-hover-background-color: #343434;--jse-active-line-background-color: rgba(255, 255, 255, .06);--jse-search-match-background-color: #343434;--jse-collapsed-items-background-color: #333333;--jse-collapsed-items-selected-background-color: #565656;--jse-collapsed-items-link-color: #b2b2b2;--jse-collapsed-items-link-color-highlight: #ec8477;--jse-search-match-color: #724c27;--jse-search-match-outline: 1px solid #966535;--jse-search-match-active-color: #9f6c39;--jse-search-match-active-outline: 1px solid #bb7f43;--jse-tag-background: #444444;--jse-tag-color: #bdbdbd;--jse-table-header-background: #333333;--jse-table-header-background-highlight: #424242;--jse-table-row-odd-background: rgba(255, 255, 255, .1);--jse-input-background: #3d3d3d;--jse-input-border: var(--jse-main-border);--jse-button-background: #808080;--jse-button-background-highlight: #7a7a7a;--jse-button-color: #e0e0e0;--jse-button-secondary-background: #494949;--jse-button-secondary-background-highlight: #5d5d5d;--jse-button-secondary-background-disabled: #9d9d9d;--jse-button-secondary-color: var(--jse-text-color);--jse-a-color: #55abff;--jse-a-color-highlight: #4387c9;--jse-svelte-select-background: #3d3d3d;--jse-svelte-select-border: 1px solid #4f4f4f;--list-background: #3d3d3d;--item-hover-bg: #505050;--multi-item-bg: #5b5b5b;--input-color: #d4d4d4;--multi-clear-bg: #8a8a8a;--multi-item-clear-icon-color: #d4d4d4;--multi-item-outline: 1px solid #696969;--list-shadow: 0 2px 8px 0 rgba(0, 0, 0, .4);--jse-color-picker-background: #656565;--jse-color-picker-border-box-shadow: #8c8c8c 0 0 0 1px}