:is(.json-value.svelte-1m1d1dw,.edit-input.svelte-1m1d1dw){&.string{color:var(--jt-string,light-dark(#a31515,#ce9178))}&.number{color:var(--jt-number,light-dark(#098658,#b5cea8))}&.boolean{color:var(--jt-boolean,light-dark(#00f,#569cd6))}&.null{color:var(--jt-null,gray)}}.json-value.svelte-1m1d1dw{cursor:pointer;border-radius:2px;transition:background-color .15s,color .15s;&:hover{background:var(--jt-hover-bg,light-dark(#0000000d,#ffffff14))}&.string{word-break:break-word}&:is(.null:where(.svelte-1m1d1dw),.undefined:where(.svelte-1m1d1dw)){font-style:italic}&.date{color:var(--jt-date,light-dark(#098658,#dcdcaa))}&.regexp{color:var(--jt-regexp,light-dark(#811f3f,#d16969))}&.symbol{color:var(--jt-symbol,light-dark(#267f99,#4ec9b0))}&.bigint{color:var(--jt-bigint,light-dark(#098658,#b5cea8))}&.function{color:var(--jt-function,light-dark(#795e26,#dcdcaa));font-style:italic}&.error{color:var(--jt-error,light-dark(#a31515,#f48771))}&.changed{animation:1s ease-out svelte-1m1d1dw-value-change}&.editable{cursor:default}}@keyframes svelte-1m1d1dw-value-change{0%{background:var(--jt-change-flash,light-dark(#c8e6c9,#1b5e20))}to{background:0 0}}.expand-btn.svelte-1m1d1dw{color:var(--jt-expand-btn,light-dark(#06c,#4fc3f7));margin-left:2px;padding:0 2px;font-size:.85em;&:hover{text-decoration:underline}}.type-annotation.svelte-1m1d1dw{color:var(--jt-type-annotation,light-dark(gray,#6a6a6a));opacity:.7;margin-left:4px;font-size:.7em}.url-link.svelte-1m1d1dw{color:var(--jt-url,light-dark(#06c,#4fc3f7));text-decoration:none;&:hover{text-decoration:underline}}.edit-input.svelte-1m1d1dw{font:inherit;font-family:var(--jt-font-family,"SF Mono", Monaco, "Courier New", monospace);border:1px solid var(--jt-edit-border,#4a90d9);background:var(--jt-edit-bg,light-dark(#fff,#1a1a2e));border-radius:2px;outline:none;min-width:4ch;padding:0 2px}.color-swatch.svelte-1m1d1dw{vertical-align:middle;border:1px solid light-dark(#0003,#ffffff4d);border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.json-node.svelte-129brv{font-family:var(--jt-font-family,"SF Mono", Monaco, "Courier New", monospace);font-size:var(--jt-font-size,13px);line-height:var(--jt-line-height,1.5);outline:none;&:focus{outline:none}&.focused>.node-content:where(.svelte-129brv){background:var(--jt-focus-bg,light-dark(#e3f2fd,#0d3a58));border-radius:2px}&.current-match>.node-content:where(.svelte-129brv){background:var(--jt-current-match-bg,light-dark(#ffcc80,#8a5600));border-radius:2px}&.selected>.node-content:where(.svelte-129brv){background:var(--jt-select-bg,light-dark(#bbdefb,#0a3050))}&.diff-added>.node-content:where(.svelte-129brv){background:var(--jt-diff-added,light-dark(#4caf5026,#4caf5033))}&.diff-removed>.node-content:where(.svelte-129brv){background:var(--jt-diff-removed,light-dark(#f443361f,#f443362e));opacity:.7;text-decoration:line-through}&.diff-changed>.node-content:where(.svelte-129brv){background:var(--jt-diff-changed,light-dark(#ffc10726,#ffc10733))}&.sticky-header>.node-content:where(.svelte-129brv){top:calc(var(--jt-sticky-depth) * 20px);z-index:calc(100 - var(--jt-sticky-depth));background:var(--jt-sticky-bg,var(--jt-bg,transparent));display:flex;position:sticky}&:hover>.node-content:where(.svelte-129brv)>.collapse-level-btn:where(.svelte-129brv){opacity:.5}}.node-content.svelte-129brv{border-radius:2px;align-items:baseline;gap:2px;padding:1px 2px;display:inline-flex}.ghost.svelte-129brv .node-content:where(.svelte-129brv){background:var(--jt-diff-removed,light-dark(#f443361f,#f443362e));text-decoration:line-through}.collapse-toggle.svelte-129brv{width:1em;height:1em;color:var(--jt-arrow,light-dark(#6e6e6e,#858585));flex-shrink:0;justify-content:center;align-items:center;margin:0;display:inline-flex;position:relative;&:hover{color:light-dark(#000,#fff)}&:before{content:"";position:absolute;inset:-5px}}.arrow.svelte-129brv{font-size:.7em;transition:transform .15s;display:inline-block;&.collapsed{transform:rotate(-90deg)}}.no-toggle.svelte-129brv{flex-shrink:0;width:1em;display:inline-block}.node-key.svelte-129brv{color:var(--jt-key,light-dark(#001080,#9cdcfe));&:after{content:"⧉";opacity:0;color:var(--jt-arrow,light-dark(#6e6e6e,#858585));margin-left:2px;font-size:.8em;transition:opacity .15s}&.collapsed:after{content:"▸"}&:hover{text-decoration:underline;&:after{opacity:.6}}&.array-index .index:where(.svelte-129brv){color:var(--jt-number,light-dark(#098658,#b5cea8))}}.colon.svelte-129brv,.comma.svelte-129brv,.bracket.svelte-129brv{color:var(--jt-punctuation,light-dark(#000,#d4d4d4))}.colon.svelte-129brv{margin-right:4px}.preview.svelte-129brv{color:var(--jt-preview,gray);margin:0 4px;font-style:italic;&:hover{text-decoration:underline}}.children.svelte-129brv{padding-left:var(--jt-indent,1.2em);border-left:1px solid var(--jt-indent-guide,light-dark(#0000001a,#ffffff1a));margin-left:.5em}.size-hint.svelte-129brv{color:var(--jt-preview,gray);opacity:.6;margin-left:4px;font-size:.8em}.more-children.svelte-129brv{color:var(--jt-preview,gray);gap:8px;padding-left:1em;font-style:italic;display:flex;& button:where(.svelte-129brv):hover{text-decoration:underline}}.collapse-level-btn.svelte-129brv{opacity:0;color:var(--jt-arrow,light-dark(#6e6e6e,#858585));margin-left:4px;padding:0 2px;font-size:.85em;transition:opacity .15s;&:hover{opacity:1;color:light-dark(#000,#fff)}}.ghost.svelte-129brv{opacity:.5}.svelte-1159lab::highlight(json-tree-search-match){background:var(--jt-search-match-bg,light-dark(#fff59d,#614d00));color:inherit}.json-tree.svelte-1159lab{--jt-string:light-dark(#a31515,#ce9178);--jt-number:light-dark(#098658,#b5cea8);--jt-boolean:light-dark(#00f,#569cd6);--jt-null:gray;--jt-key:light-dark(#001080,#9cdcfe);--jt-punctuation:light-dark(#000,#d4d4d4);--jt-arrow:light-dark(#6e6e6e,#858585);--jt-preview:gray;--jt-search-match-bg:light-dark(#fff59d,#614d00);--jt-current-match-bg:light-dark(#ffcc80,#8a5600);--jt-change-flash:light-dark(#c8e6c9,#1b5e20);--jt-focus-bg:light-dark(#e3f2fd,#0d3a58);--jt-hover-bg:light-dark(#0000000d,#ffffff14);--jt-indent-guide:light-dark(#0000001a,#ffffff1a);--jt-header-bg:light-dark(#00000008,#ffffff0d);--jt-header-border:light-dark(#0000001a,#ffffff1a);--jt-indent:1.2em;--jt-line-height:1.5;--jt-font-size:13px;--jt-font-family:"SF Mono", Monaco, "Courier New", monospace;font-family:var(--jt-font-family);font-size:var(--jt-font-size);line-height:var(--jt-line-height);background:var(--jt-bg,transparent);border-radius:var(--jt-border-radius,4px);position:relative;overflow:hidden}.json-tree button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.json-tree-header.svelte-1159lab{flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px;display:flex}.search-wrapper.svelte-1159lab{background:var(--jt-search-bg,light-dark(#fff,#0003));border:1px solid var(--jt-search-border,light-dark(#00000026,#ffffff26));border-radius:4px;flex:1;align-items:center;gap:4px;min-width:150px;max-width:300px;padding:2px 6px;display:flex}.search-input.svelte-1159lab{color:inherit;background:0 0;border:none;outline:none;flex:1;padding:2px;font-size:12px;&::placeholder{color:var(--jt-placeholder,light-dark(#999,#666))}}.clear-search.svelte-1159lab,.nav-btn.svelte-1159lab,.controls.svelte-1159lab button:where(.svelte-1159lab){opacity:.6;border-radius:3px;justify-content:center;align-items:center;transition:opacity .15s,background .15s;display:flex;&:hover,&.active{opacity:1}&:hover{background:var(--jt-hover-bg)}}.clear-search.svelte-1159lab{padding:2px}.nav-btn.svelte-1159lab{width:20px;height:20px}.controls.svelte-1159lab{gap:2px;display:flex;& button:where(.svelte-1159lab){min-width:24px;height:24px;padding:2px 6px;font-size:11px;font-weight:500}}.divider.svelte-1159lab{background:var(--jt-header-border);align-self:center;width:1px;height:16px;margin:0 4px}@media (pointer:coarse){.nav-btn.svelte-1159lab,.clear-search.svelte-1159lab,.controls.svelte-1159lab button:where(.svelte-1159lab){min-width:2rem;min-height:2rem}.search-input.svelte-1159lab{font-size:16px}}.match-nav.svelte-1159lab{align-items:center;gap:2px;display:flex}.match-count.svelte-1159lab{color:var(--jt-match-count-color,light-dark(#666,#aaa));white-space:nowrap;margin-left:4px;font-size:11px}.path-breadcrumb.svelte-1159lab,.pinned-panel.svelte-1159lab{background:var(--jt-header-bg);border-bottom:1px solid var(--jt-header-border);padding:4px 8px;font-size:11px;overflow:hidden}.copy-path-btn.svelte-1159lab,.pinned-path.svelte-1159lab{color:var(--jt-key);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden;&:hover{text-decoration:underline}}.copy-path-btn.svelte-1159lab{border-radius:2px;padding:2px 4px;display:block;&:hover{background:var(--jt-hover-bg)}}.json-tree-content.svelte-1159lab{padding:var(--jt-content-padding,8px);max-height:var(--jt-max-height,none);overflow:auto}.copy-feedback.svelte-1159lab{background:var(--success-color,#10b981);color:#fff;pointer-events:none;z-index:1002;white-space:nowrap;border-radius:4px;padding:4px 8px;font-size:11px;animation:1s ease-out forwards svelte-1159lab-fade-in-out;position:fixed;&.error{background:var(--error-color,#ef4444)}}@keyframes svelte-1159lab-fade-in-out{0%{opacity:0;transform:translateY(-4px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0}}.context-menu-backdrop.svelte-1159lab{z-index:1000;cursor:default;position:fixed;inset:0}.context-menu.svelte-1159lab{z-index:1001;background:var(--jt-ctx-bg,light-dark(#fff,#2d2d2d));border:1px solid var(--jt-ctx-border,light-dark(#00000026,#ffffff26));border-radius:6px;min-width:160px;margin:0;padding:4px 0;font-size:12px;list-style:none;position:fixed;box-shadow:0 4px 12px #00000026;& button:where(.svelte-1159lab){text-align:left;align-items:center;gap:8px;width:100%;padding:6px 12px;display:flex;&:hover{background:var(--jt-ctx-hover,light-dark(#0000000f,#ffffff1a))}}& .separator:where(.svelte-1159lab){background:var(--jt-ctx-border,light-dark(#0000001a,#ffffff1a));height:1px;margin:4px 8px}}.pinned-panel.svelte-1159lab{max-height:120px;overflow-y:auto}.pinned-header.svelte-1159lab{opacity:.7;justify-content:space-between;align-items:center;padding:2px 0;font-weight:500;display:flex}.pinned-clear-btn.svelte-1159lab{opacity:.6;padding:1px 4px;font-size:10px;&:hover{opacity:1;text-decoration:underline}}.pinned-item.svelte-1159lab{border-radius:2px;align-items:center;gap:4px;padding:2px 4px;display:flex;&:hover{background:var(--jt-hover-bg)}}.pinned-path.svelte-1159lab{max-width:200px}.pinned-value.svelte-1159lab{color:var(--jt-preview);white-space:nowrap;text-overflow:ellipsis;flex:1;font-style:italic;overflow:hidden}.unpin-btn.svelte-1159lab{opacity:.5;padding:0 2px;font-size:10px;&:hover{opacity:1}}
