:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--background:#fff;--card:#fff;--foreground:#172033;--muted:#f4f5f7;--muted-foreground:#697386;--border:#e5e7eb;--border-strong:#d4d8df;--input:#fff;--primary:#1c273b;--primary-foreground:#fff;--added:#eef9f1;--added-strong:#d5f1dc;--added-foreground:#277542;--removed:#fff1f1;--removed-strong:#ffdcdc;--removed-foreground:#b23c42;--code:#fbfcfd;--radius:6px;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root.dark{color:#f2f4f8;--background:#11151e;--card:#171d29;--foreground:#f2f4f8;--muted:#242c3a;--muted-foreground:#9aa4b4;--border:#2b3443;--border-strong:#3a4658;--input:#121823;--primary:#edf1f7;--primary-foreground:#172033;--added:#1e3828;--added-strong:#2b5238;--added-foreground:#8ed7a1;--removed:#3b252b;--removed-strong:#5b3036;--removed-foreground:#ff9fa4;--code:#121823;background:#11151e}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--background);min-width:320px;color:var(--foreground);overflow:hidden}button,textarea,select,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,textarea:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--muted-foreground);outline-offset:2px}.shell{background:var(--background);width:100%;height:100%;color:var(--foreground);display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:var(--card);flex-direction:column;flex:0 0 224px;width:224px;transition:width .15s,flex-basis .15s;display:flex}.sidebar-collapsed{flex-basis:48px;width:48px}.sidebar-brand{border-bottom:1px solid var(--border);height:48px;color:var(--foreground);letter-spacing:-.02em;flex-shrink:0;align-items:center;gap:9px;padding:0 13px;font-size:14px;font-weight:650;display:flex}.sidebar-brand svg{flex-shrink:0}.sidebar-collapsed .sidebar-brand{justify-content:center;padding:0}.sidebar-nav{flex:1;padding:13px 9px;overflow-y:auto}.sidebar-label{color:var(--muted-foreground);letter-spacing:.12em;text-transform:uppercase;margin:0 8px 7px;font-size:10px;font-weight:650}.sidebar-nav ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.nav-item{width:100%;color:var(--muted-foreground);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:9px;padding:8px 9px;font-size:13px;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--muted);color:var(--foreground)}.nav-item.active{background:var(--muted);color:var(--foreground);font-weight:600}.sidebar-collapsed .nav-item{justify-content:center;padding:8px 0}.sidebar-footer{border-top:1px solid var(--border);padding:9px}.app-frame{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);height:48px;color:var(--muted-foreground);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;font-size:12px;display:flex}.theme-toggle{width:28px;height:28px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{border-color:var(--border);background:var(--muted);color:var(--foreground)}.main-content{flex:1;min-height:0}.workspace-tool{background:var(--background);flex-direction:column;height:100%;min-height:0;display:flex}.options-bar{border-bottom:1px solid var(--border);min-height:40px;color:var(--muted-foreground);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:5px 16px;font-size:12px;display:flex}.segmented-control{border:1px solid var(--border);border-radius:5px;gap:2px;padding:2px;display:inline-flex}.segmented-control button,.output-tabs button{color:var(--muted-foreground);cursor:pointer;text-transform:capitalize;background:0 0;border:0;border-radius:3px;padding:3px 8px;font-size:11px;font-weight:550}.segmented-control button:hover,.output-tabs button:hover{color:var(--foreground)}.segmented-control button.selected,.output-tabs button.selected{background:var(--muted);color:var(--foreground)}.compact-control,.check-control{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.compact-control select{border:1px solid var(--border);background:var(--background);height:25px;color:var(--foreground);border-radius:4px;padding:0 5px;font-size:11px}.check-control{cursor:pointer}.check-control input{width:13px;height:13px;accent-color:var(--foreground);margin:0}.toolbar-spacer{flex:1}.toolbar-button{border:1px solid var(--border);height:28px;color:var(--muted-foreground);cursor:pointer;white-space:nowrap;background:0 0;border-radius:5px;padding:0 10px;font-size:11px;transition:background .12s,color .12s,border-color .12s}.toolbar-button:hover{border-color:var(--border-strong);background:var(--muted);color:var(--foreground)}.primary-button{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.primary-button:hover{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground);opacity:.88}.copy-button{margin-left:auto}.input-split,.json-workspace{border-bottom:1px solid var(--border);flex:2;min-height:0;display:flex}.code-input{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.input-split .code-input+.code-input,.json-input-pane+.json-output-pane{border-left:1px solid var(--border)}.code-label{border-bottom:1px solid var(--border);height:29px;color:var(--muted-foreground);letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;align-items:center;padding:0 12px;font-size:10px;font-weight:650;display:flex}.code-body{flex:1;min-height:0;display:flex}.line-gutter{border-right:1px solid var(--border);background:color-mix(in srgb, var(--muted) 52%, transparent);width:43px;color:var(--muted-foreground);text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:8px 8px 8px 0;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:20px;overflow:hidden}.code-body textarea{resize:none;background:var(--code);min-width:0;min-height:0;color:var(--foreground);tab-size:2;white-space:pre;border:0;outline:0;flex:1;padding:8px 12px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:20px}.code-body textarea::placeholder{color:var(--muted-foreground);opacity:.65}.code-body textarea:focus{box-shadow:inset 0 0 0 1px var(--border-strong)}.diff-result{background:var(--code);flex:3;min-height:0;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:22px;overflow:auto}.diff-row{border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);min-height:22px;display:flex}.diff-cell{white-space:pre;flex:1;gap:10px;min-width:0;padding:0 10px 0 0;display:flex;overflow:hidden}.diff-cell+.diff-cell{border-left:1px solid var(--border)}.diff-cell>span:last-of-type{text-overflow:ellipsis;overflow:hidden}.diff-cell.diff-added{background:var(--added);color:var(--added-foreground)}.diff-cell.diff-removed{background:var(--removed);color:var(--removed-foreground)}.inline-change{background:var(--added-strong);color:inherit;border-radius:2px}.diff-removed .inline-change{background:var(--removed-strong)}.diff-line-number{width:35px;color:var(--muted-foreground);text-align:right;-webkit-user-select:none;user-select:none;flex:0 0 35px;padding-right:7px}.diff-mark{color:currentColor;margin-left:auto;padding-left:5px}.unified-row{white-space:pre;gap:0;min-height:22px;padding-right:12px;display:flex}.unified-row.added{background:var(--added);color:var(--added-foreground)}.unified-row.removed{background:var(--removed);color:var(--removed-foreground)}.unified-mark{flex:0 0 27px;width:27px;padding-left:10px}.status-bar{border-top:1px solid var(--border);background:var(--card);height:28px;color:var(--muted-foreground);flex-shrink:0;align-items:center;gap:16px;padding:0 16px;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;display:flex}.status-spacer{flex:1}.json-options{gap:10px}.json-error{border-bottom:1px solid color-mix(in srgb, var(--removed-foreground) 35%, var(--border));background:var(--removed);color:var(--removed-foreground);flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:flex}.error-dot{background:var(--removed-foreground);width:16px;height:16px;color:var(--removed);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.json-input-pane,.json-output-pane{flex-direction:column;flex:1;min-width:0;display:flex}.output-tabs{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:2px;height:29px;padding:0 8px;display:flex}.tree-output,.raw-output{background:var(--code);flex:1;min-height:0;padding:9px 12px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:22px;overflow:auto}.raw-output{white-space:pre;margin:0}.muted-copy{color:var(--muted-foreground)}.tree-level{min-width:max-content}.tree-row{white-space:nowrap;min-height:22px}.tree-node-row{white-space:nowrap;align-items:center;min-width:max-content;min-height:22px;display:flex}.tree-toggle{width:18px;height:20px;color:var(--muted-foreground);cursor:pointer;text-align:center;background:0 0;border:0;padding:0;font-family:inherit;font-size:13px;line-height:20px}.tree-toggle:hover{color:var(--foreground)}.tree-placeholder{flex:0 0 18px;width:18px;display:inline-block}.tree-summary{color:var(--muted-foreground);margin-left:6px}.tree-closing{min-height:18px}.tok-key{color:#5079c3}.tok-string{color:#3c8c57}.tok-number{color:#a26f16}.tok-boolean{color:#8a5bbb}.tok-null,.tok-punctuation{color:var(--muted-foreground)}:root.dark .tok-key{color:#9ebdff}:root.dark .tok-string{color:#8ed7a1}:root.dark .tok-number{color:#e0c789}:root.dark .tok-boolean{color:#c4a9f4}@media (width<=820px){.sidebar{flex-basis:48px;width:48px}.sidebar-brand{justify-content:center;padding:0}.sidebar-brand span,.sidebar-label,.nav-item span{display:none}.sidebar-nav,.sidebar-footer{padding-left:7px;padding-right:7px}.nav-item{justify-content:center;padding-left:0;padding-right:0}.options-bar{gap:8px;padding-left:10px;padding-right:10px}.check-control:nth-of-type(n+4){display:none}}@media (width<=600px){.topbar{padding:0 10px}.input-split,.json-workspace{flex-direction:column;overflow:auto}.input-split .code-input,.json-input-pane,.json-output-pane{flex:none;min-height:230px}.input-split .code-input+.code-input,.json-input-pane+.json-output-pane{border-top:1px solid var(--border);border-left:0}.diff-result{flex:1;min-height:260px}.copy-button{margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}