@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg-primary: #1a1d23;--bg-secondary: #22252b;--bg-tertiary: #2a2d33;--bg-hover: #32353b;--bg-active: #3a3d43;--bg-danger: rgba(200, 80, 70, .08);--border-color: #3f4248;--border-light: #35383e;--text-primary: #e4e6eb;--text-secondary: #9a9da5;--text-muted: #6b6e76;--text-danger: #c85046;--accent-primary: #4a90e2;--accent-secondary: #2e6bb8;--accent-tertiary: #6ba3e8;--accent-success: #5da85d;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .5);--radius-sm: 3px;--radius-md: 5px;--radius-lg: 7px;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-secondary: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "Consolas", "Courier New", monospace;--json-string: #ce9178;--json-number: #b5cea8;--json-boolean: #569cd6;--json-null: #7a7d85;--json-object: #9cdcfe;--json-array: #dcdcaa}:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f5f6f7;--bg-tertiary: #ebedef;--bg-hover: #e1e3e6;--bg-active: #d7d9dc;--bg-danger: rgba(200, 80, 70, .08);--border-color: #d0d2d5;--border-light: #e5e7ea;--text-primary: #2b2e33;--text-secondary: #5a5d65;--text-muted: #8a8d95;--text-danger: #c85046;--accent-primary: #3b7dd6;--accent-secondary: #2563a8;--accent-tertiary: #5b95e0;--accent-success: #4d954d;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .15);--json-string: #b8743d;--json-number: #6a9955;--json-boolean: #4a8fd6;--json-null: #6a6d75;--json-object: #c9993d;--json-array: #a855b5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);margin:0;transition:background-color .3s ease,color .3s ease}#root{width:100vw;height:100vh}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:5px;border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:root{--font-mono-refined: "JetBrains Mono", "SF Mono", "Monaco", "Cascadia Code", "Consolas", monospace;--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--shadow-refined-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-refined-md: 0 2px 8px 0 rgba(0, 0, 0, .35);--shadow-refined-lg: 0 4px 16px 0 rgba(0, 0, 0, .4);--shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .4);--border-refined: 1px solid rgba(48, 54, 61, .8);--border-refined-hover: 1px solid rgba(88, 166, 255, .5);--accent-refined: #4a9eff;--accent-refined-hover: #6cb2ff;--accent-muted: rgba(88, 166, 255, .1);--status-success: #3fb950;--status-warning: #d29922;--status-error: #f85149;--status-info: #58a6ff}.header{background:#0d1117;border-bottom:var(--border-refined);padding:var(--space-md) var(--space-xl);box-shadow:0 1px #ffffff08}.logo{font-family:var(--font-mono-refined);font-size:15px;font-weight:600;letter-spacing:-.02em;color:#c9d1d9}.logo:before{font-family:var(--font-mono-refined);font-weight:500;color:var(--accent-refined);font-size:20px}.btn{font-family:var(--font-ui);font-size:13px;font-weight:500;padding:var(--space-sm) var(--space-md);border-radius:5px;border:none;letter-spacing:-.01em;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:#ffffff0d;opacity:0;transition:opacity .15s}.btn:hover:before{opacity:1}.btn-primary{background:var(--accent-refined);color:#fff;box-shadow:var(--shadow-refined-sm)}.btn-primary:hover{background:var(--accent-refined-hover);box-shadow:var(--shadow-refined-md);transform:translateY(-1px)}.btn-secondary{background:#30363d66;color:#c9d1d9;border:var(--border-refined)}.btn-secondary:hover{background:#30363d99;border-color:#58a6ff4d;color:var(--accent-refined)}.btn-kofi{background:#ff5e5b;color:#fff;font-weight:600;box-shadow:var(--shadow-refined-sm)}.btn-kofi:hover{background:#ff4744;box-shadow:var(--shadow-refined-md);transform:translateY(-1px)}.toolbar{background:#161b22;border-bottom:var(--border-refined);padding:var(--space-sm) var(--space-xl);display:flex;align-items:center;gap:var(--space-xl);min-height:48px}.toolbar-section{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:6px;background:#ffffff05;border:1px solid rgba(48,54,61,.5)}.status-bar{background:linear-gradient(135deg,#1c2128,#161b22);border-top:1px solid rgba(88,166,255,.2);padding:var(--space-sm) var(--space-xl);font-family:var(--font-mono-refined);font-size:11.5px;font-weight:500;letter-spacing:.01em;color:#8b949e;display:flex;align-items:center;gap:var(--space-xl);position:relative}.status-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(88,166,255,.3) 50%,transparent 100%);opacity:.6}.status-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:4px;background:#ffffff05}.status-item.valid{color:var(--status-success)}.status-item.invalid{color:var(--status-error)}.status-label{color:#6e7681;text-transform:uppercase;font-size:10px;letter-spacing:.05em}.status-value{color:#c9d1d9;font-weight:600}.tabs{display:flex;gap:2px;background:var(--bg-tertiary);padding:var(--space-xs) var(--space-md);border-bottom:var(--border-refined)}.tab{font-family:var(--font-mono-refined);font-size:12px;padding:var(--space-sm) var(--space-lg);background:transparent;border:none;color:#8b949e;border-radius:5px 5px 0 0;cursor:pointer;transition:all .15s;position:relative;display:flex;align-items:center;gap:var(--space-sm)}.tab:hover{background:#ffffff08;color:#c9d1d9}.tab.active{background:#161b22;color:#c9d1d9;font-weight:500}.tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent-refined)}.tab-close{opacity:0;font-size:16px;line-height:1;color:#8b949e;transition:all .15s}.tab:hover .tab-close{opacity:1}.tab-close:hover{color:var(--status-error)}.convert-dropdown{background:#1c2128;border:var(--border-refined);border-radius:8px;box-shadow:var(--shadow-refined-lg);padding:var(--space-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.convert-option{font-family:var(--font-ui);font-size:13px;padding:var(--space-md) var(--space-lg);border-radius:5px;transition:all .12s cubic-bezier(.4,0,.2,1)}.convert-option:hover{background:#58a6ff1f;color:var(--accent-refined);transform:translate(2px)}.editor-content{background:var(--bg-primary);border:var(--border-refined);border-radius:0}.code-view-header{background:#161b22cc;border-bottom:var(--border-refined);padding:var(--space-md) var(--space-xl)}.search-box{background:#30363d4d;border:var(--border-refined);border-radius:6px;padding:var(--space-sm) var(--space-md);transition:all .2s}.search-box:focus-within{border-color:#58a6ff80;background:#30363d80;box-shadow:0 0 0 3px #58a6ff1a}.search-input{font-family:var(--font-mono-refined);font-size:13px;background:transparent;border:none;color:#c9d1d9;outline:none}.search-count{font-family:var(--font-mono-refined);font-size:11px;color:#6e7681;background:#ffffff0d;padding:2px 8px;border-radius:10px}.context-editor{background:#0d1117;border-left:var(--border-refined);box-shadow:var(--shadow-refined-lg)}.context-header{font-family:var(--font-mono-refined);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#8b949e;padding:var(--space-lg);border-bottom:var(--border-refined);background:#ffffff05}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#30363dcc;border-radius:6px;border:3px solid var(--bg-primary);transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#58a6ff66}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-refined);outline-offset:2px;border-radius:6px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.modal-content{background:#161b22;border:var(--border-refined);border-radius:12px;box-shadow:0 20px 40px #00000080}.modal-header{font-family:var(--font-mono-refined);font-size:14px;font-weight:600;padding:var(--space-xl);border-bottom:var(--border-refined);background:#ffffff05}.empty-state{background:radial-gradient(circle at center,rgba(88,166,255,.03) 0%,transparent 70%)}.empty-state h3{font-family:var(--font-mono-refined);font-size:16px;font-weight:600;color:#c9d1d9;letter-spacing:-.01em}.empty-state p{font-family:var(--font-ui);font-size:13px;color:#8b949e;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-12px);opacity:0}to{transform:translate(0);opacity:1}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.animate-slide-in{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.text-mono{font-family:var(--font-mono-refined)}.text-muted{color:#6e7681}.text-accent{color:var(--accent-refined)}.border-top-refined{border-top:var(--border-refined)}.border-bottom-refined{border-bottom:var(--border-refined)}.shadow-refined{box-shadow:var(--shadow-refined-md)}.container{display:flex;flex-direction:column;height:100vh}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:8px 16px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:16px;font-weight:600;color:var(--accent-primary);display:flex;align-items:center;gap:6px}.logo:before{content:"{ }";font-size:20px}.header-actions{display:flex;gap:6px}.convert-menu-container{position:relative}.convert-dropdown{position:absolute;top:100%;margin-top:8px;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;z-index:1000;padding:6px}.convert-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:13px;transition:all .2s;text-align:left}.convert-option:hover{background:var(--bg-hover);color:var(--accent-primary)}.convert-option .option-icon{font-size:16px;flex-shrink:0}.convert-option .option-label{flex:1}.convert-divider{height:1px;background:var(--border-color);margin:4px 0}.btn{padding:6px 12px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;transition:all .2s;display:flex;align-items:center;gap:5px}.btn-primary{background:var(--accent-secondary);color:#fff}.btn-primary:hover{background:var(--accent-primary);opacity:.9}.btn-secondary{background:var(--bg-hover);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-secondary);color:var(--text-primary)}.toolbar{background:var(--bg-secondary);padding:6px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.toolbar-group{display:flex;gap:4px;align-items:center}.toolbar-divider{width:1px;height:20px;background:var(--border-color);margin:0 4px}.toolbar-with-history{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);padding:6px 16px;border-bottom:1px solid var(--border-color)}.icon-btn{padding:5px 10px;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:12px;transition:all .2s}.icon-btn:hover{background:var(--bg-hover);border-color:var(--border-color)}.icon-btn.active{background:var(--accent-secondary);border-color:var(--accent-secondary);color:#fff}.main-content{flex:1;display:flex;overflow:hidden}.sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.sidebar-header{padding:15px;border-bottom:1px solid var(--border-color);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.tree-view{flex:1;overflow-y:auto;padding:10px}.tree-action-btn{min-width:36px;min-height:36px;padding:6px;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--accent-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:.75;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.tree-action-btn:hover{transform:translateY(-2px) scale(1.06);background:var(--bg-hover);box-shadow:var(--shadow-md);opacity:1}div[class*=collection-element]:hover .tree-action-btn,div[class*=jer-collection-element]:hover .tree-action-btn{opacity:1}.tree-action-icon{font-size:16px}.editor-container{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);position:relative}.tabs{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);overflow-x:auto}.tab{padding:10px 20px;cursor:pointer;border-right:1px solid var(--border-color);font-size:13px;display:flex;align-items:center;gap:8px;transition:background .15s;white-space:nowrap;color:var(--text-secondary)}.tab:hover{background:var(--bg-hover)}.tab.active{background:var(--bg-primary);color:var(--accent-primary);border-bottom:2px solid var(--accent-primary)}.tab-close{margin-left:8px;opacity:.6;transition:opacity .15s}.tab-close:hover{opacity:1}.editor-content{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.right-panel{width:320px;background:var(--bg-primary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto}.properties-panel{width:320px;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column}.panel-header{padding:15px;border-bottom:1px solid var(--border-color);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);display:flex;justify-content:space-between;align-items:center}.unsaved-indicator{color:#f85149;font-size:16px;animation:pulse 2s infinite}.panel-content{flex:1;overflow-y:auto;padding:15px}.property-group{margin-bottom:20px}.property-label{font-size:12px;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.property-value{background:var(--bg-tertiary);padding:8px 12px;border-radius:var(--radius-sm);font-size:14px;color:var(--text-primary);border:1px solid transparent;transition:border-color .2s}.property-value:hover{border-color:var(--accent-primary)}.property-chip{display:inline-block;background:var(--accent-secondary);padding:4px 10px;border-radius:12px;font-size:12px;margin-right:6px;margin-bottom:6px;color:#fff}.status-bar{background:var(--accent-secondary);padding:6px 20px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#fff}.status-left,.status-right{display:flex;gap:20px}.status-item{display:flex;align-items:center;gap:6px}.validation-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.validation-badge.valid{background:var(--accent-success);color:#fff}.validation-badge.invalid{background:var(--text-danger);color:#fff}.code-view-header{position:sticky;top:0;z-index:100;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:6px 12px;display:flex;align-items:center;justify-content:space-between}.header-left-info{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:11px;min-width:0}.file-indicator{display:flex;align-items:center;gap:5px;font-weight:500;color:var(--text-primary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-indicator{display:flex;align-items:center;gap:4px;color:var(--text-muted);font-size:10px;white-space:nowrap}.code-editor-wrapper{flex:1;overflow:hidden}.search-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:6px 10px;display:flex;align-items:center;gap:8px;min-width:220px;max-width:280px;flex-shrink:0}.search-input{background:transparent;border:none;color:var(--text-primary);font-size:14px;flex:1;outline:none}.search-input::placeholder{color:#666}.search-count{color:#888;font-size:12px}.empty-state{padding:40px 20px;text-align:center;color:#888;font-size:14px}.context-path,.context-type{margin-bottom:20px}.path-container{display:flex;align-items:center;gap:8px}.copy-path-button{padding:6px 10px;background:#58a6ff1f;border:1px solid rgba(88,166,255,.3);border-radius:4px;color:#58a6ff;cursor:pointer;font-size:14px;transition:all .2s ease;flex-shrink:0}.copy-path-button:hover{background:#58a6ff40;border-color:#58a6ff;transform:translateY(-1px);box-shadow:0 2px 8px #58a6ff4d}.copy-path-button:active{transform:translateY(0);box-shadow:0 1px 4px #58a6ff33}.context-editor-body{margin-top:20px}.context-fields{display:flex;flex-direction:column;gap:15px}.context-field-group{border-left:2px solid var(--border-color);padding-left:15px}.context-field{display:flex;flex-direction:column;gap:8px}.context-field.nested{padding-left:20px;border-left:2px solid var(--border-light)}.context-label{font-size:13px;color:var(--accent-primary);font-weight:500;display:flex;align-items:center;gap:8px}.field-key{color:var(--text-primary)}.field-type{font-size:11px;color:#888;font-weight:400}.context-input{width:100%;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px;font-family:var(--font-mono);transition:all .2s}.context-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-primary);box-shadow:0 0 0 3px #0869da1a;transform:translateY(-1px)}.context-input:hover{border-color:var(--accent-primary);opacity:.9}.context-input-wrapper{display:flex;align-items:center;gap:10px}.context-checkbox{width:20px;height:20px;cursor:pointer}.context-checkbox-label{font-size:13px;color:var(--accent-primary);font-family:var(--font-mono)}.expand-button{background:none;border:none;color:gold;cursor:pointer;font-size:12px;padding:0;width:20px;text-align:center;transition:transform .2s}.expand-button:hover{color:#61dafb}.delete-field-button{padding:4px 10px;background:var(--text-danger);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;transition:opacity .2s}.delete-field-button:hover{background:#e82d3a}.complex-field-info{font-size:12px;color:#888;padding:8px 0}.nested-fields{margin-top:10px;display:flex;flex-direction:column;gap:10px}.add-field-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.add-field-header{font-size:13px;color:#888;margin-bottom:10px;font-weight:500}.add-field-inputs{display:flex;gap:10px;align-items:center}.add-field-button{padding:8px 16px;background:var(--accent-success);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;white-space:nowrap;transition:opacity .2s}.add-field-button:hover{opacity:.9}.context-editor-actions{display:flex;gap:8px;padding:16px;border-top:1px solid var(--border-color);background:var(--bg-secondary);margin-top:16px}.save-changes-button{flex:1;padding:10px 16px;background:var(--accent-success);border:none;border-radius:4px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.save-changes-button:hover{opacity:.9}.cancel-changes-button{flex:1;padding:10px 16px;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-changes-button:hover{background:var(--bg-active);border-color:var(--accent-primary)}.validation-badge.string,.validation-badge.number,.validation-badge.boolean,.validation-badge.object,.validation-badge.array,.validation-badge.null{background:var(--bg-active);color:var(--text-primary)}.json-tree-wrapper input,.json-tree-wrapper input[type=text],.json-tree-wrapper input[type=number],.json-tree-wrapper input[type=checkbox],.json-tree-wrapper textarea,.json-tree-wrapper select,.json-tree-wrapper div[class*=select],.json-tree-wrapper div[class*=jer-select],.json-tree-wrapper [role=combobox],.json-tree-wrapper [class*=Select],.json-tree-wrapper [class*=dropdown]{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;padding:7px 10px!important;border-radius:var(--radius-sm)!important;font-family:var(--font-mono)!important;font-size:13px!important}.json-tree-wrapper option,.json-tree-wrapper [role=option]{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}.json-tree-wrapper .jer-btn-select-node{background-color:var(--accent-secondary)!important;color:#fff!important;opacity:1!important;min-width:auto!important;height:28px!important;padding:6px 12px!important;font-weight:500!important;margin-right:8px!important;border-radius:var(--radius-sm)!important}.json-tree-wrapper .jer-btn-select-node:hover{background-color:var(--bg-active)!important;transform:translateY(-1px)!important;box-shadow:var(--shadow-md)!important}.json-tree-wrapper input:focus,.json-tree-wrapper textarea:focus,.json-tree-wrapper select:focus{background-color:var(--bg-primary)!important;border-color:var(--accent-primary)!important;outline:none!important;box-shadow:0 0 0 2px #0969da4d!important}.json-tree-wrapper button{min-width:32px!important;min-height:32px!important;padding:6px!important;border-radius:var(--radius-sm)!important;border:1px solid var(--border-color)!important;background:var(--bg-hover)!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0 2px!important;opacity:.8!important;color:var(--text-secondary)}.json-tree-wrapper button:hover{opacity:1!important;transform:scale(1.05)!important;border-color:var(--accent-primary)!important;background:var(--bg-secondary)!important}.json-tree-wrapper button:nth-child(1){color:var(--accent-primary)!important}.json-tree-wrapper button:nth-child(1):hover{background:var(--bg-hover)!important;border-color:var(--accent-primary)!important}.json-tree-wrapper button:nth-child(2){color:var(--text-danger)!important}.json-tree-wrapper button:nth-child(2):hover{background:var(--bg-danger)!important;border-color:var(--text-danger)!important}.json-tree-wrapper button:nth-child(3){color:var(--accent-success)!important}.json-tree-wrapper button:nth-child(3):hover{background:#2ea0431a!important;border-color:var(--accent-success)!important}.json-tree-wrapper button:nth-child(4){color:var(--json-array)!important}.json-tree-wrapper button:nth-child(4):hover{background:#d299ff1a!important;border-color:var(--json-array)!important}.json-tree-wrapper>div>div,.json-tree-wrapper [class*=component],.json-tree-wrapper [class*=jer-component]{transition:background-color .15s ease!important;padding:6px 8px!important;margin:2px 0!important;border-radius:4px!important}.json-tree-wrapper>div>div:hover,.json-tree-wrapper [class*=component]:hover{background-color:var(--bg-hover)!important}.json-tree-wrapper [class*=main-row],.json-tree-wrapper [class*=value-main-row]{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important}.json-tree-wrapper span[class*=key-text]:hover,.json-tree-wrapper span[class*=jer-key-text]:hover{background-color:var(--bg-hover)!important;border-radius:3px!important;cursor:pointer!important}.json-tree-wrapper span[class*=value]:not([class*=input]):hover{background-color:var(--bg-hover)!important;border-radius:3px!important;cursor:pointer!important}.json-tree-wrapper [class*=inner],.json-tree-wrapper [class*=jer-collection-inner]{margin-left:12px!important;padding-left:18px!important;border-left:1px solid var(--border-color)!important;margin-top:4px!important;margin-bottom:4px!important}.json-tree-wrapper span[class*=key],.json-tree-wrapper [class*=property]{color:var(--json-object)!important;font-weight:500!important;font-size:13px!important}.json-tree-wrapper span[class*=colon],.json-tree-wrapper [class*=key-colon]{color:var(--text-muted)!important;margin:0 6px 0 2px!important}.json-tree-wrapper span[class*=value-string],.json-tree-wrapper [class*=string]:not([class*=empty]){color:var(--json-string)!important}.json-tree-wrapper span[class*=value-number],.json-tree-wrapper [class*=number]{color:var(--json-number)!important}.json-tree-wrapper span[class*=value-boolean],.json-tree-wrapper [class*=boolean]{color:var(--json-boolean)!important;font-weight:600!important}.json-tree-wrapper [class*=null]{color:var(--json-null)!important;font-style:italic!important}.json-tree-wrapper [class*=bracket]{color:var(--text-muted)!important;font-weight:400!important;margin:0 4px!important}.json-tree-wrapper svg[class*=chevron],.json-tree-wrapper svg[class*=icon-collection]{color:var(--text-muted)!important;transition:transform .2s ease!important;margin-right:6px!important}.json-tree-wrapper select{cursor:pointer!important;padding-right:30px!important;background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.json-tree-wrapper button[class*=confirm],.json-tree-wrapper button[class*=ok]{background:var(--accent-success)!important;border-color:var(--accent-success)!important;color:#fff!important;opacity:1!important}.json-tree-wrapper button[class*=cancel]{background:var(--text-danger)!important;border-color:var(--text-danger)!important;color:#fff!important;opacity:1!important}.json-tree-wrapper [class*=empty-string]{color:var(--text-muted)!important;font-style:italic!important;opacity:.7!important}.schema-validator{border-bottom:1px solid var(--border-color);padding:15px}.schema-validator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.schema-validator-header h3{margin:0;color:var(--text-primary);font-size:14px;font-weight:600}.schema-actions{display:flex;gap:8px}.schema-input-section{margin-bottom:15px}.schema-textarea{width:100%;min-height:120px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:var(--font-mono);font-size:13px;padding:10px;resize:vertical;outline:none}.schema-textarea:focus,.schema-select:focus{border-color:var(--accent-primary)}.btn-small{padding:6px 12px;font-size:12px}.validation-actions{margin-bottom:15px}.validation-results{background:var(--bg-secondary);border-radius:6px;padding:15px;border:1px solid var(--border-color)}.validation-status{font-weight:600;margin-bottom:10px}.validation-status.valid{color:var(--accent-success)}.validation-status.invalid{color:var(--text-danger)}.validation-errors,.validation-warnings{margin-top:15px}.validation-errors h4,.validation-warnings h4{margin:0 0 10px;color:var(--text-primary);font-size:13px;font-weight:600}.error-item,.warning-item{padding:8px 12px;margin-bottom:6px;border-radius:4px;font-size:12px;line-height:1.4}.error-item{background:var(--bg-danger);border-left:3px solid var(--text-danger);color:var(--text-danger)}.warning-item{background:#ffc1071a;border-left:3px solid #d29922;color:#d29922}.error-keyword{font-weight:600;color:var(--text-danger)}.json-tree-wrapper [class*=item-count],.json-tree-wrapper [class*=count]{background:var(--bg-active)!important;color:var(--text-primary)!important;opacity:.8!important;padding:2px 8px!important;border-radius:10px!important;font-size:11px!important;margin-left:8px!important}.empty-state-container{display:flex;align-items:center;justify-content:center;min-height:400px;padding:40px 20px}.empty-state-content{text-align:center;max-width:600px}.empty-state-icon{font-size:64px;margin-bottom:20px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.empty-state-description{font-size:15px;color:var(--text-secondary);margin-bottom:32px}.empty-state-actions{display:flex;gap:16px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.empty-state-btn{display:flex;align-items:center;gap:16px;padding:20px 28px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s ease;min-width:200px}.empty-state-btn:hover{border-color:var(--accent-primary);background:var(--bg-hover);transform:translateY(-4px);box-shadow:0 8px 20px #4a90e233}.btn-icon{font-size:36px}.btn-text{text-align:left;flex:1}.btn-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.btn-subtitle{font-size:18px;font-family:var(--font-mono);color:var(--accent-primary);font-weight:700}.empty-state-hint{font-size:13px;color:var(--text-muted);padding:12px 20px;background:var(--bg-secondary);border-radius:8px;border-left:3px solid var(--accent-primary);display:inline-block}@media (max-width: 768px){.stats-indicator{display:none}.file-indicator{max-width:120px}.empty-state-actions{flex-direction:column;align-items:stretch}.empty-state-btn{min-width:auto}}.modern-tree-editor{flex:1;overflow:auto;background:var(--bg-primary);padding:20px;font-family:var(--font-mono);min-width:0;display:flex;flex-direction:column}.tree-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.tree-controls{display:flex;gap:8px}.tree-search-container{margin-bottom:16px}.tree-search-toggle{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 16px;color:var(--text-secondary);cursor:pointer;font-size:16px;transition:all .2s ease;margin-bottom:8px}.tree-search-toggle:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.tree-search-bar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;overflow:hidden}.tree-search-input-wrapper{display:flex;align-items:center;gap:8px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:8px 12px;transition:border-color .2s ease}.tree-search-input-wrapper:focus-within{border-color:var(--accent-primary)}.tree-search-icon{font-size:16px;opacity:.7}.tree-search-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:14px;outline:none;font-family:inherit}.tree-search-input::placeholder{color:var(--text-muted)}.tree-search-clear{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;font-size:16px;transition:color .2s ease}.tree-search-clear:hover{color:var(--text-danger)}.tree-search-results{margin-top:8px;padding:4px 8px;background:#58a6ff1a;border-radius:4px;font-size:12px;color:var(--accent-primary);text-align:center}.tree-node-wrapper.search-match .tree-node-card{background:var(--bg-hover);border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--bg-active)}.tree-node-wrapper.search-match .node-key,.tree-node-wrapper.search-match .node-value{font-weight:600}.tree-root{display:flex;flex-direction:column;gap:8px;flex:1;overflow:auto}.tree-node{position:relative;-webkit-user-select:none;user-select:none}.tree-node-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);transition:all .15s ease;cursor:pointer;position:relative}.tree-node-card.dragging{opacity:.5;transform:scale(.95);cursor:grabbing!important}.drag-overlay-node{pointer-events:none}.drag-overlay-node .tree-node-card{background:var(--bg-active);border:2px solid var(--accent-primary);box-shadow:var(--shadow-lg);transform:scale(1.05);opacity:.9}.drag-operation-indicator{font-size:10px;font-weight:600;color:#58a6ff;background:#58a6ff1a;padding:2px 6px;border-radius:8px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px}.tree-node-wrapper{position:relative;transition:all .2s ease}.tree-node-wrapper.drop-target{animation:dropPulse .6s ease-in-out infinite}.tree-node-wrapper.drop-target-valid{animation:dropPulseValid .6s ease-in-out infinite}.tree-node-wrapper.drop-target-invalid{animation:dropPulseInvalid .6s ease-in-out infinite}.tree-node-wrapper.being-dragged{opacity:.3}@keyframes dropPulse{0%,to{border-top-color:var(--accent-primary)}50%{border-top-color:var(--json-object)}}@keyframes dropPulseValid{0%,to{border-top-color:var(--accent-primary);box-shadow:0 0 0 2px var(--bg-active)}50%{border-top-color:var(--json-object);box-shadow:0 0 0 4px var(--bg-hover)}}@keyframes dropPulseInvalid{0%,to{border-top-color:var(--text-danger);box-shadow:0 0 0 2px var(--bg-active)}50%{border-top-color:var(--text-danger);box-shadow:0 0 0 4px var(--bg-hover)}}.tree-node:before{content:"";position:absolute;left:0;right:0;height:2px;background:var(--accent-primary);opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:10}.tree-node.drag-over-top:before{top:-2px;opacity:1}.tree-node.drag-over-bottom:before{bottom:-2px;opacity:1}.tree-node-card:hover{background:var(--bg-hover);border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.tree-node.selected .tree-node-card{background:#1f6feb26;border-color:var(--accent-primary);border-left:4px solid var(--accent-primary);border-top-left-radius:2px;border-bottom-left-radius:2px}.tree-node.multi-selected .tree-node-card{background:var(--bg-hover);border-color:var(--accent-success);box-shadow:0 0 0 3px #3fb95033}.drag-handle{display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:grab;padding:4px;opacity:0;transition:opacity .2s ease}.tree-node-card:hover .drag-handle{opacity:1}.drag-handle:hover{color:var(--text-secondary)}.expand-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:all .2s ease;padding:0}.expand-toggle:hover{background:var(--bg-hover);color:var(--accent-primary)}.node-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.node-key{font-weight:600;color:var(--json-object);font-size:14px;white-space:nowrap}.node-colon{color:var(--text-muted);font-weight:500}.type-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;color:var(--bg-primary);cursor:pointer;white-space:nowrap;transition:all .15s ease;text-transform:uppercase;letter-spacing:.5px}.type-badge:hover{box-shadow:0 2px 8px #0000004d;transform:scale(1.05)}.type-badge:active{transform:scale(.95)}.item-count{font-size:12px;color:var(--text-muted);background:var(--bg-tertiary);padding:3px 8px;border-radius:10px;white-space:nowrap}.node-value{font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inline-edit{flex:1;padding:6px 12px;background:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;outline:none;min-width:100px;box-shadow:0 0 0 3px #58a6ff33}.inline-edit:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #58a6ff4d}.modern-tree-editor .node-actions{display:flex;gap:6px;opacity:0;transition:opacity .2s ease}.modern-tree-editor .tree-node-card:hover .node-actions{opacity:1}.modern-tree-editor .action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s ease;padding:0}.modern-tree-editor .action-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.modern-tree-editor .action-btn.delete:hover{background:var(--bg-hover);border-color:var(--text-danger);color:var(--text-danger)}.action-btn.duplicate:hover{background:var(--bg-active);border-color:var(--json-array);color:var(--json-array)}.action-btn.add-child:hover{background:var(--bg-hover);border-color:var(--accent-success);color:var(--accent-success)}.tree-node-children{margin-left:40px;margin-top:8px;padding-left:20px;border-left:2px solid var(--border-color);display:flex;flex-direction:column;gap:8px;overflow:hidden}.tree-node[data-depth="0"]{margin-left:0}.tree-node[data-depth="1"] .tree-node-children{margin-left:20px}.context-menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:6px;box-shadow:var(--shadow-lg);z-index:1000;min-width:180px}.context-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer;border-radius:6px;transition:background .15s ease}.context-menu button:hover{background:var(--bg-hover)}.context-menu .delete-btn:hover{background:var(--bg-active);color:var(--text-danger)}.menu-divider{height:1px;background:#30363d;margin:6px 0}.modern-tree-editor::-webkit-scrollbar{width:12px}.modern-tree-editor::-webkit-scrollbar-track{background:var(--bg-primary)}.modern-tree-editor::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:6px;border:2px solid var(--bg-primary)}.modern-tree-editor::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.tree-node{animation:slideIn .2s ease}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;min-width:400px;max-width:500px;box-shadow:var(--shadow-lg)}.modal-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 20px}.modal-field{margin-bottom:16px}.modal-label{display:block;color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.modal-input,.modal-select{width:100%;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text-primary);font-size:14px;font-family:var(--font-mono);outline:none;transition:border-color .2s ease}.modal-input:focus,.modal-select:focus{border-color:var(--accent-primary)}.modal-select{cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal-btn{padding:8px 16px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-btn-primary{background:var(--accent-success);color:#fff}.modal-btn-primary:hover{background:#2ea043}.modal-btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.modal-btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent-primary)}@media (max-width: 768px){.tree-node-children{margin-left:20px;padding-left:15px}.node-content{flex-wrap:wrap}.modal-content{min-width:90%;max-width:90%}}.context-menu .submenu{margin-left:12px;padding:6px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;margin-top:4px}.context-menu .submenu button{font-size:12px;padding:6px 10px;justify-content:space-between}.context-menu .menu-item-with-submenu{justify-content:space-between}.path-preview{font-family:Monaco,Menlo,Courier New,monospace;font-size:10px;color:#6e7681;margin-left:8px;overflow:hidden;text-overflow:ellipsis;max-width:150px;white-space:nowrap}.reduced-tree-view{width:100%;height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;overflow:auto;padding:16px;display:flex;flex-direction:column}.tree-header{position:sticky;top:0;z-index:100;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;margin-bottom:16px;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.breadcrumb{flex:1;display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:12px;overflow-x:auto;white-space:nowrap;min-height:32px}.breadcrumb-item{color:var(--text-secondary);transition:all .15s ease}.breadcrumb-item.clickable{color:var(--accent-primary);cursor:pointer}.breadcrumb-item.clickable:hover{color:var(--json-object);text-decoration:underline}.breadcrumb-item.active{color:var(--text-primary);font-weight:600}.breadcrumb-separator{color:var(--text-muted);-webkit-user-select:none;user-select:none}.tree-controls{display:flex;gap:8px;flex-shrink:0}.view-toggle-btn{padding:6px 12px;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:12px;transition:all .2s;display:flex;align-items:center;gap:4px}.view-toggle-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--text-primary)}.view-toggle-btn.active{background:var(--accent-secondary);border-color:var(--accent-secondary);color:#fff}.tree-container{min-height:100%}.tree-node-wrapper{position:relative;overflow:visible}.tree-node{padding:4px 8px;margin:0;border-radius:0;cursor:pointer;transition:all .15s ease;white-space:nowrap;overflow:visible;text-overflow:ellipsis;color:var(--text-primary);position:relative;z-index:1}.tree-node:hover{background:var(--bg-hover)}.tree-node.selected{background:#1f6feb26;border-left:3px solid var(--accent-primary)}.tree-node.selected .node-key{color:var(--json-object)!important}.tree-node.selected .node-count,.tree-node.selected .expand-icon,.tree-node.selected .node-colon{color:var(--text-muted)!important}.tree-node.hovered{background:var(--bg-hover)}.tree-node.root-node{font-weight:600;font-size:14px;background:var(--bg-tertiary);border-left:3px solid var(--accent-primary);margin-bottom:4px}.node-content{display:flex;align-items:center;gap:4px;width:100%;overflow:visible}.expand-icon{color:var(--text-muted);font-size:11px;min-width:16px;text-align:center}.expand-icon.clickable{cursor:pointer;color:var(--accent-primary)}.expand-icon.clickable:hover{color:var(--json-object)}.node-key{color:var(--json-object);font-weight:500;max-width:250px;overflow:hidden;text-overflow:ellipsis}.node-count{color:var(--text-muted);font-size:11px;font-weight:400}.node-preview{font-size:12px;margin-left:8px;flex:1;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary)}.value-string{color:var(--json-string);font-weight:500}.value-number{color:var(--json-number);font-weight:600}.value-boolean{color:var(--json-boolean);font-weight:700}.value-null{color:var(--json-null);font-style:italic;font-weight:500}.value-array{color:var(--json-array);font-weight:500}.value-object{color:var(--json-object);font-weight:500}.mini-preview{color:var(--accent-primary);font-size:11px;background:var(--bg-hover);padding:1px 4px;border-radius:2px;margin:0 2px}.more-indicator{color:var(--text-muted);font-style:italic;opacity:.7}.more-text{color:var(--text-danger);font-weight:500}.inline-editor{display:flex!important;align-items:center!important;gap:6px!important;width:100%!important;height:30px!important;padding:0!important;line-height:1!important}.node-colon{color:var(--text-muted);font-weight:500;margin:0 4px}.edit-input{flex:1;background:var(--bg-primary);border:1px solid var(--accent-primary)!important;border-radius:4px;color:var(--text-primary);font-family:var(--font-mono);font-size:13px;padding:0 8px!important;outline:none;min-width:150px;height:28px!important;margin:0!important}.edit-input:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 0 2px var(--bg-hover)!important}.edit-buttons{display:flex!important;align-items:center!important;gap:4px!important;height:100%!important;margin:0!important;padding:0!important}.edit-save,.edit-cancel{background:var(--bg-hover)!important;border:1px solid var(--border-color)!important;cursor:pointer;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:4px;color:var(--text-primary);transition:all .2s cubic-bezier(.4,0,.2,1);padding:0!important;margin:0 0 0 4px!important;line-height:0!important}.edit-save:hover{background:var(--accent-success)!important;border-color:var(--accent-success)!important;color:#fff!important}.edit-cancel:hover{background:var(--text-danger)!important;border-color:var(--text-danger)!important;color:#fff!important}.tree-node.editing{background:var(--bg-hover);border-left:3px solid var(--accent-primary)}.tooltip{position:fixed;z-index:1000;pointer-events:none;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;max-width:400px;max-height:300px;overflow:auto;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tooltip-content{color:var(--text-primary);font-family:var(--font-mono);font-size:11px}.tooltip-path{color:var(--accent-primary);font-weight:600;margin-bottom:8px;border-bottom:1px solid var(--border-color);padding-bottom:4px}.tooltip-value{line-height:1.4}.tooltip-value .json-key{color:var(--json-object);font-weight:600}.tooltip-value .json-string{color:var(--json-string)}.tooltip-value .json-number{color:var(--json-number);font-weight:600}.tooltip-value .json-boolean{color:var(--json-boolean);font-weight:700}.tooltip-value .json-null{color:var(--json-null);font-style:italic}.reduced-tree-view::-webkit-scrollbar{width:8px}.reduced-tree-view::-webkit-scrollbar-track{background:var(--bg-primary)}.reduced-tree-view::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.reduced-tree-view::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.editable-key{cursor:pointer;transition:background-color .15s ease;padding:1px 4px;border-radius:2px}.editable-key:hover{background-color:#58a6ff26}.node-actions{display:none;gap:6px;margin-left:auto;padding-left:12px;align-items:center}.tree-node:hover .node-actions{display:flex}.action-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:4px 8px;font-size:14px;transition:all .15s ease}.action-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.action-btn.edit-key-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.action-btn.delete-btn:hover{border-color:var(--text-danger);color:var(--text-danger)}.action-btn.add-btn{background:var(--accent-success);border-color:var(--accent-success);color:#fff;font-weight:600;transform:scale(1);transition:all .2s ease}.action-btn.add-btn:hover{background:var(--accent-success);border-color:var(--accent-success);color:#fff;transform:scale(1.15);box-shadow:0 2px 8px #5da85d4d}.type-badge{font-size:10px;padding:2px 6px;border-radius:3px;margin-left:6px;cursor:pointer;transition:all .15s ease;font-weight:600;text-transform:uppercase}.type-badge.type-string{background:#ffa65726;color:#ffa657;border:1px solid rgba(255,166,87,.3)}.type-badge.type-number{background:#a5d6ff26;color:#a5d6ff;border:1px solid rgba(165,214,255,.3)}.type-badge.type-boolean{background:#7ee78726;color:#7ee787;border:1px solid rgba(126,231,135,.3)}.type-badge.type-null{background:#8b949e26;color:#8b949e;border:1px solid rgba(139,148,158,.3)}.type-badge.type-object{background:#79c0ff26;color:#79c0ff;border:1px solid rgba(121,192,255,.3)}.type-badge.type-array{background:#d299ff26;color:#d299ff;border:1px solid rgba(210,153,255,.3)}.type-badge:hover{transform:scale(1.05);filter:brightness(1.2)}.type-selector{position:absolute;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow-lg);z-index:1000;min-width:140px;padding:4px}.type-option{padding:6px 12px;cursor:pointer;border-radius:4px;transition:background .15s ease;font-size:12px;display:flex;align-items:center;gap:8px}.type-option:hover{background:var(--bg-hover)}.type-option.selected{background:var(--bg-active);font-weight:600}.search-bar{position:sticky;top:52px;z-index:99;display:flex;gap:8px;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;margin-bottom:12px;align-items:center}.search-input{flex:1;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:var(--font-mono);font-size:13px;padding:6px 10px;outline:none}.search-input:focus{border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff33}.search-controls{display:flex;gap:4px;align-items:center}.search-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:4px 8px;font-size:11px;transition:all .2s}.search-btn:hover{background:var(--bg-hover);border-color:var(--border-color)}.search-btn.active{background:var(--accent-secondary);border-color:var(--accent-secondary);color:#fff}.search-results-count{font-size:11px;color:#8b949e;white-space:nowrap}.search-highlight{background:#ffdf004d;border-radius:2px;padding:1px 2px;box-shadow:0 0 0 2px #ffdf0033}.search-highlight.active{background:#ffdf0080;box-shadow:0 0 0 2px #ffdf0066}.drag-handle{cursor:grab;color:#8b949e;font-size:14px;padding:2px 4px;margin-right:4px;opacity:0;transition:opacity .15s ease}.tree-node:hover .drag-handle{opacity:.6}.drag-handle:hover{opacity:1!important;color:#58a6ff}.drag-handle:active{cursor:grabbing}.tree-node.dragging{opacity:.5;background:#58a6ff1a}.tree-node.drag-over{border-top:2px solid #3fb950}.tree-node.drag-over-invalid{border-top:2px solid #f85149}.add-key-form{display:flex;gap:6px;align-items:center;padding:8px 10px;background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:6px;margin:4px 0;box-shadow:0 2px 8px #4a90e226;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.add-key-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:var(--font-mono);font-size:12px;padding:6px 8px;outline:none;min-width:120px;flex:1;transition:all .2s ease}.add-key-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #4a90e233}.add-key-type-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:11px;padding:6px 8px;outline:none;cursor:pointer;font-weight:500;transition:all .2s ease}.add-key-type-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #4a90e233}.add-key-type-select:hover{border-color:var(--accent-primary)}.add-key-btns{display:flex;gap:4px}.add-key-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:6px 12px;font-size:11px;font-weight:500;transition:all .2s ease}.add-key-btn:hover{background:var(--bg-hover);border-color:var(--text-secondary);transform:translateY(-1px)}.add-key-btn.primary{background:var(--accent-success);border-color:var(--accent-success);color:#fff}.add-key-btn.primary:hover{background:var(--accent-success);filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 2px 6px #5da85d4d}.context-menu{position:fixed;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow-lg);z-index:1001;min-width:180px;padding:4px}.context-menu-item{padding:8px 12px;cursor:pointer;border-radius:4px;transition:background .15s ease;font-size:12px;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.context-menu-item:hover{background:#58a6ff26}.context-menu-item.danger:hover{background:var(--bg-hover);color:var(--text-danger)}.context-menu-separator{height:1px;background:#30363d;margin:4px 0}.confirm-dialog-overlay{position:fixed;inset:0;background:#0009;z-index:2000;display:flex;align-items:center;justify-content:center}.confirm-dialog{background:#161b22;border:1px solid #30363d;border-radius:8px;box-shadow:0 16px 48px #000000b3;padding:20px;min-width:320px;max-width:480px}.confirm-dialog-title{color:#f0f6fc;font-size:16px;font-weight:600;margin-bottom:12px}.confirm-dialog-message{color:#c9d1d9;font-size:13px;margin-bottom:12px;line-height:1.5;white-space:pre-line}.confirm-dialog-checkbox{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding:8px;background:#58a6ff0d;border-radius:4px}.confirm-dialog-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#58a6ff}.confirm-dialog-checkbox label{color:#c9d1d9;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.confirm-dialog-actions{display:flex;gap:8px;justify-content:flex-end}.confirm-dialog-btn{padding:6px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .15s;border:1px solid}.confirm-dialog-btn.cancel{background:#3e3e42;border-color:#3e3e42;color:#d4d4d4}.confirm-dialog-btn.cancel:hover{background:#4e4e52}.confirm-dialog-btn.confirm{background:#f85149;border-color:#f85149;color:#fff}.confirm-dialog-btn.confirm:hover{background:#da3633}.insert-indicator{height:2px;background:#3fb950;margin:2px 0;border-radius:1px;box-shadow:0 0 4px #3fb95080}.empty-container-hint{padding:12px 8px;margin:4px 0}.empty-add-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:2px dashed var(--accent-success);border-radius:6px;color:var(--accent-success);cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;width:fit-content}.empty-add-btn:hover{background:var(--accent-success);border-style:solid;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #5da85d40}.empty-add-btn .plus-icon{font-size:18px;font-weight:700;line-height:1}.empty-add-btn .hint-text{font-size:12px}.empty-add-btn:hover .plus-icon{transform:rotate(90deg);transition:transform .3s ease}.modern-table-view{width:100%;height:100%;background:var(--bg-primary);display:flex;flex-direction:column;font-family:var(--font-mono);color:var(--text-primary);overflow:hidden;max-width:100vw}.array-selector{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.selector-label{font-size:12px;font-weight:600;color:var(--text-muted)}.selector-dropdown{position:relative;flex:1;max-width:500px}.selector-button{width:100%;display:flex;align-items:center;gap:8px;padding:5px 10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .15s ease}.selector-button:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.selector-icon{font-size:16px}.selector-text{flex:1;text-align:left;font-weight:500}.selector-count{font-size:12px;color:var(--text-muted);padding:2px 8px;background:var(--bg-active);border-radius:12px}.selector-arrow{font-size:10px;color:var(--text-muted);transition:transform .2s ease}.selector-arrow.open{transform:rotate(180deg)}.selector-backdrop{position:fixed;inset:0;z-index:99}.selector-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;max-height:400px;overflow-y:auto}.selector-option{width:100%;padding:12px 16px;background:none;border:none;border-bottom:1px solid var(--border-light);text-align:left;cursor:pointer;transition:background .15s ease}.selector-option:last-child{border-bottom:none}.selector-option:hover{background:var(--bg-hover)}.selector-option.selected{background:var(--bg-active)}.option-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.option-icon{font-size:14px}.option-path{flex:1;font-weight:600;color:var(--accent-primary);font-size:14px}.option-check{color:var(--accent-success);font-size:16px}.option-meta{font-size:12px;color:var(--text-muted);margin-bottom:4px}.option-columns{font-size:11px;color:var(--text-secondary);font-family:var(--font-mono)}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:6px}.search-box{position:relative;min-width:220px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:5px 28px 5px 30px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;transition:all .15s ease;outline:none}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0869da26}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border:none;border-radius:4px;color:var(--text-muted);font-size:16px;cursor:pointer;transition:all .15s ease}.search-clear:hover{background:var(--bg-active);color:var(--text-primary)}.toolbar-stats{display:flex;gap:8px;font-size:11px;color:var(--text-muted)}.stat-item{padding:3px 8px;background:var(--bg-active);border-radius:10px}.stat-selected{background:var(--accent-secondary);color:#fff;font-weight:500}.toolbar-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.toolbar-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.toolbar-btn:active{transform:scale(.98)}.btn-add{border-color:var(--accent-success);color:var(--accent-success)}.btn-add:hover{background:#2ea0431a;border-color:var(--accent-success)}.btn-delete{border-color:var(--text-danger);color:var(--text-danger)}.btn-delete:hover{background:var(--bg-danger);border-color:var(--text-danger)}.btn-export{border-color:var(--accent-primary);color:var(--accent-primary)}.btn-export:hover{background:#0869da1a;border-color:var(--accent-primary)}.btn-icon{font-size:14px}.btn-text{font-size:13px}.toolbar-dropdown{position:relative}.dropdown-backdrop{position:fixed;inset:0;z-index:199}.dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;padding:4px}.dropdown-columns{max-height:400px;overflow-y:auto}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border-color);margin-bottom:4px;font-size:12px;font-weight:600;color:var(--text-muted)}.dropdown-toggle-all{background:none;border:none;color:#58a6ff;font-size:11px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .15s ease}.dropdown-toggle-all:hover{background:var(--bg-hover)}.dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;background:none;border:none;border-radius:6px;text-align:left;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .15s ease}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item.active{background:var(--bg-active);color:var(--accent-primary)}.item-icon{font-size:14px;width:20px;text-align:center}.item-text{flex:1}.item-check{color:#3fb950;font-size:14px}.dropdown-checkbox{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;border-radius:6px;transition:background .15s ease}.dropdown-checkbox:hover{background:#21262d}.dropdown-checkbox input[type=checkbox]{cursor:pointer}.checkbox-text{font-size:13px;color:#c9d1d9}.table-scroll-container{flex:1;position:relative;background:var(--bg-primary);overflow-x:scroll;overflow-y:auto;scrollbar-gutter:stable}@supports (-moz-appearance: none){.table-scroll-container{overflow-x:scroll!important;scrollbar-width:auto}}.modern-data-table{min-width:100%;width:max-content;border-collapse:separate;border-spacing:0;font-size:13px}.table-th{position:sticky;top:0;background:var(--bg-secondary);padding:6px 10px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color);-webkit-user-select:none;user-select:none;z-index:10}.table-th.select-col{width:40px;padding:6px 10px}.th-content{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;transition:color .15s ease}.th-content:hover,.table-th.sorted .th-content{color:var(--accent-primary)}.column-header-content{display:flex;align-items:center;gap:8px}.column-icon{font-size:14px;opacity:.7}.column-title{font-size:12px}.sort-icon{font-size:11px;color:var(--accent-primary)}.column-resizer{position:absolute;right:0;top:0;height:100%;width:4px;background:transparent;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;transition:background .15s ease}.column-resizer:hover{background:var(--accent-primary)}.table-tr{transition:background .15s ease}.table-tr:hover{background:var(--bg-secondary)}.table-tr.selected{background:#1f6feb26!important}.table-td{padding:6px 10px;border-bottom:1px solid var(--border-light);vertical-align:middle}.table-td.select-col{width:40px;padding:6px 10px}.view-compact .table-th{padding:8px 12px}.view-compact .table-td{padding:6px 12px;font-size:12px}.view-spacious .table-th{padding:16px 20px}.view-spacious .table-td{padding:14px 20px;font-size:14px}.table-cell{position:relative;max-width:400px}.cell-value{display:block;padding:2px 0;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-null{color:var(--text-muted);font-style:italic}.cell-boolean{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-weight:500;font-size:12px}.cell-boolean.true{background:#2ea04326;color:var(--json-boolean)}.cell-boolean.false{background:var(--bg-danger);color:var(--text-danger)}.bool-icon{font-size:10px}.cell-number{color:var(--json-number);font-family:var(--font-mono);font-weight:500}.cell-string{color:var(--json-string);font-family:var(--font-mono);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.cell-array,.cell-object{color:var(--json-array);font-weight:500;font-size:12px}.cell-editor{width:100%;padding:4px 8px;background:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:4px;color:var(--text-primary);font-size:13px;font-family:var(--font-mono);outline:none;box-shadow:0 0 0 3px #0869da26}.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px;background:var(--bg-secondary);border-top:1px solid var(--border-color);flex-shrink:0;width:100%;max-width:100%;overflow:visible}.pagination-info{font-size:11px;color:var(--text-muted)}.pagination-controls{display:flex;align-items:center;gap:3px}.pagination-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:12px;cursor:pointer;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:var(--bg-active);border-color:var(--accent-primary)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-page{padding:0 8px;font-size:11px;color:var(--text-primary);font-weight:500}.pagination-select{padding:4px 8px;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:11px;cursor:pointer;transition:all .15s ease;outline:none}.pagination-select:hover{background:var(--bg-active);border-color:var(--accent-primary)}.table-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:64px 32px;text-align:center}.empty-icon{font-size:64px;margin-bottom:24px;opacity:.5}.empty-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.empty-description{font-size:14px;color:var(--text-muted);line-height:1.6;max-width:400px}input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-primary)}.table-scroll-container::-webkit-scrollbar{width:12px;height:14px;display:block}.selector-menu::-webkit-scrollbar,.dropdown-columns::-webkit-scrollbar{width:10px;height:10px}.table-scroll-container::-webkit-scrollbar-track,.selector-menu::-webkit-scrollbar-track,.dropdown-columns::-webkit-scrollbar-track{background:#0d1117}.table-scroll-container::-webkit-scrollbar-thumb,.selector-menu::-webkit-scrollbar-thumb,.dropdown-columns::-webkit-scrollbar-thumb{background:#30363d;border-radius:5px}.table-scroll-container::-webkit-scrollbar-thumb:hover,.selector-menu::-webkit-scrollbar-thumb:hover,.dropdown-columns::-webkit-scrollbar-thumb:hover{background:#484f58}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.table-toolbar{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right{width:100%;justify-content:space-between}.search-box{min-width:100%}.btn-text{display:none}.toolbar-btn{padding:7px 10px}}.selector-group{margin-bottom:4px}.selector-group:last-child{margin-bottom:0}.selector-group-header{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#0d1117;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#8b949e;border-bottom:1px solid #21262d;border-top:1px solid #21262d}.group-icon{font-size:12px}.group-label{flex:1}.selector-option.nested-option{padding-left:24px}.option-indent{color:#6e7681;font-size:12px;margin-right:4px}.option-path-full{font-size:10px;color:#6e7681;font-family:Monaco,monospace;margin-top:4px;opacity:.7}.column-title.depth-1{color:#79c0ff}.column-title.depth-2{color:#58a6ff}.column-title.depth-3{color:#2f81f7}.cell-array-clickable{background:none;border:none;cursor:pointer;padding:2px 8px;border-radius:4px;transition:all .15s ease;display:inline-flex;align-items:center;gap:4px}.cell-array-clickable:hover{background:#58a6ff33;color:#58a6ff;transform:translate(2px)}.cell-array-clickable:active{transform:translate(0) scale(.98)}.column-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.column-header-content[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#161b22;color:#c9d1d9;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:1000;border:1px solid #30363d;box-shadow:0 4px 12px #00000080;pointer-events:none}.breadcrumb-container{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 12px;background:#161b22;border-bottom:1px solid #30363d}.breadcrumb-trail{display:flex;align-items:center;gap:3px;flex:1}.breadcrumb-separator{color:#6e7681;font-size:12px;margin:0 3px}.breadcrumb-segment{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:none;border:none;border-radius:4px;color:#8b949e;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.breadcrumb-segment:hover:not(:disabled){background:#21262d;color:#58a6ff}.breadcrumb-segment.active{background:#1c2d41;color:#58a6ff;cursor:default}.breadcrumb-segment:disabled{cursor:default}.segment-icon{font-size:12px}.segment-label{font-size:11px}.breadcrumb-info{display:flex;align-items:center;gap:12px}.nested-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3);border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px}.indicator-icon{font-size:12px}.indicator-text{text-transform:uppercase}.parent-info{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#21262d;border-radius:12px;font-size:12px;color:#8b949e;cursor:help}.info-icon{font-size:13px}.info-text{font-size:11px}.breadcrumb-back-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.breadcrumb-back-btn:hover{background:#30363d;border-color:#58a6ff;color:#58a6ff}.back-icon{font-size:14px}.back-text{font-size:13px}.cell-editor-boolean{display:flex;align-items:center;gap:10px;padding:4px 8px;cursor:pointer;-webkit-user-select:none;user-select:none}.cell-editor-boolean input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3fb950}.cell-editor-boolean .bool-label{font-size:13px;font-weight:500;color:#c9d1d9}.cell-editor-number{width:100%;padding:4px 8px;background:#0d1117;border:2px solid #79c0ff;border-radius:4px;color:#79c0ff;font-size:13px;font-family:Monaco,Courier New,monospace;font-weight:500;outline:none;box-shadow:0 0 0 3px #79c0ff26}.cell-editor-number:focus{border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff33}.cell-editor-text{width:100%;padding:4px 8px;background:#0d1117;border:2px solid #58a6ff;border-radius:4px;color:#a5d6ff;font-size:13px;font-family:Monaco,Courier New,monospace;outline:none;box-shadow:0 0 0 3px #58a6ff26}.cell-editor-text:focus{border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff33}.cell-editor-select{width:100%;padding:4px 8px;background:#0d1117;border:2px solid #8b949e;border-radius:4px;color:#c9d1d9;font-size:13px;cursor:pointer;outline:none}.cell-editor-select:focus{border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff26}.modern-table-view.is-nested .table-scroll-container{background:#0f1319;border-top:3px solid #f59e0b}.modern-table-view.is-nested .modern-data-table{background:#0f1319}.modern-table-view.is-nested .table-th,.modern-table-view.is-nested .table-tr:hover{background:#14181f}[data-theme=light] .modern-table-view{background:var(--bg-primary);color:var(--text-primary)}[data-theme=light] .array-selector,[data-theme=light] .table-toolbar,[data-theme=light] .table-pagination{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=light] .selector-button,[data-theme=light] .search-input{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=light] .selector-button:hover,[data-theme=light] .search-input:focus{border-color:var(--accent-primary)}[data-theme=light] .search-input:focus{box-shadow:0 0 0 3px #0969da1a}[data-theme=light] .selector-menu{background:#fff;border-color:var(--border-color);box-shadow:0 8px 24px #8c959f33}[data-theme=light] .selector-option{border-color:var(--border-light)}[data-theme=light] .selector-option:hover{background:var(--bg-hover)}[data-theme=light] .selector-option.selected{background:#0969da1a}[data-theme=light] .table-th{background:var(--bg-secondary);color:var(--text-primary);border-bottom-color:var(--border-color)}[data-theme=light] .table-tr:hover{background:var(--bg-hover)}[data-theme=light] .table-tr.selected{background:#0969da14!important}[data-theme=light] .table-td{border-bottom-color:var(--border-light)}[data-theme=light] .cell-editor,[data-theme=light] .cell-editor-text{background:#fff;border-color:var(--accent-primary);color:var(--text-primary);box-shadow:0 0 0 3px #0969da1a}[data-theme=light] .cell-editor-number{background:#fff;border-color:var(--json-number);color:var(--json-number);box-shadow:0 0 0 3px #0986581a}[data-theme=light] .toolbar-btn{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=light] .toolbar-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary)}[data-theme=light] .pagination-btn,[data-theme=light] .pagination-select{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=light] .pagination-btn:hover:not(:disabled),[data-theme=light] .pagination-select:hover{background:var(--bg-hover);border-color:var(--accent-primary)}[data-theme=light] .dropdown-menu{background:#fff;border-color:var(--border-color);box-shadow:0 8px 24px #8c959f33}[data-theme=light] .dropdown-item{color:var(--text-primary)}[data-theme=light] .dropdown-item:hover{background:var(--bg-hover)}[data-theme=light] .dropdown-item.active{background:#0969da1a;color:var(--accent-primary)}[data-theme=light] .dropdown-checkbox:hover{background:var(--bg-hover)}[data-theme=light] .search-clear{background:var(--bg-hover);color:var(--text-muted)}[data-theme=light] .search-clear:hover{background:var(--bg-active);color:var(--text-primary)}[data-theme=light] .table-scroll-container::-webkit-scrollbar-track{background:var(--bg-primary)}[data-theme=light] .table-scroll-container::-webkit-scrollbar-thumb{background:var(--border-color)}[data-theme=light] .table-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}[data-theme=light] .breadcrumb-container{background:var(--bg-secondary);border-bottom-color:var(--border-color)}[data-theme=light] .breadcrumb-segment{color:var(--text-secondary)}[data-theme=light] .breadcrumb-segment:hover:not(:disabled){background:var(--bg-hover);color:var(--accent-primary)}[data-theme=light] .breadcrumb-segment.active{background:#0969da1a;color:var(--accent-primary)}[data-theme=light] .breadcrumb-back-btn{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=light] .breadcrumb-back-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}[data-theme=light] .selector-group-header{background:var(--bg-primary);color:var(--text-muted);border-color:var(--border-light)}[data-theme=light] .cell-array-clickable:hover{background:#0969da26;color:var(--accent-primary)}[data-theme=light] .column-header-content[title]:hover:after{background:#fff;color:var(--text-primary);border-color:var(--border-color);box-shadow:0 4px 12px #8c959f33}[data-theme=light] .modern-table-view.is-nested .table-scroll-container{background:#f9fafb;border-top-color:#d97706}[data-theme=light] .modern-table-view.is-nested .modern-data-table{background:#f9fafb}[data-theme=light] .modern-table-view.is-nested .table-th,[data-theme=light] .modern-table-view.is-nested .table-tr:hover{background:#f3f4f6}.graph-view{position:relative;width:100%;height:100%;background:var(--bg-primary);overflow:hidden}.graph-canvas{width:100%;height:100%;cursor:grab}.graph-canvas:active{cursor:grabbing}.graph-controls{position:absolute;top:20px;left:20px;display:flex;gap:20px;z-index:10}.search-box{display:flex;align-items:center;gap:10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-input{background:transparent;border:none;color:var(--text-primary);font-size:14px;outline:none;width:200px;font-family:var(--font-mono)}.search-input::placeholder{color:#6e7681}.search-results-info{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12px;border-left:1px solid var(--border-color);padding-left:12px}.search-nav-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;padding:2px 8px;border-radius:4px;font-size:14px;transition:all .2s}.search-nav-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.zoom-controls{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zoom-controls button{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;padding:4px 12px;border-radius:4px;font-size:16px;font-weight:700;transition:all .2s;min-width:32px}.zoom-controls button:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.zoom-controls span{color:var(--text-muted);font-size:12px;min-width:50px;text-align:center}.minimap-container{position:absolute;bottom:20px;right:20px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;padding:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg)}.minimap-canvas{display:block;border-radius:4px}.minimap-label{text-align:center;color:var(--text-muted);font-size:11px;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.edit-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.edit-modal{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;padding:24px;min-width:400px;box-shadow:var(--shadow-lg)}.edit-modal h3{margin:0 0 16px;color:var(--text-primary);font-size:18px;font-weight:600}.edit-modal input[type=text]{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);padding:10px 12px;font-size:14px;font-family:var(--font-mono);outline:none;transition:border-color .2s}.edit-modal input[type=text]:focus{border-color:var(--accent-primary)}.edit-buttons{display:flex;gap:12px;margin-top:16px;justify-content:flex-end}.edit-buttons button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid var(--border-color)}.edit-buttons button:first-child{background:var(--accent-success);color:#fff;border-color:var(--accent-success)}.edit-buttons button:first-child:hover{background:var(--accent-success);opacity:.9}.edit-buttons button:last-child{background:transparent;color:var(--text-primary)}.edit-buttons button:last-child:hover{background:var(--bg-hover)}.graph-legend{position:absolute;bottom:20px;left:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12px}.legend-color{width:16px;height:16px;border-radius:50%;border:2px solid}.legend-color.root{background:var(--bg-tertiary);border-color:var(--text-danger)}.legend-color.object{background:var(--bg-hover);border-color:var(--json-object)}.legend-color.array{background:var(--bg-hover);border-color:var(--json-array)}.legend-color.primitive{background:var(--bg-hover);border-color:var(--json-boolean)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.graph-canvas.loading{animation:pulse 2s infinite}@media (max-width: 768px){.graph-controls{flex-direction:column;gap:10px}.search-input{width:150px}.minimap-container{bottom:10px;right:10px}.minimap-canvas{width:150px;height:112px}.graph-legend{bottom:10px;left:10px}.edit-modal{min-width:90%}}.graph-view:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(239,68,68,.03) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(16,185,129,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.graph-canvas.selecting{cursor:crosshair}.graph-performance-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:20px;color:var(--text-muted);font-size:14px;text-align:center;z-index:5}.graph-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-muted);font-size:16px}.graph-loading:after{content:"...";animation:loading 1.5s infinite}@keyframes loading{0%{content:"."}33%{content:".."}66%{content:"..."}to{content:"."}}.building-view{position:relative;width:100%;height:100%;background:var(--bg-primary);overflow:hidden;display:flex;flex-direction:column}.building-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-secondary);border-bottom:2px solid var(--border-color);box-shadow:var(--shadow-sm);z-index:100}.building-title{display:flex;align-items:center;gap:12px}.building-icon{font-size:28px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.building-name{font-size:20px;font-weight:700;color:var(--text-primary)}.floor-indicator{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #667eea66}.search-box{display:flex;align-items:center;gap:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:8px 14px}.search-input{background:transparent;border:none;color:var(--text-primary);font-size:14px;outline:none;width:250px}.search-input::placeholder{color:#64748b}.search-results-info{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:12px;padding-left:12px;border-left:1px solid #475569}.search-nav-btn{background:#334155;border:1px solid #475569;color:#e2e8f0;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:12px;transition:all .2s}.search-nav-btn:hover{background:#475569;transform:scale(1.1)}.breadcrumb-nav{display:flex;align-items:center;padding:12px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);overflow-x:auto;gap:8px}.breadcrumb-item{background:transparent;border:1px solid #334155;color:#94a3b8;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s;white-space:nowrap}.breadcrumb-item:hover{background:#1e293b;border-color:#667eea;color:#e2e8f0;transform:translateY(-2px)}.breadcrumb-separator{color:#475569;font-size:14px}.building-content{display:flex;flex:1;overflow:hidden;padding:20px;gap:20px}.elevator-shaft{display:flex;flex-direction:column;align-items:center;gap:12px;width:80px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:16px 8px;box-shadow:inset 0 2px 10px #0003;position:relative}.elevator-btn{width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #60a5fa;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #3b82f666;display:flex;align-items:center;justify-content:center}.elevator-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:scale(1.1);box-shadow:0 6px 16px #3b82f699}.elevator-btn:disabled{background:#1e293b;border-color:#334155;color:#475569;cursor:not-allowed;opacity:.5}.elevator-track{position:relative;width:60px;height:400px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:inset 0 0 20px #0000004d}.elevator-car{position:absolute;top:0;left:50%;transform:translate(-50%);width:50px;height:50px;background:linear-gradient(135deg,#ef4444,#dc2626);border:3px solid #fca5a5;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #ef444499;z-index:10}.elevator-car.animating{transition:transform .5s cubic-bezier(.4,0,.2,1)}.elevator-display{color:#fff;font-weight:700;font-size:18px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.floor-marker{position:absolute;left:-25px;width:20px;height:2px;background:#334155}.floor-marker.active{background:#ef4444;width:30px;height:3px;box-shadow:0 0 8px #ef4444cc}.properties-container{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:0 20px}.floor-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--border-color)}.floor-title h2{margin:0;color:var(--text-primary);font-size:24px;font-weight:700}.sibling-nav{display:flex;gap:8px}.sibling-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:2px solid #a78bfa;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #8b5cf666}.sibling-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf699}.sibling-btn:disabled{background:#1e293b;border-color:#334155;color:#475569;cursor:not-allowed;opacity:.5}.properties-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding-bottom:20px}.property-box{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:16px;cursor:default;transition:all .3s;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.property-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:0;transition:opacity .3s}.property-box:hover:before{opacity:1}.property-box.clickable{cursor:pointer}.property-box.clickable:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006}.property-object{border-color:#3b82f6;color:#3b82f6}.property-object:hover{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#60a5fa}.property-array{border-color:#f59e0b;color:#f59e0b}.property-array:hover{background:linear-gradient(135deg,#78350f,#92400e);border-color:#fbbf24}.property-primitive{border-color:#10b981;color:#10b981}.property-primitive:hover{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#34d399}.property-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(51,65,85,.5)}.property-icon{font-size:20px}.property-key{color:#e2e8f0;font-weight:600;font-size:14px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-count{background:#64748b4d;color:#94a3b8;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.property-value{color:#cbd5e1;font-size:13px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;word-break:break-word;min-height:40px}.property-action{margin-top:12px;padding-top:12px;border-top:1px solid rgba(51,65,85,.5);color:#94a3b8;font-size:12px;font-style:italic;text-align:center;opacity:0;transition:opacity .3s}.property-box.clickable:hover .property-action{opacity:1}.empty-floor{text-align:center;padding:80px 20px;color:var(--text-muted);font-size:18px}.building-minimap{width:120px;background:#0f172af2;border:2px solid #334155;border-radius:12px;padding:16px;box-shadow:0 4px 16px #00000080}.minimap-title{color:#94a3b8;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;text-align:center}.minimap-floors{display:flex;flex-direction:column-reverse;gap:4px;max-height:400px;overflow-y:auto}.minimap-floor{height:30px;background:#1e293b;border:1px solid #334155;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative}.minimap-floor:hover{background:#334155;transform:scaleX(1.1)}.minimap-floor.current{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#fca5a5;box-shadow:0 0 12px #ef444499;transform:scaleX(1.2)}.minimap-floor-label{color:#94a3b8;font-size:11px;font-weight:600}.minimap-floor.current .minimap-floor-label{color:#fff}.shortcuts-hint{background:#0f172af2;border-top:1px solid #334155;padding:10px 24px;color:#64748b;font-size:12px;text-align:center;display:flex;justify-content:center;gap:20px}.shortcuts-hint kbd{background:#1e293b;border:1px solid #334155;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px;color:#94a3b8}.edit-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.edit-modal{background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #334155;border-radius:16px;padding:32px;min-width:400px;box-shadow:0 20px 60px #000c}.edit-modal h3{margin:0 0 20px;color:#e2e8f0;font-size:20px;font-weight:700}.edit-modal input[type=text]{width:100%;background:#0f172a;border:2px solid #334155;border-radius:8px;color:#e2e8f0;padding:12px 16px;font-size:14px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;outline:none;transition:border-color .3s}.edit-modal input[type=text]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.edit-buttons{display:flex;gap:12px;margin-top:20px;justify-content:flex-end}.edit-buttons button{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid}.edit-buttons button:first-child{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#34d399}.edit-buttons button:first-child:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.edit-buttons button:last-child{background:transparent;color:#94a3b8;border-color:#334155}.edit-buttons button:last-child:hover{background:#1e293b;border-color:#475569}.properties-container::-webkit-scrollbar,.minimap-floors::-webkit-scrollbar{width:8px}.properties-container::-webkit-scrollbar-track,.minimap-floors::-webkit-scrollbar-track{background:#0f172a;border-radius:4px}.properties-container::-webkit-scrollbar-thumb,.minimap-floors::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.properties-container::-webkit-scrollbar-thumb:hover,.minimap-floors::-webkit-scrollbar-thumb:hover{background:#475569}@media (max-width: 1024px){.building-minimap{display:none}.properties-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 768px){.building-header{flex-direction:column;gap:12px}.search-input{width:100%}.breadcrumb-nav{font-size:11px}.properties-grid{grid-template-columns:1fr}.elevator-shaft{width:60px}.shortcuts-hint{font-size:10px;gap:10px}}.local-history-container{position:relative}.recent-bar-btn{display:inline-flex;align-items:center;gap:8px;background:#1f2937;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 14px;color:#f3f4f6;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.recent-bar-btn:hover{background:#374151;border-color:var(--accent-primary)}.history-dropdown{position:absolute;top:100%;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #00000026;min-width:320px;max-width:400px;max-height:400px;overflow:hidden;z-index:1000;margin-top:4px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.history-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);font-weight:600;font-size:14px}.clear-history-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;font-size:14px;transition:all .2s ease}.clear-history-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.history-list{max-height:320px;overflow-y:auto}.history-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border-light);transition:background-color .2s ease}.history-item:hover{background:var(--bg-hover)}.history-item:last-child{border-bottom:none}.history-item-content{flex:1;min-width:0}.history-item-name{font-weight:500;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-meta{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-remove{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:16px;line-height:1;margin-left:8px;transition:all .2s ease;flex-shrink:0}.history-item-remove:hover{background:var(--bg-danger);color:var(--text-danger)}.history-empty{padding:24px 16px;text-align:center;color:var(--text-secondary);font-style:italic}[data-theme=dark] .history-dropdown{box-shadow:0 8px 24px #0006}[data-theme=light] .history-dropdown{background:#fff;border-color:var(--border-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}[data-theme=light] .history-header{background:var(--bg-secondary);border-bottom-color:var(--border-color);color:var(--text-primary)}[data-theme=light] .history-item{border-bottom-color:var(--border-light)}[data-theme=light] .history-item:hover{background:var(--bg-hover)}[data-theme=light] .history-item-name{color:var(--text-primary)}[data-theme=light] .history-item-meta,[data-theme=light] .clear-history-btn{color:var(--text-secondary)}[data-theme=light] .clear-history-btn:hover{background:var(--bg-hover);color:var(--text-primary)}[data-theme=light] .history-item-remove{color:var(--text-secondary)}[data-theme=light] .history-item-remove:hover{background:var(--bg-danger);color:var(--text-danger)}[data-theme=light] .history-empty{color:var(--text-secondary)}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.json-graph-container{width:100%;height:100%;background:var(--bg-primary);position:relative}.graph-controls{position:absolute;top:1rem;left:1rem;z-index:10;display:flex;gap:.5rem}.btn-layout{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:.5rem 1rem;color:var(--text-primary);font-family:var(--font-mono);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-layout:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.graph-node{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;padding:.75rem;min-width:180px;font-family:var(--font-mono);transition:all .2s ease;box-shadow:var(--shadow-md)}.graph-node:hover{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0869da26;transform:translateY(-2px)}.node-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.header-left{display:flex;align-items:center;gap:.5rem}.node-count{background:var(--bg-active);color:var(--text-primary);font-size:.75rem;padding:1px 6px;border-radius:10px;font-weight:600}.node-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;font-weight:600;font-size:.875rem}.node-type{font-size:.625rem;font-weight:600;letter-spacing:.5px;opacity:.7}.node-label{font-size:.875rem;font-weight:500;color:var(--text-primary);word-break:break-word}.node-value{font-size:.8125rem;color:var(--text-primary);word-break:break-word;line-height:1.4}.node-value-container{cursor:pointer;padding:2px 4px;border-radius:4px;transition:all .2s;display:flex;flex-wrap:wrap;gap:4px}.node-value-container:hover{background:#ffffff0d}.node-key{color:var(--text-muted);font-size:.8125rem}.node-value-text{word-break:break-all}.node-inline-editor{display:flex;align-items:center;gap:8px;margin-top:4px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:4px 8px;min-height:32px}.node-input{background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:.8125rem;width:100%;outline:none}.editor-actions{display:flex;gap:8px}.btn-save,.btn-cancel{background:transparent;border:none;cursor:pointer;padding:2px;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.btn-save{color:var(--accent-success)}.btn-cancel{color:var(--text-danger)}.btn-save:hover,.btn-cancel:hover{opacity:.7}.object-node{border-color:#1f6feb}.object-node .node-icon{background:#1f6feb33;color:#58a6ff}.object-node .node-type{color:#58a6ff}.object-node:hover{border-color:#58a6ff;background:#161b22}.array-node{border-color:#8957e5}.array-node .node-icon{background:#c471ed33;color:#c471ed}.array-node .node-type{color:#c471ed}.array-node:hover{border-color:#c471ed}.string-node{border-color:#2ea043}.string-node .node-icon{background:#3fb95033;color:#3fb950}.string-node .node-type,.string-node .node-value{color:#3fb950}.string-node:hover{border-color:#3fb950}.number-node{border-color:#da3633}.number-node .node-icon{background:#ff7b7233;color:#ff7b72}.number-node .node-type,.number-node .node-value{color:#ff7b72}.number-node:hover{border-color:#ff7b72}.boolean-node{border-color:#8957e5}.boolean-node .node-icon{background:#d2a8ff33;color:#d2a8ff}.boolean-node .node-type,.boolean-node .node-value{color:#d2a8ff}.boolean-node:hover{border-color:#d2a8ff}.null-node{border-color:#484f58}.null-node .node-icon{background:#6e768133;color:#6e7681}.null-node .node-type{color:#6e7681}.null-node .node-value{color:#6e7681;font-style:italic}.null-node:hover{border-color:#6e7681}.react-flow__node{cursor:grab}.react-flow__handle{width:8px;height:8px;background:#30363d;border:2px solid #0d1117}.react-flow__handle-left{left:-5px}.react-flow__handle-right{right:-5px}.react-flow__edge-path{stroke:#444c56!important;stroke-width:2}.react-flow__edge:hover .react-flow__edge-path{stroke:#79c0ff!important;stroke-width:3}.react-flow__controls{background:#161b22;border:1px solid #30363d}.react-flow__controls button{background:#161b22;border-bottom:1px solid #30363d;color:#c9d1d9;transition:all .2s ease}.react-flow__controls button:hover{background:#21262d;color:#58a6ff}.react-flow__controls button svg{fill:currentColor}.react-flow__minimap{background:var(--bg-primary);border:1px solid var(--border-color)}.react-flow__attribution{display:none}.react-flow__pane{cursor:default}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#0d1117}::-webkit-scrollbar-thumb{background:#30363d;border-radius:6px;border:3px solid #0d1117}::-webkit-scrollbar-thumb:hover{background:#484f58}.editor-footer-content{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary)}.footer-section{padding:4rem 0;border-top:1px solid var(--border-color)}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-section h2{font-size:2rem;font-weight:700;margin:0 0 1rem;color:var(--text-primary);text-align:center}.section-intro{text-align:center;font-size:1.125rem;color:var(--text-muted);margin:0 auto 3rem;max-width:700px;line-height:1.6}.why-choose{background:var(--bg-secondary);border-top:none}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:2rem;text-align:center;transition:all .2s ease}.feature-item:hover{border-color:#58a6ff;transform:translateY(-4px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-item h3{font-size:1.25rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary)}.feature-item p{font-size:.9375rem;color:var(--text-muted);margin:0;line-height:1.6}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2rem}.faq-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:border-color .2s ease}.faq-item:hover{border-color:#58a6ff}.faq-question{font-size:1.125rem;font-weight:600;margin:0 0 .75rem;color:var(--accent-primary);line-height:1.4}.faq-answer{font-size:.9375rem;color:var(--text-secondary);margin:0;line-height:1.7}.use-cases{background:var(--bg-tertiary)}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.use-case-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:2rem;cursor:pointer;transition:all .2s ease}.use-case-item:hover{border-color:#58a6ff;transform:translateY(-4px)}.use-case-item h3{font-size:1.125rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary)}.use-case-item p{font-size:.9375rem;color:var(--text-muted);margin:0 0 1rem;line-height:1.6}.use-case-link{color:var(--accent-primary);font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:.5rem}.seo-content{background:var(--bg-primary)}.seo-text{max-width:900px;margin:0 auto}.seo-text h3{font-size:1.5rem;font-weight:600;margin:2rem 0 1rem;color:var(--text-primary)}.seo-text h3:first-child{margin-top:0}.seo-text p{font-size:1rem;line-height:1.8;color:var(--text-secondary);margin:0 0 1.5rem}.cta-section{background:linear-gradient(135deg,#1f6feb,#8957e5);border-top:none}.cta-box{text-align:center;max-width:700px;margin:0 auto}.cta-box h2{color:#fff;font-size:2.5rem;margin-bottom:1rem}.cta-box p{color:#ffffffe6;font-size:1.125rem;margin-bottom:2rem;line-height:1.6}.cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.cta-primary,.cta-secondary{padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.cta-primary{background:#fff;color:#1f6feb}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.cta-secondary{background:transparent;color:#fff;border:2px solid white}.cta-secondary:hover{background:#ffffff1a}.footer-links-section{background:var(--bg-secondary);padding:3rem 0 2rem;border-top:1px solid var(--border-color)}.footer-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-links-column h4{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.footer-links-column ul{list-style:none;padding:0;margin:0}.footer-links-column ul li{margin-bottom:.5rem}.footer-links-column ul li a{color:var(--text-muted);text-decoration:none;font-size:.9375rem;transition:color .2s ease}.footer-links-column ul li a:hover{color:var(--accent-primary)}.footer-bottom{border-top:1px solid var(--border-color);padding-top:2rem;text-align:center}.footer-bottom p{margin:.5rem 0;color:var(--text-muted);font-size:.875rem}.footer-tagline{font-family:var(--font-mono);font-size:.8125rem!important;color:var(--text-muted)!important}.footer-more-tools{margin-bottom:1rem!important;color:var(--text-secondary)!important}.footer-more-tools a{color:var(--accent-primary);text-decoration:none;font-weight:500;transition:color .2s ease}.footer-more-tools a:hover{color:var(--accent-tertiary);text-decoration:underline}@media (max-width: 1024px){.faq-grid{grid-template-columns:1fr}}@media (max-width: 768px){.footer-section{padding:3rem 0}.footer-container{padding:0 1rem}.footer-section h2{font-size:1.75rem}.section-intro{font-size:1rem;margin-bottom:2rem}.features-grid,.use-cases-grid{grid-template-columns:1fr;gap:1.5rem}.cta-box h2{font-size:2rem}.cta-buttons{flex-direction:column}.cta-primary,.cta-secondary{width:100%}.footer-links-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 480px){.footer-links-grid{grid-template-columns:1fr}}.scroll-down-arrow{position:fixed;bottom:0;left:0;right:0;z-index:1000;pointer-events:none}.arrow-container{position:absolute;bottom:0;left:50%;transform:translate(-50%);background:#007acc;color:#fff;padding:.75rem 1.5rem;border-radius:8px 8px 0 0;cursor:pointer;pointer-events:auto;display:flex;align-items:center;gap:.5rem;box-shadow:0 -4px 12px #007acc66;transition:all .3s ease;animation:bounce 2s infinite}.arrow-container:hover{background:#005a9e;transform:translate(-50%) translateY(-4px);box-shadow:0 -6px 16px #007acc99}.arrow-container svg{width:20px;height:20px}.arrow-text{font-size:.875rem;font-weight:500;white-space:nowrap}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-8px)}60%{transform:translate(-50%) translateY(-4px)}}@media (max-width: 768px){.arrow-text{display:none}.arrow-container{padding:.75rem}}.features-page{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1e1e1e;color:#d4d4d4;z-index:1000;overflow-y:auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding-bottom:50px}.features-header{background:linear-gradient(135deg,#2d2d2d,#1e1e1e);padding:4rem 2rem;text-align:center;border-bottom:1px solid #333}.features-title{font-size:3.5rem;margin:0;background:linear-gradient(90deg,#61dafb,#bb86fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.features-subtitle{font-size:1.5rem;color:#a0a0a0;margin-top:1rem;max-width:800px;margin-left:auto;margin-right:auto}.features-back-btn{margin-top:2rem;padding:12px 24px;background-color:#007acc;color:#fff;border:none;border-radius:4px;font-size:1.1rem;cursor:pointer;transition:transform .2s,background-color .2s}.features-back-btn:hover{background-color:#0062a3;transform:translateY(-2px)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;padding:3rem;max-width:1400px;margin:0 auto}.feature-card{background-color:#252526;border:1px solid #333;border-radius:8px;padding:2rem;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000004d;border-color:#007acc}.feature-icon{font-size:3rem;margin-bottom:1rem;display:block}.feature-card h3{color:#fff;font-size:1.5rem;margin-bottom:1rem;margin-top:0}.feature-card p{color:#bbb;line-height:1.6}.feature-list{list-style:none;padding:0;margin-top:1.5rem}.feature-list li{margin-bottom:.5rem;padding-left:1.5rem;position:relative;color:#9cdcfe}.feature-list li:before{content:"✔";position:absolute;left:0;color:#4ec9b0}.cta-section{text-align:center;padding:4rem 2rem;background-color:#252526;margin-top:2rem}.cta-section h2{font-size:2.5rem;color:#fff;margin-bottom:1.5rem}.cta-section p{font-size:1.2rem;color:#a0a0a0;margin-bottom:2rem}.converter-layout{min-height:100vh;background:#0d1117;font-family:IBM Plex Sans,monospace;padding:2rem}.converter-header{max-width:1600px;margin:0 auto 3rem;display:grid;grid-template-columns:100px 1fr 100px;align-items:center;text-align:center}.btn-back{display:inline-flex;align-items:center;gap:.5rem;background:#161b22;border:1px solid #30363d;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#58a6ff;cursor:pointer;transition:all .2s ease;font-family:IBM Plex Sans,sans-serif}.btn-back:hover{background:#21262d;border-color:#58a6ff}.btn-back svg{transition:transform .2s ease}.btn-back:hover svg{transform:translate(-3px)}.header-branding{display:flex;flex-direction:column;align-items:center;justify-content:center}.brand-name{font-size:1rem;font-weight:500;color:#8b949e;margin:0 0 .5rem;font-family:IBM Plex Mono,monospace;opacity:.8}.page-title{font-size:2rem;color:#c9d1d9;margin:0;font-weight:700;font-family:IBM Plex Sans,sans-serif;background:linear-gradient(90deg,#58a6ff,#d2a8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(88,166,255,.2)}.page-title:before{content:none}.bento-container{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;gap:1rem;align-items:stretch}.bento-item{background:#161b22;border:1px solid #30363d;border-radius:6px;padding:1.25rem;transition:all .2s ease}.bento-item:hover{border-color:#58a6ff;box-shadow:0 0 0 1px #58a6ff}.input-card{grid-column:1;grid-row:1;display:flex;flex-direction:column;height:600px}.convert-card{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem .75rem;background:#161b22;border-color:#30363d;gap:1rem}.output-card{grid-column:3;grid-row:1;display:flex;flex-direction:column;height:600px}.stats-card{grid-column:1 / 3;grid-row:2;min-height:100px;display:flex;align-items:center;justify-content:center;background:#0d1117;border:1px solid #21262d}.info-card{grid-column:3 / 4;grid-row:2}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #21262d}.header-left{display:flex;align-items:center;gap:.75rem}.icon-wrapper{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#21262d;color:#c9d1d9}.card-header h3{font-size:1rem;font-weight:600;margin:0;color:#c9d1d9;font-family:IBM Plex Mono,monospace}.badge{padding:.25rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-family:IBM Plex Mono,monospace}.badge-blue{background:#58a6ff26;color:#58a6ff;border:1px solid rgba(88,166,255,.3)}.badge-green{background:#3fb95026;color:#3fb950;border:1px solid rgba(63,185,80,.3)}.code-area{flex:1;width:100%;border:1px solid #30363d;border-radius:6px;padding:1rem;font-family:IBM Plex Mono,Consolas,monospace;font-size:.8125rem;line-height:1.6;resize:none;background:#0d1117;color:#c9d1d9;transition:all .2s ease}.code-area:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 1px #58a6ff}.code-area[data-vid=json]{color:#79c0ff}.code-area[data-vid=xml]{color:#ff7b72}.code-area[data-vid=csv]{color:#7ee787}.code-area[data-vid=yaml]{color:#d2a8ff}.card-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #21262d}.btn-action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#21262d;border:1px solid #30363d;border-radius:6px;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;color:#c9d1d9;cursor:pointer;transition:all .2s ease;font-family:IBM Plex Sans,sans-serif}.btn-action:hover{background:#30363d;border-color:#58a6ff}.btn-download{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#238636;border:1px solid #2ea043;border-radius:6px;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;font-family:IBM Plex Sans,sans-serif}.btn-download:hover:not(:disabled){background:#2ea043;border-color:#3fb950}.btn-download:disabled{opacity:.5;cursor:not-allowed}.btn-convert{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#1f6feb;border:2px solid #58a6ff;border-radius:50%;font-size:1.5rem;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative}.btn-convert:hover{background:#58a6ff;border-color:#79c0ff;box-shadow:0 0 0 8px #58a6ff33;transform:scale(1.1)}.btn-convert:active{transform:scale(.95)}.error-box{display:flex;flex-direction:column;align-items:center;gap:.75rem;background:#f851491a;border:1px solid rgba(248,81,73,.3);border-radius:6px;padding:1rem;color:#ff7b72;font-size:.75rem;font-weight:500;font-family:IBM Plex Mono,monospace;text-align:center;max-width:140px}.stat-group{display:flex;align-items:center;gap:2rem}.stat{text-align:center}.stat-value{font-size:2rem;font-weight:700;color:#58a6ff;font-family:IBM Plex Mono,monospace}.stat-label{font-size:.75rem;color:#8b949e;text-transform:uppercase;font-family:IBM Plex Mono,monospace}.stat-divider{width:1px;height:40px;background:#21262d}.info-title{display:flex;align-items:center;gap:.625rem;font-size:1rem;font-weight:600;margin:0 0 1rem;color:#c9d1d9;font-family:IBM Plex Mono,monospace}.info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}.info-list li{position:relative;padding-left:1.25rem;font-size:.875rem;color:#8b949e;line-height:1.5;font-family:IBM Plex Mono,monospace}.info-list li:before{content:">";position:absolute;left:0;color:#58a6ff;font-weight:600}@media (max-width: 1200px){.bento-container{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.input-card{grid-column:1;grid-row:1;height:400px}.convert-card{grid-column:1;grid-row:2;flex-direction:row;min-height:auto}.output-card{grid-column:1;grid-row:3;height:400px}.stats-card{grid-column:1;grid-row:4}.info-card{grid-column:1;grid-row:5}.btn-convert{width:auto;height:auto;padding:.75rem 2rem;border-radius:6px}}.related-tools-section{max-width:1200px;margin:4rem auto 0;padding:2rem;background:#161b22;border:1px solid #30363d;border-radius:12px}.related-tools-section h3{color:#c9d1d9;font-size:1.1rem;margin-bottom:1.5rem;font-family:IBM Plex Mono,monospace;display:flex;align-items:center;gap:.5rem}.related-tools-section h3:before{content:"⚡"}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.tool-card-mini{background:#0d1117;border:1px solid #30363d;padding:1.25rem;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tool-card-mini:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:#58a6ff;opacity:0;transition:opacity .2s ease}.tool-card-mini:hover{border-color:#58a6ff;background:#13171f;transform:translateY(-4px);box-shadow:0 4px 12px #0003}.tool-card-mini:hover:before{opacity:1}.tool-name{color:#c9d1d9;font-weight:500;font-size:.9rem;font-family:IBM Plex Sans,sans-serif}.tool-arrow{color:#58a6ff;opacity:.5;transition:all .2s ease;font-weight:700}.tool-card-mini:hover .tool-arrow{opacity:1;transform:translate(4px)}.converter-footer{max-width:1200px;margin:2rem auto 4rem;padding-top:2rem;border-top:1px solid rgba(48,54,61,.5);text-align:center}.converter-footer h4{color:#6e7681;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.5rem}.footer-link{color:#8b949e;text-decoration:none;font-size:.85rem;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease;font-family:IBM Plex Mono,monospace}.footer-link:hover{color:#58a6ff;background:#58a6ff1a}.converter-page,.tools-grid{animation:fadeIn .4s ease}.blog-index-page{min-height:100vh;background:#0d1117;color:#c9d1d9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;overflow-y:auto}.blog-index-header{background:#161b22;border-bottom:1px solid #30363d;padding:2rem}.blog-index-header-content{max-width:1400px;margin:0 auto}.blog-index-back-btn{background:transparent;border:1px solid #30363d;color:#8b949e;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s ease;font-family:IBM Plex Mono,monospace;margin-bottom:1.5rem}.blog-index-back-btn:hover{background:#21262d;border-color:#58a6ff;color:#58a6ff}.blog-index-branding{text-align:center}.blog-index-title{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:#c9d1d9;display:flex;align-items:center;justify-content:center;gap:.75rem}.blog-index-logo{color:#58a6ff;font-family:IBM Plex Mono,monospace;font-size:2.5rem}.blog-index-subtitle{font-size:1.125rem;color:#8b949e;max-width:600px;margin:0 auto}.blog-index-container{max-width:1400px;margin:0 auto;padding:3rem 2rem;display:grid;grid-template-columns:1fr 320px;gap:3rem}.blog-posts-grid{display:flex;flex-direction:column;gap:1.5rem}.blog-post-card{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:2rem;cursor:pointer;transition:all .2s ease}.blog-post-card:hover{border-color:#58a6ff;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.blog-post-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.blog-post-category{background:#1f6feb;color:#fff;padding:.25rem .75rem;border-radius:12px;font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.blog-post-meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#8b949e;font-family:IBM Plex Mono,monospace}.blog-post-separator{color:#30363d}.blog-post-title{font-size:1.75rem;font-weight:600;margin:0 0 1rem;color:#c9d1d9;line-height:1.3}.blog-post-description{font-size:1rem;line-height:1.6;color:#8b949e;margin:0 0 1.5rem}.blog-post-footer{display:flex;justify-content:flex-end}.blog-post-read-more{color:#58a6ff;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:gap .2s ease}.blog-post-card:hover .blog-post-read-more{gap:.75rem}.blog-index-sidebar{position:sticky;top:2rem;height:fit-content}.blog-index-sidebar-section{background:#161b22;border:1px solid #30363d;border-radius:6px;padding:1.5rem;margin-bottom:1.5rem}.blog-index-sidebar-section h3{font-size:1rem;font-weight:600;margin:0 0 1rem;color:#c9d1d9}.blog-index-tools-list{list-style:none;padding:0;margin:0}.blog-index-tools-list li{margin-bottom:.75rem}.blog-index-tool-link{color:#8b949e;text-decoration:none;font-size:.875rem;display:block;padding:.5rem;border-radius:4px;transition:all .2s ease}.blog-index-tool-link:hover{background:#21262d;color:#58a6ff}.blog-index-cta{background:linear-gradient(135deg,#1f6feb,#8957e5);border-radius:6px;padding:1.5rem;text-align:center}.blog-index-cta h3{font-size:1rem;font-weight:600;margin:0 0 .75rem;color:#fff}.blog-index-cta p{font-size:.875rem;color:#ffffffe6;margin:0 0 1rem;line-height:1.5}.blog-index-cta-btn{background:#fff;color:#1f6feb;border:none;padding:.625rem 1.25rem;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:transform .2s ease}.blog-index-cta-btn:hover{transform:translateY(-2px)}.blog-index-footer{background:#161b22;border-top:1px solid #30363d;padding:2rem;margin-top:4rem}.blog-index-footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;color:#8b949e;font-size:.875rem}.blog-index-footer-links{display:flex;gap:1.5rem}.blog-index-footer-links a{color:#8b949e;text-decoration:none;transition:color .2s ease}.blog-index-footer-links a:hover{color:#58a6ff}@media (max-width: 1024px){.blog-index-container{grid-template-columns:1fr}.blog-index-sidebar{position:static}}@media (max-width: 768px){.blog-index-title{font-size:2rem;flex-direction:column;gap:.5rem}.blog-index-subtitle{font-size:1rem}.blog-post-card{padding:1.5rem}.blog-post-title{font-size:1.5rem}.blog-post-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.blog-index-container{padding:2rem 1rem}.blog-index-footer-content{flex-direction:column;gap:1rem;text-align:center}}.blog-page{min-height:100vh;background:#0d1117;color:#c9d1d9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;overflow-y:auto;height:100vh}.blog-header{background:#161b22;border-bottom:1px solid #30363d;padding:1rem 2rem;position:sticky;top:0;z-index:100}.blog-header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:2rem}.blog-back-btn{background:transparent;border:1px solid #30363d;color:#8b949e;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s ease;font-family:IBM Plex Mono,monospace}.blog-back-btn:hover{background:#21262d;border-color:#58a6ff;color:#58a6ff}.blog-site-title{font-size:1.25rem;font-weight:600;color:#c9d1d9;margin:0;display:flex;align-items:center;gap:.5rem}.blog-logo{color:#58a6ff;font-family:IBM Plex Mono,monospace;font-size:1.5rem}.blog-container{max-width:1400px;margin:0 auto;padding:3rem 2rem;display:grid;grid-template-columns:1fr 320px;gap:3rem}.blog-article{max-width:800px}.blog-article-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #30363d}.blog-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.875rem;color:#8b949e}.blog-category{background:#1f6feb;color:#fff;padding:.25rem .75rem;border-radius:12px;font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.blog-separator{color:#30363d}.blog-date,.blog-read-time{font-family:IBM Plex Mono,monospace}.blog-article-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 1rem;color:#c9d1d9}.blog-article-description{font-size:1.25rem;line-height:1.6;color:#8b949e;margin:0 0 1.5rem}.blog-author{font-size:.875rem;color:#8b949e}.blog-author strong{color:#c9d1d9}.blog-article-content{font-size:1.125rem;line-height:1.8;color:#c9d1d9}.blog-article-content h2{font-size:1.875rem;font-weight:600;margin:2.5rem 0 1rem;color:#c9d1d9;border-bottom:1px solid #30363d;padding-bottom:.5rem}.blog-article-content h3{font-size:1.5rem;font-weight:600;margin:2rem 0 1rem;color:#c9d1d9}.blog-article-content p{margin:1.25rem 0}.blog-article-content strong{color:#58a6ff;font-weight:600}.blog-article-content code{background:#161b22;border:1px solid #30363d;border-radius:4px;padding:.2em .4em;font-family:IBM Plex Mono,monospace;font-size:.9em;color:#ff7b72}.blog-article-content pre{background:#161b22;border:1px solid #30363d;border-radius:6px;padding:1rem;overflow-x:auto;margin:1.5rem 0}.blog-article-content pre code{background:none;border:none;padding:0;color:#c9d1d9}.blog-article-content ul,.blog-article-content ol{margin:1.25rem 0;padding-left:2rem}.blog-article-content li{margin:.75rem 0}.blog-article-content li::marker{color:#58a6ff}.blog-article-content a{color:#58a6ff;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.blog-article-content a:hover{border-bottom-color:#58a6ff}.blog-article-content blockquote{border-left:4px solid #1f6feb;background:#161b22;margin:1.5rem 0;padding:1rem 1.5rem;color:#8b949e;font-style:italic}.blog-article-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid #30363d}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog-tag{background:#161b22;border:1px solid #30363d;color:#8b949e;padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-family:IBM Plex Mono,monospace}.blog-tag:hover{border-color:#58a6ff;color:#58a6ff}.blog-sidebar{position:sticky;top:100px;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto}.toc-section{border-left:3px solid #1f6feb!important}.blog-toc{display:flex;flex-direction:column;gap:.5rem}.toc-link{color:#8b949e;text-decoration:none;font-size:.875rem;padding:.375rem .75rem;border-radius:4px;transition:all .2s ease;display:block;line-height:1.4}.toc-link:hover{background:#21262d;color:#58a6ff}.toc-link.active{background:#1f6feb26;color:#58a6ff;border-left:3px solid #58a6ff;padding-left:calc(.75rem - 3px)}.toc-level-2{padding-left:1rem}.toc-level-3{padding-left:1.5rem;font-size:.8125rem}.blog-sidebar-section{background:#161b22;border:1px solid #30363d;border-radius:6px;padding:1.5rem;margin-bottom:1.5rem}.blog-sidebar-section h3{font-size:1rem;font-weight:600;margin:0 0 1rem;color:#c9d1d9}.blog-related-list,.blog-tools-list{list-style:none;padding:0;margin:0}.blog-related-list li,.blog-tools-list li{margin-bottom:.75rem}.blog-related-link,.blog-tool-link{color:#8b949e;text-decoration:none;font-size:.875rem;display:block;padding:.5rem;border-radius:4px;transition:all .2s ease}.blog-related-link:hover,.blog-tool-link:hover{background:#21262d;color:#58a6ff}.blog-cta{background:linear-gradient(135deg,#1f6feb,#8957e5);border-radius:6px;padding:1.5rem;text-align:center}.blog-cta h3{font-size:1rem;font-weight:600;margin:0 0 .75rem;color:#fff}.blog-cta p{font-size:.875rem;color:#ffffffe6;margin:0 0 1rem;line-height:1.5}.blog-cta-btn{background:#fff;color:#1f6feb;border:none;padding:.625rem 1.25rem;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:transform .2s ease}.blog-cta-btn:hover{transform:translateY(-2px)}.blog-footer{background:#161b22;border-top:1px solid #30363d;padding:2rem;margin-top:4rem}.blog-footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;color:#8b949e;font-size:.875rem}.blog-footer-links{display:flex;gap:1.5rem}.blog-footer-links a{color:#8b949e;text-decoration:none;transition:color .2s ease}.blog-footer-links a:hover{color:#58a6ff}@media (max-width: 1024px){.blog-container{grid-template-columns:1fr}.blog-sidebar{position:static}}@media (max-width: 768px){.blog-article-title{font-size:2rem}.blog-article-content{font-size:1rem}.blog-container{padding:2rem 1rem}.blog-footer-content{flex-direction:column;gap:1rem;text-align:center}}.legal-page{min-height:100vh;background:#0d1117;color:#c9d1d9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif}.legal-header{background:#161b22;border-bottom:1px solid #30363d;padding:2rem}.legal-header-content{max-width:1200px;margin:0 auto}.legal-back-btn{background:transparent;border:1px solid #30363d;color:#8b949e;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s ease;font-family:IBM Plex Mono,monospace;margin-bottom:1.5rem}.legal-back-btn:hover{background:#21262d;border-color:#58a6ff;color:#58a6ff}.legal-title{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:#c9d1d9;display:flex;align-items:center;gap:.75rem}.legal-logo{color:#58a6ff;font-family:IBM Plex Mono,monospace;font-size:2.5rem}.legal-subtitle{font-size:1rem;color:#8b949e;margin:0}.legal-container{max-width:1200px;margin:0 auto;padding:3rem 2rem}.legal-content{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:3rem}.legal-content section{margin-bottom:3rem}.legal-content section:last-child{margin-bottom:0}.legal-content h2{font-size:1.875rem;font-weight:600;margin:0 0 1rem;color:#c9d1d9;border-bottom:1px solid #30363d;padding-bottom:.5rem}.legal-content h3{font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem;color:#c9d1d9}.legal-content p{font-size:1rem;line-height:1.7;margin:1rem 0;color:#c9d1d9}.legal-content ul,.legal-content ol{margin:1rem 0;padding-left:2rem}.legal-content li{margin:.5rem 0;line-height:1.7}.legal-content li::marker{color:#58a6ff}.legal-content a{color:#58a6ff;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.legal-content a:hover{border-bottom-color:#58a6ff}.legal-content strong{color:#58a6ff;font-weight:600}.legal-content code{background:#0d1117;border:1px solid #30363d;border-radius:4px;padding:.2em .4em;font-family:IBM Plex Mono,monospace;font-size:.9em;color:#ff7b72}.legal-footer{background:#161b22;border-top:1px solid #30363d;padding:2rem;margin-top:4rem}.legal-footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;color:#8b949e;font-size:.875rem}.legal-footer-links{display:flex;gap:1.5rem}.legal-footer-links a{color:#8b949e;text-decoration:none;transition:color .2s ease}.legal-footer-links a:hover{color:#58a6ff}@media (max-width: 768px){.legal-title{font-size:2rem;flex-direction:column;gap:.5rem}.legal-subtitle{font-size:.875rem}.legal-content{padding:2rem 1.5rem}.legal-content h2{font-size:1.5rem}.legal-content h3{font-size:1.125rem}.legal-container{padding:2rem 1rem}.legal-footer-content{flex-direction:column;gap:1rem;text-align:center}}