:root{--bg: #0e1116;--panel: #141922;--panel-2: #10141c;--line: #232b39;--fg: #dde4ee;--muted: #8a94a6;--accent: #5aa9ff;--ok: #4ec9a5;--warn: #e8b14c;--bad: #ff6b6b;--key: #7fc3ff;--str: #e8b978;--num: #c6a0ff;--bool: #ff9dbb;--null: #8a94a6;--quote-fg: #f2c35c;--quote-bg: rgba(242, 195, 92, .16);--quote-bg-hot: rgba(242, 195, 92, .5);--brk-a: .16;--brk-hot-a: .5;--range-a: .09;--shadow: 0 1px 2px rgba(0, 0, 0, .4);--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color-scheme:dark}:root[data-theme=light]{--bg: #f4f6fa;--panel: #ffffff;--panel-2: #fbfcfe;--line: #dde3ec;--fg: #16202e;--muted: #62708a;--accent: #1f6feb;--ok: #17845f;--warn: #9a6b00;--bad: #c62828;--key: #0b62c4;--str: #9a5400;--num: #6a35c9;--bool: #b02a6b;--null: #62708a;--quote-fg: #a06a00;--quote-bg: rgba(200, 140, 0, .16);--quote-bg-hot: rgba(200, 140, 0, .42);--brk-a: .15;--brk-hot-a: .42;--range-a: .08;--shadow: 0 1px 2px rgba(20, 30, 50, .12);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.brand{display:flex;align-items:center;gap:12px}.logo{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(140deg,#30abe8e6,#b152e0e6);color:#fff;font:600 13px var(--mono)}.brand h1{margin:0;font-size:15px;letter-spacing:.2px}.brand p{margin:0;font-size:12px;color:var(--muted)}.top-right{display:flex;align-items:center;gap:12px}.privacy{font-size:12px;color:var(--muted)}.cols{display:grid;flex:1;min-height:0}.pane{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--panel-2)}.splitter{cursor:col-resize;background:var(--line);transition:background .15s}.splitter:hover{background:var(--accent)}.bar{display:flex;align-items:center;gap:8px;padding:7px 10px;border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap}.bar-title{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.grow{flex:1}.muted{color:var(--muted);font-size:12px}.btn{border:1px solid var(--line);background:var(--accent);color:#fff;border-radius:6px;padding:4px 10px;font:500 12px var(--sans);cursor:pointer;box-shadow:var(--shadow)}.btn.ghost{background:transparent;color:var(--fg);box-shadow:none}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.4;cursor:default}.split{position:relative;display:inline-flex}.split-main{border-radius:6px 0 0 6px;border-right-color:color-mix(in srgb,#000 22%,transparent)}.split-caret{display:grid;place-items:center;width:24px;padding:0;border-radius:0 6px 6px 0;border-left:0}.split-caret svg{width:9px;height:9px;fill:currentColor}.menu{position:absolute;top:calc(100% + 6px);right:0;z-index:20;width:320px;max-width:calc(100vw - 32px);padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 12px 32px #00000059}.menu-item{display:block;width:100%;padding:7px 9px;border:0;border-radius:7px;background:none;color:var(--fg);font:inherit;text-align:left;cursor:pointer}.menu-item:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}.menu-item.on .menu-label{color:var(--accent)}.menu-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.tick{display:inline-block;width:10px;color:var(--accent)}.menu-hint{display:block;margin:2px 0 0 16px;color:var(--muted);font-size:11.5px;line-height:1.45}.toggle{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.pill{font:500 11px var(--sans);padding:2px 8px;border-radius:999px;border:1px solid transparent}.pill.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent);background:color-mix(in srgb,var(--ok) 12%,transparent)}.pill.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent);background:color-mix(in srgb,var(--warn) 12%,transparent)}.pill.bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,transparent);background:color-mix(in srgb,var(--bad) 12%,transparent)}.editor{display:flex;flex:1;min-height:0;font:12.5px/1.6 var(--mono)}.gutter{overflow:hidden;padding:12px 8px 12px 12px;text-align:right;color:var(--muted);opacity:.55;background:var(--panel-2);border-right:1px solid var(--line);-webkit-user-select:none;user-select:none}.input{flex:1;min-width:0;resize:none;border:0;outline:none;padding:12px;background:transparent;color:var(--fg);font:inherit;-moz-tab-size:2;tab-size:2;white-space:pre;overflow:auto}.input::placeholder{color:var(--muted);opacity:.7}.repairs{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--warn) 7%,var(--panel));max-height:34%;overflow:auto}.repairs-head{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:0;background:none;color:var(--fg);font:13px var(--sans);cursor:pointer;text-align:left}.warn-dot{width:8px;height:8px;border-radius:50%;background:var(--warn)}.repair-list{margin:0;padding:0 12px 10px 30px;list-style:none}.repair-list li{padding:6px 0;border-top:1px solid color-mix(in srgb,var(--warn) 22%,transparent)}.repair-label{display:flex;align-items:center;gap:6px}.repair-label code{font:12px var(--mono);color:var(--warn)}.count{font:11px var(--mono);color:var(--muted)}.repair-detail{font-size:12px;color:var(--muted);margin:2px 0 4px}.repair-jumps{display:flex;flex-wrap:wrap;gap:4px}.jump{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:5px;padding:1px 6px;font:11px var(--mono);cursor:pointer}button.jump:hover{color:var(--fg);border-color:var(--accent)}.jump.muted{cursor:default;opacity:.7}.output{flex:1;min-height:0;overflow:auto;padding:12px 14px 60px;font:12.5px/1.65 var(--mono)}.output.placeholder{color:var(--fg);font:14px/1.6 var(--sans);padding:28px;max-width:46ch}.output.placeholder .muted{font-size:13px}.doc+.doc,.doc+.noise,.noise+.doc{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}.doclabel{font:11px var(--sans);text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:4px}.noise{color:var(--muted);white-space:pre-wrap;word-break:break-word;font-style:italic;opacity:.85}.node{--hue: 205}.node[data-depth="1"]{--hue: 280}.node[data-depth="2"]{--hue: 150}.node[data-depth="3"]{--hue: 32}.node[data-depth="4"]{--hue: 330}.node[data-depth="5"]{--hue: 188}.block{display:block;padding-left:18px;margin-left:2px;border-left:1px solid color-mix(in srgb,hsl(var(--hue) 60% 55%) 22%,transparent);border-radius:2px}.row{display:block;word-break:break-word}.brk{padding:0 3px;border-radius:4px;color:hsl(var(--hue) 75% 68%);background:hsl(var(--hue) 70% 55% / var(--brk-a));transition:background .08s ease,color .08s ease}:root[data-theme=light] .brk{color:hsl(var(--hue) 65% 34%)}.brk.hot{background:hsl(var(--hue) 75% 55% / var(--brk-hot-a));color:#fff;box-shadow:0 0 0 1px hsl(var(--hue) 80% 60%)}.node.range-hot>.block{background:hsl(var(--hue) 70% 55% / var(--range-a));border-left-color:hsl(var(--hue) 75% 60%)}.brk.synth,.q.synth,.tok.synth{color:var(--warn);background:color-mix(in srgb,var(--warn) 20%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--warn) 70%,transparent);padding:1px 4px;border-radius:4px}.key{cursor:pointer;border-radius:3px}.kv{color:var(--key)}.key:hover .kv{text-decoration:underline;text-underline-offset:2px}.q{color:var(--quote-fg);background:var(--quote-bg);border-radius:3px;padding:0 1px;transition:background .08s ease}.q.hot{background:var(--quote-bg-hot);color:var(--fg);box-shadow:0 0 0 1px var(--quote-fg)}.str.range-hot .sv,.strblock.range-hot .pre,.key.range-hot .kv{background:var(--quote-bg);border-radius:3px}.sv{color:var(--str)}.punc{color:var(--muted)}.colon{margin-right:5px}.tok.num{color:var(--num)}.tok.bool{color:var(--bool)}.tok.null{color:var(--null)}.tok.bad{color:var(--bad);background:color-mix(in srgb,var(--bad) 14%,transparent);border-radius:3px;padding:0 3px}.keyless{margin-right:4px}.fold{width:13px;height:13px;margin-right:1px;padding:0;border:0;background:none;color:var(--muted);cursor:pointer;vertical-align:baseline}.fold svg{width:9px;height:9px;fill:currentColor;transform:rotate(90deg);transition:transform .12s ease}.fold.closed svg{transform:rotate(0)}.fold:hover{color:var(--fg)}.summary{margin:0 4px;border:1px solid var(--line);border-radius:999px;padding:0 8px;background:transparent;color:var(--muted);font:11px var(--mono);cursor:pointer}.summary:hover{color:var(--fg);border-color:var(--accent)}.chip{display:inline-block;margin-right:6px;padding:0 6px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font:10.5px var(--sans);cursor:pointer;vertical-align:1px}.chip.ghost{border-color:var(--line);background:transparent;color:var(--muted);margin-left:6px}.chip.ghost:hover{color:var(--fg)}.embed{display:inline}.prefix{color:var(--muted);margin-right:6px;font-style:italic}.strblock,.strhead{display:inline}.pre{margin:2px 0 2px 8px;padding:6px 8px;max-height:340px;overflow:auto;border-left:2px solid color-mix(in srgb,var(--quote-fg) 45%,transparent);background:color-mix(in srgb,var(--fg) 5%,transparent);border-radius:0 4px 4px 0;color:var(--str);font:12px/1.5 var(--mono);white-space:pre-wrap;word-break:break-word}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);padding:8px 16px;border-radius:8px;background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 24px #0000004d;font-size:13px}@media(max-width:760px){.cols{grid-template-columns:1fr!important;grid-template-rows:1fr 6px 1fr}.splitter{cursor:row-resize}.privacy{display:none}}