:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, Menlo, Monaco, Courier, monospace;--spacing-xxs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-base: 16px;--spacing-md: 20px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--rounded-none: 0px;--rounded-xs: 4px;--rounded-sm: 6px;--rounded-md: 8px;--rounded-lg: 12px;--rounded-pill: 9999px;--slate-bg: #141518;--slate-bg-soft: #101114;--slate-bg-deep: #0c0d0f;--slate-surface: #1e2025;--slate-border: #23252c;--slate-border-strong: #2f323c;--slate-fg: #f4f5f8;--slate-body: #9da3af;--slate-muted: #626775;--syntax-key: #a5b4fc;--syntax-string: #34d399;--syntax-number: #fbbf24;--syntax-bool-true: #fbbf24;--syntax-bool-false: #fb7185;--syntax-object: #38bdf8;--syntax-array: #2dd4bf;--syntax-null: #626775;--color-key: var(--syntax-key);--type-string: var(--syntax-string);--type-number: var(--syntax-number);--type-boolean: var(--syntax-number);--type-object: var(--syntax-object);--type-array: var(--syntax-array);--type-null: var(--syntax-null);--type-string-bg: rgba(52, 211, 153, .12);--type-string-border: rgba(52, 211, 153, .3);--type-number-bg: rgba(251, 191, 36, .12);--type-number-border: rgba(251, 191, 36, .3);--type-boolean-bg: rgba(251, 191, 36, .12);--type-boolean-border: rgba(251, 191, 36, .3);--type-object-bg: rgba(56, 189, 248, .12);--type-object-border: rgba(56, 189, 248, .3);--type-array-bg: rgba(45, 212, 191, .12);--type-array-border: rgba(45, 212, 191, .3);--type-null-bg: rgba(98, 103, 117, .15);--type-null-border: rgba(98, 103, 117, .3);--transition-fast: .1s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark],:root:not([data-theme=light]){--colors-canvas: var(--slate-bg);--colors-canvas-soft: var(--slate-bg-soft);--colors-surface-card: var(--slate-bg-soft);--colors-surface-strong: var(--slate-surface);--colors-surface-dark: var(--slate-bg-deep);--colors-primary: #ffffff;--colors-primary-active: #e4e4e7;--colors-on-primary: #121316;--colors-hairline: var(--slate-border);--colors-hairline-soft: #191b20;--colors-hairline-strong: var(--slate-border-strong);--colors-ink: var(--slate-fg);--colors-body: var(--slate-body);--colors-muted: var(--slate-muted);--colors-semantic-success: var(--syntax-string);--colors-semantic-error: var(--syntax-bool-false);--title-baseline: rgba(255, 255, 255, .08);--title-baseline-focus: rgba(244, 245, 248, .45);--input-underline: rgba(244, 245, 248, .35);--row-hover-bg: rgba(30, 32, 37, .65);--row-active-bg: var(--slate-surface);--input-focus-border: var(--syntax-key);--tree-guide: var(--slate-border-strong);--modal-backdrop: rgba(12, 13, 15, .75);--shadow-modal: 0 24px 64px rgba(0, 0, 0, .65), 0 0 0 1px var(--slate-border-strong)}[data-theme=light]{--colors-canvas: #ffffff;--colors-canvas-soft: #f8f9fa;--colors-surface-card: #ffffff;--colors-surface-strong: #ebeef2;--colors-surface-dark: #f1f3f5;--colors-primary: #0f172a;--colors-primary-active: #000000;--colors-on-primary: #ffffff;--colors-hairline: #e2e8f0;--colors-hairline-soft: #edf2f7;--colors-hairline-strong: #cbd5e1;--colors-ink: #0f172a;--colors-body: #334155;--colors-muted: #64748b;--colors-semantic-success: #059669;--colors-semantic-error: #e11d48;--title-baseline: rgba(15, 23, 42, .15);--title-baseline-focus: rgba(15, 23, 42, .65);--input-underline: rgba(15, 23, 42, .5);--syntax-key: #4338ca;--syntax-string: #059669;--syntax-number: #d97706;--syntax-bool-true: #d97706;--syntax-bool-false: #e11d48;--syntax-object: #0284c7;--syntax-array: #0d9488;--syntax-null: #64748b;--color-key: var(--syntax-key);--type-string: var(--syntax-string);--type-number: var(--syntax-number);--type-boolean: var(--syntax-number);--type-object: var(--syntax-object);--type-array: var(--syntax-array);--type-null: var(--syntax-null);--type-string-bg: rgba(5, 150, 105, .1);--type-string-border: rgba(5, 150, 105, .35);--type-number-bg: rgba(217, 119, 6, .1);--type-number-border: rgba(217, 119, 6, .35);--type-boolean-bg: rgba(217, 119, 6, .1);--type-boolean-border: rgba(217, 119, 6, .35);--type-object-bg: rgba(2, 132, 199, .1);--type-object-border: rgba(2, 132, 199, .35);--type-array-bg: rgba(13, 148, 136, .1);--type-array-border: rgba(13, 148, 136, .35);--type-null-bg: rgba(100, 116, 139, .12);--type-null-border: rgba(100, 116, 139, .35);--row-hover-bg: rgba(15, 23, 42, .04);--row-active-bg: rgba(15, 23, 42, .08);--input-focus-border: #4338ca;--tree-guide: #cbd5e1;--modal-backdrop: rgba(15, 23, 42, .5);--shadow-modal: 0 16px 40px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100vw;height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none;position:fixed;inset:0}body{font-family:var(--font-mono);background-color:var(--colors-canvas);color:var(--colors-ink);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}input,button,select,textarea{font-family:inherit;color:inherit}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important;display:none!important}input[type=number]{-moz-appearance:textfield!important;appearance:textfield!important}.app-root,main,.raw-json-split-pane,.document-sidebar,.tree-container{overscroll-behavior:contain;transform:translateZ(0);backface-visibility:hidden}.node-row-wrapper{content-visibility:auto;contain:layout style paint;contain-intrinsic-size:30px;transform:translateZ(0)}@keyframes rowPulse{0%{background-color:var(--row-active-bg)}to{background-color:transparent}}.row-flash-highlight{animation:rowPulse 1.2s cubic-bezier(.2,.8,.2,1) forwards}@keyframes expandHairlineUnderline{0%{background-size:0% 1px}to{background-size:100% 1px}}@keyframes rawPanelSlideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.raw-json-panel-wrapper{animation:rawPanelSlideIn .25s cubic-bezier(.4,0,.2,1) forwards}.editor-title-input{font-size:22px;font-weight:700;font-family:var(--font-sans);letter-spacing:-.5px;line-height:1.3;color:var(--colors-ink);background-color:transparent;border:none;outline:none;padding:4px 0 8px;width:100%;border-bottom:1px solid var(--title-baseline);background-image:linear-gradient(var(--title-baseline-focus),var(--title-baseline-focus));background-position:bottom left;background-size:0% 1px;background-repeat:no-repeat;transition:background-size .2s cubic-bezier(.16,1,.3,1),border-color .15s ease}.editor-title-input:hover{border-bottom-color:var(--title-baseline-focus)}.editor-title-input:focus{background-size:100% 1px;border-bottom-color:var(--title-baseline-focus)}.sidebar-rename-input{font-size:13px;font-family:var(--font-sans);font-weight:500;color:var(--colors-ink);background-color:transparent;border:none;outline:none;padding:2px 0 4px;width:100%;border-bottom:1px solid var(--colors-hairline-strong);background-image:linear-gradient(var(--input-underline),var(--input-underline));background-position:bottom left;background-size:100% 1px;background-repeat:no-repeat;animation:expandHairlineUnderline .18s cubic-bezier(.16,1,.3,1) forwards}.frameless-input{font-family:var(--font-mono);font-size:13px;background-color:transparent;border:none;outline:none;padding:2px;height:24px;border-bottom:1px solid transparent;background-image:linear-gradient(var(--input-underline),var(--input-underline));background-position:bottom left;background-size:0% 1px;background-repeat:no-repeat;box-sizing:content-box;transition:background-size .18s cubic-bezier(.16,1,.3,1),border-color .12s ease}.frameless-input:hover{border-bottom-color:var(--colors-hairline-strong)}.frameless-input:focus{background-size:100% 1px;border-bottom-color:var(--colors-hairline-strong)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:0 8px;background-color:transparent;color:var(--colors-body);font-size:12px;font-family:var(--font-sans);font-weight:500;border-radius:var(--rounded-xs);border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.btn-ghost:hover,.btn-ghost-active{background-color:var(--colors-surface-strong);color:var(--colors-ink)}.sidebar-action-btn{display:inline-flex;align-items:center;justify-content:center;flex:1;height:28px;padding:0;background-color:var(--colors-surface-strong);color:var(--colors-body);border:1px solid var(--colors-hairline-strong);border-radius:var(--rounded-xs);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.sidebar-action-btn:hover{background-color:var(--colors-hairline-strong);color:var(--colors-ink);border-color:var(--colors-ink)}.sidebar-action-btn:active{transform:scale(.96)}.btn-primary-flush{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:0 12px;background-color:var(--colors-primary);color:var(--colors-on-primary);font-size:12px;font-family:var(--font-sans);font-weight:600;border-radius:var(--rounded-xs);border:none;cursor:pointer;transition:opacity var(--transition-fast);white-space:nowrap}.btn-primary-flush:hover{opacity:.92}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeInToast{0%{opacity:0;transform:translate(-50%,8px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--colors-hairline-strong);border-radius:var(--rounded-pill)}::-webkit-scrollbar-thumb:hover{background:var(--colors-muted)}