@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&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}.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}.icon-btn--labeled{display:inline-flex;align-items:center;gap:5px}.icon-btn--labeled .btn-label{font-size:12px;line-height:1}.toolbar-dropdown-wrap{position:relative;display:inline-flex;align-items:center}.toolbar-split-btn{border-radius:4px 0 0 4px!important;border-right:none!important}.toolbar-split-arrow{border-radius:0 4px 4px 0!important;padding:5px 4px!important}.toolbar-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:200;background:var(--bg-secondary, #1e2128);border:1px solid var(--border-color);border-radius:6px;min-width:190px;box-shadow:0 6px 20px #00000059;overflow:hidden}.toolbar-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;background:none;border:none;color:var(--text-primary);font-size:13px;cursor:pointer;text-align:left;transition:background .12s}.toolbar-dropdown-item:hover{background:var(--bg-hover)}.toolbar-dropdown-hint{margin-left:auto;color:var(--text-muted);font-family:monospace;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cmd-overlay{position:fixed;inset:0;z-index:1000;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.cmd-palette{width:100%;max-width:580px;background:var(--bg-secondary, #1e2128);border:1px solid var(--border-color, #2d3139);border-radius:10px;box-shadow:0 20px 60px #00000080;overflow:hidden;font-family:inherit}.cmd-header{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border-color, #2d3139);gap:8px}.cmd-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary, #e5e7eb);font-size:15px;padding:4px 0;font-family:inherit}.cmd-input::placeholder{color:var(--text-muted, #6b7280)}.cmd-esc-hint{font-size:11px;color:var(--text-muted, #6b7280);background:var(--bg-primary, #13151a);border:1px solid var(--border-color, #2d3139);border-radius:4px;padding:2px 5px;font-family:inherit}.cmd-list{max-height:380px;overflow-y:auto;padding:4px 0}.cmd-list::-webkit-scrollbar{width:4px}.cmd-list::-webkit-scrollbar-thumb{background:var(--border-color, #2d3139);border-radius:2px}.cmd-group [cmdk-group-heading]{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #6b7280);padding:8px 14px 4px}.cmd-item{display:flex;align-items:center;gap:10px;padding:9px 14px;font-size:13.5px;color:var(--text-primary, #e5e7eb);cursor:pointer;border-radius:0;background:transparent;border:none;width:100%;text-align:left;transition:background .1s}.cmd-item[data-selected=true],.cmd-item[aria-selected=true]{background:var(--bg-hover, #262b34)}.cmd-item[aria-disabled=true],.cmd-item[data-disabled=true]{opacity:.4;cursor:not-allowed}.cmd-icon{flex-shrink:0;color:var(--text-muted, #6b7280)}.cmd-icon--visualize{color:#7c6fe0}.cmd-kbd{margin-left:auto;font-size:11px;color:var(--text-muted, #6b7280);background:var(--bg-primary, #13151a);border:1px solid var(--border-color, #2d3139);border-radius:4px;padding:1px 5px;white-space:nowrap;font-family:inherit}.cmd-empty{padding:24px;text-align:center;font-size:13px;color:var(--text-muted, #6b7280)}.toolbar-views{flex-wrap:wrap;gap:3px}.view-cat-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);padding:0 5px;align-self:center;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color .15s}.view-cat-label--visualize{color:#7c6fe0}.view-cat-label--active{color:var(--text-primary)}.view-cat-label--visualize.view-cat-label--active{color:#9d8ff5}.toolbar-mini-divider{width:1px;height:16px;background:var(--border-color);margin:0 5px;opacity:.5;align-self:center}.split-view{display:flex;flex-direction:row;height:100%;width:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.split-pane{height:100%;overflow:hidden;flex-shrink:0}.split-divider{width:5px;flex-shrink:0;background:var(--border-color);cursor:col-resize;transition:background .15s;position:relative}.split-divider:hover,.split-divider:active{background:var(--accent-primary, #4a90e2)}.split-pane-empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;padding:24px;text-align:center}.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;max-width:320px;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.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;overflow-x:hidden;padding:15px;min-width:0}.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;min-width:0;max-width:100%;overflow:hidden}.context-fields{display:flex;flex-direction:column;gap:15px;min-width:0;max-width:100%}.context-field-group{border-left:2px solid var(--border-color);padding-left:15px;min-width:0;max-width:100%;overflow:hidden}.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%;max-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;word-break:break-all;overflow-wrap:break-word;box-sizing:border-box}.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;min-width:0;max-width:100%}.context-input-wrapper .context-input{flex:1;min-width:0}.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;min-width:0;max-width:100%;overflow:hidden}.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;flex-wrap:wrap;gap:10px;align-items:center;min-width:0;max-width:100%}.add-field-inputs .context-input{flex:1;min-width:80px}.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:"."}}.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)}.json-code-editor-root{position:relative;height:100%;width:100%}.json-code-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;pointer-events:none;z-index:1}.json-code-placeholder-text{font-size:16px;color:var(--text-muted, #6b6e76);opacity:.6;-webkit-user-select:none;user-select:none;text-align:center;padding:0 24px}.json-code-placeholder-btn{pointer-events:auto;padding:8px 20px;font-size:13px;background:transparent;border:1px solid var(--border-color, #3a3d45);border-radius:6px;color:var(--accent-primary, #4a90e2);cursor:pointer;transition:background .15s,border-color .15s}.json-code-placeholder-btn:hover{background:var(--bg-hover, rgba(74, 144, 226, .08));border-color:var(--accent-primary, #4a90e2)}.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}}