@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:4px;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:18px;height:18px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;color:var(--text-muted);cursor:pointer;transition:all .15s ease;padding:0;font-size:10px}.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:1px 6px;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;min-height:20px;height:auto;display:flex;align-items:center}.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:3px;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:2px;margin-left:auto;padding-left:4px;align-items:center}.tree-node:hover .node-actions,.tree-node.selected .node-actions,.tree-node:focus-within .node-actions{display:flex}.action-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:2px;color:var(--text-secondary);cursor:pointer;padding:0;font-size:10px;transition:all .15s ease;line-height:1;height:18px;width:18px;min-width:18px;max-width:18px;display:inline-flex;align-items:center;justify-content:center}.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}.action-btn.add-btn:hover{background:var(--accent-success);border-color:var(--accent-success);color:#fff;filter:brightness(1.1)}.type-badge{font-size:8px;padding:0 3px;border-radius:2px;margin-left:4px;cursor:pointer;transition:all .15s ease;font-weight:600;text-transform:uppercase;line-height:1;height:14px;display:inline-flex;align-items:center}.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}.shared-header{background:#18181b;border-bottom:1px solid #27272a;padding:0 1.5rem;position:sticky;top:0;z-index:100}.shared-header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px}.shared-header-brand{display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:opacity .15s}.shared-header-brand:hover{opacity:.8}.shared-header-logo{color:#60a5fa;font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:700}.shared-header-name{color:#fafafa;font-size:1.1rem;font-weight:600}.shared-header-nav{display:flex;align-items:center;gap:.25rem}.shared-nav-link{background:transparent;border:none;color:#a1a1aa;font-size:.9rem;padding:.5rem .875rem;border-radius:6px;cursor:pointer;transition:all .15s}.shared-nav-link:hover{background:#27272a;color:#fafafa}.shared-nav-link.active{color:#60a5fa;background:#60a5fa1a}.shared-header-mobile-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;background:transparent;border:none;padding:8px;cursor:pointer}.shared-header-mobile-toggle span{display:block;width:20px;height:2px;background:#a1a1aa;border-radius:1px;transition:all .2s}@media (max-width: 768px){.shared-header-content{position:relative}.shared-header-nav{position:absolute;top:100%;left:-1.5rem;right:-1.5rem;background:#18181b;border-bottom:1px solid #27272a;flex-direction:column;padding:.5rem;gap:0;display:none}.shared-header-nav.open{display:flex}.shared-nav-link{width:100%;text-align:left;padding:.75rem 1rem;border-radius:0}.shared-header-mobile-toggle{display:flex}}.shared-footer{background:#18181b;border-top:1px solid #27272a;padding:2.5rem 2rem 2rem}.shared-footer-container{max-width:1400px;margin:0 auto}.shared-footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:2rem}.shared-footer-column h4{font-size:.9rem;font-weight:600;margin:0 0 1rem;color:#fafafa}.shared-footer-column ul{list-style:none;padding:0;margin:0}.shared-footer-column ul li{margin-bottom:.5rem}.shared-footer-column ul li a{color:#71717a;text-decoration:none;font-size:.85rem;transition:color .15s}.shared-footer-column ul li a:hover{color:#60a5fa}.shared-footer-bottom{border-top:1px solid #27272a;padding-top:1.5rem;text-align:center}.shared-footer-bottom p{margin:.25rem 0;color:#52525b;font-size:.85rem}.shared-footer-tagline{font-family:JetBrains Mono,monospace;font-size:.75rem!important;color:#3f3f46!important;margin-top:.5rem!important}@media (max-width: 768px){.shared-footer{padding:2rem 1rem 1.5rem}.shared-footer-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 480px){.shared-footer-grid{grid-template-columns:1fr;gap:1.5rem}}.tools-page{min-height:100vh;background:#121218;color:#d4d4d8}.tools-page-header{max-width:1400px;margin:0 auto;padding:2rem 2rem 1rem}.tools-page-header h1{font-size:1.75rem;font-weight:600;margin:0 0 .5rem;color:#fafafa}.tools-page-header p{margin:0;color:#71717a;font-size:1rem}.tools-container{max-width:1400px;margin:0 auto;padding:1rem 2rem 2rem}.tools-group{margin-bottom:2rem}.tools-group-title{font-size:1rem;font-weight:600;color:#a1a1aa;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #27272a}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.tool-card{background:#18181b;border:1px solid #27272a;border-radius:8px;padding:1rem 1.25rem;cursor:pointer;font-size:.9rem;font-weight:500;color:#fafafa;text-align:left;transition:all .15s}.tool-card:hover{border-color:#3f3f46;background:#1f1f23}.tool-card:active{transform:scale(.98)}.tools-footer{background:#18181b;border-top:1px solid #27272a;padding:1.5rem 2rem;margin-top:3rem}.tools-footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;color:#52525b;font-size:.85rem}.tools-footer-links{display:flex;gap:1.5rem}.tools-footer-links a{color:#71717a;text-decoration:none;transition:color .15s}.tools-footer-links a:hover{color:#60a5fa}@media (max-width: 768px){.tools-page-header{padding:1.5rem 1rem 1rem}.tools-container{padding:1rem}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.tools-footer-content{flex-direction:column;gap:1rem;text-align:center}}.converter-layout{min-height:100vh;background:#0d1117;font-family:IBM Plex Sans,monospace}.converter-hero{padding:12px 24px 8px;background:#161b22;border-bottom:1px solid #30363d;text-align:center}.converter-hero h1{margin:0 0 4px;font-size:1.25rem;font-weight:700;color:#e6edf3;letter-spacing:-.02em}.converter-hero p{margin:0;font-size:.8rem;color:#8b949e}.bento-container{max-width:1600px;margin:0 auto;padding:2rem;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:#484f58}.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:#21262d;color:#8b949e;border:1px solid #30363d}.badge-green{background:#2ea04326;color:#3fb950;border:1px solid rgba(46,160,67,.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:#484f58}.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:#484f58}.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:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#238636;border:1px solid #2ea043;border-radius:50%;font-size:1.25rem;color:#fff;cursor:pointer;transition:all .15s ease;position:relative}.btn-convert:hover{background:#2ea043;border-color:#3fb950}.btn-convert:active{transform:scale(.97)}.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:1.75rem;font-weight:600;color:#e6edf3;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:#7d8590;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:2rem auto;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:hover{border-color:#484f58;background:#1c2128}.tool-name{color:#c9d1d9;font-weight:500;font-size:.9rem;font-family:IBM Plex Sans,sans-serif}.tool-arrow{color:#7d8590;transition:all .15s ease;font-weight:700}.tool-card-mini:hover .tool-arrow{color:#c9d1d9}.converter-page,.tools-grid{animation:fadeIn .4s ease}.blog-index-page{min-height:100vh;background:#121218;color:#d4d4d8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;overflow-y:auto}.blog-index-page-header{max-width:1400px;margin:0 auto;padding:2rem 2rem 1rem}.blog-index-page-header h1{font-size:1.75rem;font-weight:600;margin:0 0 .5rem;color:#fafafa}.blog-index-page-header p{margin:0;color:#71717a;font-size:1rem}.blog-index-container{max-width:1400px;margin:0 auto;padding:1rem 2rem 2rem;display:grid;grid-template-columns:1fr 320px;gap:2rem}.blog-posts-grid{display:flex;flex-direction:column;gap:1rem}.blog-post-card{background:#18181b;border:1px solid #27272a;border-radius:8px;padding:1.5rem;cursor:pointer;transition:border-color .15s}.blog-post-card:hover{border-color:#3f3f46}.blog-post-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.blog-post-category{background:#60a5fa1a;color:#60a5fa;padding:.2rem .6rem;border-radius:4px;font-weight:500;font-size:.7rem;text-transform:uppercase;letter-spacing:.3px}.blog-post-meta{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#52525b;font-family:JetBrains Mono,monospace}.blog-post-separator{color:#3f3f46}.blog-post-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#fafafa;line-height:1.3}.blog-post-description{font-size:.875rem;line-height:1.5;color:#71717a;margin:0 0 1rem}.blog-post-footer{display:flex;justify-content:flex-end}.blog-post-read-more{color:#60a5fa;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:gap .15s}.blog-post-card:hover .blog-post-read-more{gap:.75rem}.blog-index-sidebar{position:sticky;top:80px;height:fit-content}.blog-index-sidebar-section{background:#18181b;border:1px solid #27272a;border-radius:8px;padding:1.25rem;margin-bottom:1rem}.blog-index-sidebar-section h3{font-size:.9rem;font-weight:600;margin:0 0 .75rem;color:#fafafa}.blog-index-tools-list{list-style:none;padding:0;margin:0}.blog-index-tools-list li{margin-bottom:.5rem}.blog-index-tool-link{color:#a1a1aa;text-decoration:none;font-size:.85rem;display:block;padding:.4rem .5rem;border-radius:4px;transition:all .15s}.blog-index-tool-link:hover{background:#27272a;color:#60a5fa}.blog-index-cta{background:#18181b;border:1px solid #27272a;border-radius:8px;padding:1.25rem;text-align:center}.blog-index-cta h3{font-size:.9rem;font-weight:600;margin:0 0 .5rem;color:#fafafa}.blog-index-cta p{font-size:.85rem;color:#71717a;margin:0 0 1rem;line-height:1.5}.blog-index-cta-btn{background:#60a5fa;color:#0f0f12;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.85rem;cursor:pointer;transition:background .15s}.blog-index-cta-btn:hover{background:#93c5fd}.blog-index-footer{background:#18181b;border-top:1px solid #27272a;padding:1.5rem 2rem;margin-top:3rem}.blog-index-footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;color:#52525b;font-size:.85rem}.blog-index-footer-links{display:flex;gap:1.5rem}.blog-index-footer-links a{color:#71717a;text-decoration:none;transition:color .15s}.blog-index-footer-links a:hover{color:#60a5fa}@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:#121218;color:#d4d4d8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;overflow-y:auto;height:100vh}.blog-container{max-width:1400px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr 320px;gap:2rem}.blog-article{max-width:800px}.blog-article-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #27272a}.blog-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.85rem;color:#71717a}.blog-category{background:#60a5fa1a;color:#60a5fa;padding:.2rem .6rem;border-radius:4px;font-weight:500;font-size:.7rem;text-transform:uppercase;letter-spacing:.3px}.blog-separator{color:#3f3f46}.blog-date,.blog-read-time{font-family:JetBrains Mono,monospace}.blog-article-title{font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 .75rem;color:#fafafa}.blog-article-description{font-size:1.1rem;line-height:1.6;color:#71717a;margin:0 0 1rem}.blog-author{font-size:.85rem;color:#71717a}.blog-author strong{color:#d4d4d8}.blog-article-content{font-size:1rem;line-height:1.8;color:#d4d4d8}.blog-article-content h2{font-size:1.5rem;font-weight:600;margin:2rem 0 1rem;color:#fafafa;border-bottom:1px solid #27272a;padding-bottom:.5rem}.blog-article-content h3{font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem;color:#e4e4e7}.blog-article-content p{margin:1rem 0}.blog-article-content strong{color:#60a5fa;font-weight:600}.blog-article-content code{background:#18181b;border:1px solid #27272a;border-radius:4px;padding:.2em .4em;font-family:JetBrains Mono,monospace;font-size:.85em;color:#f87171}.blog-article-content pre{background:#0f0f12;border:1px solid #27272a;border-radius:6px;padding:1rem;overflow-x:auto;margin:1.25rem 0}.blog-article-content pre code{background:none;border:none;padding:0;color:#86efac}.blog-article-content ul,.blog-article-content ol{margin:1rem 0;padding-left:1.5rem}.blog-article-content li{margin:.5rem 0}.blog-article-content li::marker{color:#60a5fa}.blog-article-content a{color:#60a5fa;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}.blog-article-content a:hover{border-bottom-color:#60a5fa}.blog-article-content blockquote{border-left:3px solid #3f3f46;background:#18181b;margin:1.25rem 0;padding:1rem 1.25rem;color:#a1a1aa;font-style:italic}.blog-article-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #27272a}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog-tag{background:#18181b;border:1px solid #27272a;color:#71717a;padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-family:JetBrains Mono,monospace}.blog-tag:hover{border-color:#3f3f46;color:#a1a1aa}.blog-sidebar{position:sticky;top:80px;height:fit-content;max-height:calc(100vh - 100px);overflow-y:auto}.toc-section{border-left:2px solid #60a5fa!important}.blog-toc{display:flex;flex-direction:column;gap:.25rem}.toc-link{color:#a1a1aa;text-decoration:none;font-size:.85rem;padding:.35rem .5rem;border-radius:4px;transition:all .15s;display:block;line-height:1.4}.toc-link:hover{background:#27272a;color:#60a5fa}.toc-link.active{background:#60a5fa1a;color:#60a5fa;border-left:2px solid #60a5fa;padding-left:calc(.5rem - 2px)}.toc-level-2{padding-left:.75rem}.toc-level-3{padding-left:1.25rem;font-size:.8rem}.blog-sidebar-section{background:#18181b;border:1px solid #27272a;border-radius:8px;padding:1.25rem;margin-bottom:1rem}.blog-sidebar-section h3{font-size:.9rem;font-weight:600;margin:0 0 .75rem;color:#fafafa}.blog-related-list,.blog-tools-list{list-style:none;padding:0;margin:0}.blog-related-list li,.blog-tools-list li{margin-bottom:.5rem}.blog-related-link,.blog-tool-link{color:#a1a1aa;text-decoration:none;font-size:.85rem;display:block;padding:.4rem .5rem;border-radius:4px;transition:all .15s}.blog-related-link:hover,.blog-tool-link:hover{background:#27272a;color:#60a5fa}.blog-cta{background:#18181b;border:1px solid #27272a;border-radius:8px;padding:1.25rem;text-align:center}.blog-cta h3{font-size:.9rem;font-weight:600;margin:0 0 .5rem;color:#fafafa}.blog-cta p{font-size:.85rem;color:#71717a;margin:0 0 1rem;line-height:1.5}.blog-cta-btn{background:#60a5fa;color:#0f0f12;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.85rem;cursor:pointer;transition:background .15s}.blog-cta-btn:hover{background:#93c5fd}.blog-footer{background:#18181b;border-top:1px solid #27272a;padding:1.5rem 2rem;margin-top:3rem}.blog-footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;color:#52525b;font-size:.85rem}.blog-footer-links{display:flex;gap:1.5rem}.blog-footer-links a{color:#71717a;text-decoration:none;transition:color .15s}.blog-footer-links a:hover{color:#60a5fa}@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}}.json-diff-view{display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-primary)}.diff-header{display:flex;align-items:center;justify-content:center;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);gap:12px;flex-wrap:wrap}.diff-stats{display:flex;gap:8px;font-size:13px;font-weight:600}.stat-identical,.stat-added{color:#6aaa7a;background:#5a9a6e26;padding:4px 10px;border-radius:4px}.stat-removed{color:#c06a6a;background:#b35a5a26;padding:4px 10px;border-radius:4px}.stat-modified{color:#a0a0a0;background:#8a8a8a26;padding:4px 10px;border-radius:4px}.diff-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:nowrap!important}.diff-nav{display:flex;align-items:center;gap:4px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:2px}.nav-btn{padding:4px 10px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:500;transition:all .15s ease}.nav-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.diff-counter{padding:4px 8px;font-size:11px;font-weight:600;color:var(--text-muted);min-width:40px;text-align:center}.quick-merge{display:flex;gap:4px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:2px}.quick-merge-btn{padding:4px 10px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:500;transition:all .15s ease}.quick-merge-btn:hover:not(:disabled){background:#5a9a6e;color:#fff}.quick-merge-btn:disabled{opacity:.4;cursor:not-allowed}.quick-merge-btn.to-left{border-right:1px solid var(--border-color)}.view-toggle,.toolbar-group{display:flex;background:var(--bg-tertiary);border-radius:6px;overflow:hidden;border:1px solid var(--border-color)}.view-toggle button,.toolbar-group button{padding:6px 12px;background:transparent;border:none;border-right:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-size:12px;transition:all .15s ease;white-space:nowrap}.view-toggle button:last-child,.toolbar-group button:last-child{border-right:none}.view-toggle button:hover,.toolbar-group button:hover{color:var(--text-primary);background:var(--bg-hover)}.view-toggle button.active{background:var(--accent-primary);color:#fff}.diff-labels-container{position:relative;border-bottom:1px solid var(--border-color)}.diff-labels{display:flex}.swap-btn-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:var(--accent-primary);border:2px solid var(--bg-primary);color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .15s ease;box-shadow:0 2px 6px #00000040}.swap-btn-center:hover{background:var(--accent-hover);transform:translate(-50%,-50%) scale(1.1)}.diff-label{flex:1 1 50%;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:6px 12px;background:var(--bg-tertiary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);min-width:0}.diff-label.left{border-right:1px solid var(--border-color);padding-right:24px}.diff-label.right{padding-left:24px}.diff-label span{display:flex;align-items:center;gap:6px}.diff-label button{padding:3px 8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:3px;color:var(--text-muted);cursor:pointer;font-size:10px;transition:all .15s ease}.diff-label button:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-primary)}.diff-label button.copied{background:#5a9a6e33;color:#6aaa7a;border-color:#6aaa7a}.diff-label button.open-btn{background:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:600;padding:4px 10px}.diff-label button.open-btn:hover{background:#2563eb;border-color:#2563eb;color:#fff}.label-actions{display:flex;gap:6px}.action-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.diff-list-panel{max-height:200px;border-top:1px solid var(--border-color);background:var(--bg-secondary);display:flex;flex-direction:column;flex-shrink:0}.diff-list-header{display:flex;justify-content:flex-start;align-items:center;gap:16px;padding:10px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-size:12px;font-weight:600;color:var(--text-secondary);flex-shrink:0}.diff-list-actions{display:flex;align-items:center;gap:8px}.merge-all-btn{padding:4px 10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:10px;font-weight:600;transition:all .15s ease}.merge-all-btn:hover{background:#5a9a6e;color:#fff;border-color:#5a9a6e}.diff-list-header .close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;padding:0 4px;line-height:1}.diff-list-header .close-btn{margin-left:auto}.diff-list-header .close-btn:hover{color:var(--text-primary)}.diff-list-content{overflow-y:auto;padding:8px 4px;max-height:160px}.diff-list-empty{display:flex;align-items:center;justify-content:center;padding:16px;color:var(--text-muted);font-size:12px;font-style:italic}.diff-list-item{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:8px 16px;font-size:12px;border-left:3px solid transparent;margin:2px 8px;border-radius:4px}.diff-list-item:hover{background:var(--bg-hover)}.diff-item-main{display:flex;align-items:center;gap:12px;min-width:0;cursor:pointer}.diff-merge-actions{display:flex;gap:4px;margin-left:12px}.merge-btn{width:24px;height:24px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.merge-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.merge-btn.merge-to-left:hover,.merge-btn.merge-to-right:hover{background:#5a9a6e;border-color:#5a9a6e}.diff-list-item.added{border-left-color:#5a9a6e;background:#5a9a6e14}.diff-list-item.removed{border-left-color:#b35a5a;background:#b35a5a14}.diff-list-item.modified{border-left-color:#8a8a8a;background:#8a8a8a14}.diff-path{font-family:monospace;font-weight:600;color:var(--text-primary);min-width:150px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diff-type{font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;text-transform:uppercase}.diff-type.added{background:#5a9a6e40;color:#6aaa7a}.diff-type.removed{background:#b35a5a40;color:#c06a6a}.diff-type.modified{background:#8a8a8a40;color:#a0a0a0}.diff-values{display:flex;align-items:center;gap:6px;flex:1;overflow:hidden;font-family:monospace;font-size:11px}.diff-values .old-value{color:#c06a6a;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diff-values .new-value{color:#6aaa7a;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diff-values .arrow{color:var(--text-muted);font-size:12px}.diff-editor-container{width:100%;height:500px;overflow:hidden;position:relative}.merge-gutter-btn{width:22px;height:18px;border:none;border-radius:3px;background:transparent;color:#aaa;cursor:pointer;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .12s ease;padding:0;margin:0}.merge-gutter-btn:hover{background:#5a9a6e;color:#fff}.diff-status-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 16px;background:var(--bg-secondary);border-top:1px solid var(--border-color);cursor:pointer;transition:background .15s ease}.diff-status-bar:hover{background:var(--bg-tertiary)}.status-info{display:flex;align-items:center;gap:16px;font-size:10px}.show-panel-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:4px 12px;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:500;transition:all .15s ease}.show-panel-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.help-item{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-muted)}.help-item.added{color:#6aaa7a}.help-item.removed{color:#c06a6a}.json-diff-view .monaco-diff-editor{border-radius:0}.json-diff-view .monaco-editor,.json-diff-view .monaco-diff-editor{height:100%!important;min-height:400px!important}.json-diff-view .monaco-editor .view-lines,.json-diff-view .monaco-editor .mtk1{color:#d4d4d4!important}.json-diff-view .monaco-diff-editor .diff-review-line-number .codicon,.json-diff-view .monaco-diff-editor .codicon-arrow-right,.json-diff-view .monaco-diff-editor .codicon-arrow-left{display:none!important}@media (max-width: 768px){.diff-header{padding:8px 12px}.diff-labels{flex-direction:column}.diff-label.left{border-right:none;border-bottom:1px solid var(--border-color)}.diff-actions{flex-wrap:wrap;justify-content:center}.diff-help{flex-direction:column;gap:4px}}.json-diff-wrapper{min-height:100vh;background:#121218;color:#d4d4d8;display:flex;flex-direction:column}.json-diff-hero{padding:12px 24px 8px;background:#18181b;border-bottom:1px solid #27272a;text-align:center}.json-diff-hero h1{margin:0 0 4px;font-size:1.25rem;font-weight:700;color:#fafafa;letter-spacing:-.02em}.json-diff-hero p{margin:0;font-size:.8rem;color:#71717a}.json-diff-page,.json-diff-main{display:flex;flex-direction:column}.json-diff-seo{padding:2rem;background:#18181b;border-top:1px solid #27272a}.seo-container{max-width:1000px;margin:0 auto}.seo-container h2{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#fafafa}.seo-container>p{margin:0 0 1.5rem;font-size:.9rem;color:#71717a;line-height:1.7}.seo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:1.5rem}.seo-block h3{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#e4e4e7}.seo-block ul{margin:0;padding-left:1.25rem;font-size:.85rem;color:#a1a1aa;line-height:1.8}.seo-block li{margin-bottom:.4rem}.seo-block li strong{color:#d4d4d8}.footer-link{text-align:center;color:#52525b;font-size:.85rem;padding-top:1rem;border-top:1px solid #27272a}.footer-link a{color:#60a5fa;text-decoration:none}.footer-link a:hover{text-decoration:underline}@media (max-width: 768px){.json-diff-seo{padding:1.5rem 1rem}.seo-grid{grid-template-columns:1fr;gap:1.5rem}}.json-examples-page{min-height:100vh;background:#121218;color:#d4d4d8}.json-examples-page-header{max-width:1400px;margin:0 auto;padding:2rem 2rem 1rem}.json-examples-page-header h1{font-size:1.75rem;font-weight:600;margin:0 0 .5rem;color:#fafafa}.json-examples-page-header p{margin:0;color:#71717a;font-size:1rem}.json-examples-container{max-width:1400px;margin:0 auto;padding:1rem 2rem 2rem}.json-examples-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.filter-btn{background:transparent;border:1px solid #3f3f46;color:#a1a1aa;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .15s}.filter-btn:hover{background:#27272a;color:#fff}.filter-btn.active{background:#27272a;border-color:#60a5fa;color:#60a5fa;font-weight:500}.json-examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1rem}.json-example-card{background:#18181b;border:1px solid #27272a;border-radius:8px;padding:1.25rem;transition:border-color .15s}.json-example-card:hover{border-color:#3f3f46}.json-example-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.json-example-category{background:#60a5fa1a;color:#60a5fa;padding:.2rem .6rem;border-radius:4px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.json-example-size{color:#52525b;font-size:.8rem;font-family:JetBrains Mono,monospace}.json-example-title{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:#fafafa}.json-example-description{color:#71717a;font-size:.875rem;margin:0 0 1rem;line-height:1.5}.json-example-preview{background:#0f0f12;border-radius:6px;padding:.875rem;margin-bottom:1rem;max-height:140px;overflow:hidden;position:relative;border:1px solid #27272a}.json-example-preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,#0f0f12);pointer-events:none}.json-example-preview pre{margin:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:.7rem;color:#86efac;white-space:pre-wrap;word-break:break-all;line-height:1.4}.json-example-actions{display:flex;gap:.5rem}.action-btn{flex:1;background:transparent;border:1px solid #3f3f46;color:#a1a1aa;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .15s}.action-btn:hover{background:#27272a;color:#fff}.action-btn.primary{background:#60a5fa;border-color:#60a5fa;color:#0f0f12;font-weight:500}.action-btn.primary:hover{background:#93c5fd;border-color:#93c5fd}.json-examples-info{margin-top:3rem;padding-top:2rem;border-top:1px solid #27272a}.json-examples-info h2{font-size:1.5rem;margin:0 0 1rem;color:#fafafa}.json-examples-info>p{color:#71717a;font-size:1rem;line-height:1.7;max-width:800px;margin-bottom:2rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.info-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem}.info-card h3{font-size:1.1rem;margin:0 0 .75rem;color:#4fc3f7}.info-card p{margin:0;color:#888;font-size:.95rem;line-height:1.6}.json-examples-footer{background:#0000004d;border-top:1px solid rgba(255,255,255,.1);padding:1.5rem 2rem;margin-top:4rem}.json-examples-footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.json-examples-footer-content p{margin:0;color:#666;font-size:.9rem}.json-examples-footer-links{display:flex;gap:1.5rem}.json-examples-footer-links a{color:#888;text-decoration:none;font-size:.9rem;transition:color .2s}.json-examples-footer-links a:hover{color:#4fc3f7}@media (max-width: 768px){.json-examples-header-content{flex-direction:column;align-items:flex-start;gap:1rem}.json-examples-title{font-size:1.5rem}.json-examples-container{padding:1rem}.json-examples-grid{grid-template-columns:1fr}.json-example-actions{flex-wrap:wrap}.json-examples-footer-content{flex-direction:column;gap:1rem;text-align:center}}.docs-page{min-height:100vh;background:#121218;color:#d4d4d8}.docs-header{background:#18181b;border-bottom:1px solid #27272a;padding:1rem 2rem;position:sticky;top:0;z-index:100}.docs-header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:2rem}.docs-back-btn{background:transparent;border:1px solid #3f3f46;color:#a1a1aa;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s;white-space:nowrap}.docs-back-btn:hover{background:#27272a;color:#fff}.docs-branding{flex:1}.docs-title{font-size:1.8rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.5rem}.docs-logo{color:#60a5fa;font-family:monospace}.docs-subtitle{margin:.3rem 0 0;color:#888;font-size:1rem}.docs-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:250px 1fr;gap:2rem;padding:2rem;min-height:calc(100vh - 180px)}.docs-sidebar{position:sticky;top:100px;height:fit-content}.docs-nav{background:#18181b;border:1px solid #27272a;border-radius:8px;padding:.5rem;margin-bottom:1.5rem}.docs-nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:#a1a1aa;font-size:.95rem;cursor:pointer;border-radius:6px;transition:all .15s;text-align:left}.docs-nav-item:hover{background:#27272a;color:#fff}.docs-nav-item.active{background:#27272a;color:#60a5fa;font-weight:500}.docs-quick-links{background:#18181b;border:1px solid #27272a;border-radius:8px;padding:1rem}.docs-quick-links h4{margin:0 0 .75rem;font-size:.8rem;color:#71717a;text-transform:uppercase;letter-spacing:.5px}.docs-quick-links a{display:block;color:#60a5fa;text-decoration:none;padding:.4rem 0;font-size:.9rem;transition:color .15s}.docs-quick-links a:hover{color:#93c5fd}.docs-content{background:#18181b;border:1px solid #27272a;border-radius:8px;padding:2rem}.docs-section h2{font-size:1.6rem;margin:0 0 1rem;color:#fafafa;padding-bottom:.75rem;border-bottom:1px solid #27272a}.docs-section h3{font-size:1.2rem;margin:2rem 0 1rem;color:#e4e4e7}.docs-section h4{font-size:1.1rem;margin:1.5rem 0 .75rem;color:#fff}.docs-section p{color:#bbb;line-height:1.7;margin-bottom:1rem}.docs-section a{color:#60a5fa;text-decoration:none}.docs-section a:hover{text-decoration:underline}.docs-intro{font-size:1.05rem;color:#a1a1aa!important;margin-bottom:2rem!important;line-height:1.7}.docs-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:2rem 0}.docs-feature-card{background:#1f1f23;border:1px solid #27272a;border-radius:6px;padding:1.25rem;transition:border-color .15s}.docs-feature-card:hover{border-color:#3f3f46}.docs-feature-card h3{font-size:1rem;margin:0 0 .5rem!important;color:#e4e4e7}.docs-feature-card p{margin:0;font-size:.875rem;color:#71717a;line-height:1.5}.docs-steps{counter-reset:step;list-style:none;padding:0;margin:1.5rem 0}.docs-steps li{counter-increment:step;padding:.875rem 1rem .875rem 3rem;position:relative;margin-bottom:.5rem;background:#1f1f23;border-radius:6px;color:#a1a1aa;border:1px solid #27272a}.docs-steps li:before{content:counter(step);position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.5rem;height:1.5rem;background:#27272a;color:#a1a1aa;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem}.docs-view-mode{background:#1f1f23;border:1px solid #27272a;border-radius:6px;padding:1.25rem;margin-bottom:1rem}.docs-view-mode h3{margin-top:0!important}.docs-features-list h4{margin-bottom:.5rem!important;font-size:.875rem;color:#71717a}.docs-features-list ul{margin:0;padding-left:1.25rem}.docs-features-list li{margin-bottom:.4rem;color:#a1a1aa;font-size:.9rem}.docs-features-list li strong{color:#e4e4e7}.docs-instruction{background:#1f1f23;border-left:2px solid #3f3f46;padding:1rem 1.25rem;margin:1rem 0;border-radius:0 6px 6px 0}.docs-instruction p{margin:0 0 .5rem}.docs-instruction ul{margin:0;padding-left:1.5rem}.docs-instruction li{margin-bottom:.3rem;color:#bbb}.docs-example{background:#0f0f12;border-radius:6px;padding:1rem;margin:1rem 0;border:1px solid #27272a}.docs-example code{color:#60a5fa;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem}.docs-example ul{margin:.5rem 0 0;padding-left:1.5rem}.docs-section table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}.docs-section th,.docs-section td{padding:.625rem .875rem;text-align:left;border-bottom:1px solid #27272a}.docs-section th{background:#1f1f23;color:#e4e4e7;font-weight:600}.docs-section td{color:#a1a1aa}.docs-section td strong{color:#e4e4e7}.docs-context-menu table{font-size:.9rem}kbd{background:#27272a;border:1px solid #3f3f46;border-radius:4px;padding:.15rem .4rem;font-family:JetBrains Mono,monospace;font-size:.8rem;color:#e4e4e7}.docs-shortcuts-table table{margin-bottom:2rem}.docs-conversion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin:1.5rem 0}.docs-conversion-item{background:#1f1f23;border:1px solid #27272a;border-radius:6px;padding:1.25rem}.docs-conversion-item h3{margin-top:0!important;font-size:1rem}.docs-code-comparison{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}.docs-code-comparison strong{display:block;margin-bottom:.4rem;color:#71717a;font-size:.8rem}.docs-code-comparison pre{background:#0f0f12;border-radius:4px;padding:.625rem;margin:0;font-size:.75rem;color:#86efac;overflow-x:auto;border:1px solid #27272a}.docs-tools-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:1.5rem 0}.tools-column h4{margin:0 0 1rem;color:#fff}.tools-column ul{list-style:none;padding:0;margin:0}.tools-column li{margin-bottom:.5rem}.tools-column a{color:#4fc3f7;text-decoration:none}.tools-column a:hover{text-decoration:underline}.docs-tip-card{background:#1f1f23;border:1px solid #27272a;border-radius:6px;padding:1.25rem;margin-bottom:.75rem}.docs-tip-card h3{margin:0 0 .5rem!important;font-size:.95rem;color:#e4e4e7}.docs-tip-card p{margin:0;color:#71717a;font-size:.9rem}.docs-tip-card a{color:#60a5fa}.docs-tip{background:#1a2332;border:1px solid #2d3f57;border-radius:6px;padding:1rem;margin:1rem 0}.docs-tip strong{color:#60a5fa}.docs-tip code{background:#0f0f12;padding:.15rem .4rem;border-radius:3px;font-family:monospace;color:#93c5fd;font-size:.85rem}.docs-warning{background:#2a2517;border:1px solid #4a3f23;border-radius:6px;padding:1rem;margin:1rem 0}.docs-warning strong{color:#fbbf24}.docs-panel-feature{background:#1f1f23;border:1px solid #27272a;border-radius:6px;padding:1rem;margin-bottom:.75rem}.docs-panel-feature h3{margin:0 0 .5rem!important;font-size:.95rem}.docs-panel-feature p{margin:0 0 .5rem;font-size:.9rem}.docs-panel-feature ul{margin:.5rem 0 0;padding-left:1.25rem}.diff-added{background:#14532d;color:#86efac;padding:.1rem .3rem;border-radius:3px}.diff-removed{background:#450a0a;color:#fca5a5;padding:.1rem .3rem;border-radius:3px}.diff-modified{background:#422006;color:#fcd34d;padding:.1rem .3rem;border-radius:3px}.docs-footer{background:#18181b;border-top:1px solid #27272a;padding:1.5rem 2rem}.docs-footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.docs-footer-content p{margin:0;color:#666;font-size:.9rem}.docs-footer-links{display:flex;gap:1.5rem}.docs-footer-links a{color:#888;text-decoration:none;font-size:.9rem;transition:color .2s}.docs-footer-links a:hover{color:#60a5fa}@media (max-width: 900px){.docs-container{grid-template-columns:1fr}.docs-sidebar{position:static}.docs-nav{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem}.docs-nav-item{flex:1 1 auto;min-width:120px;justify-content:center;padding:.5rem .75rem;font-size:.85rem}.docs-quick-links{display:none}}@media (max-width: 600px){.docs-header-content{flex-direction:column;align-items:flex-start;gap:1rem}.docs-title{font-size:1.4rem}.docs-container{padding:1rem}.docs-content{padding:1.5rem}.docs-section h2{font-size:1.4rem}.docs-feature-grid,.docs-code-comparison{grid-template-columns:1fr}.docs-footer-content{flex-direction:column;gap:1rem;text-align:center}}