:root{--c: #1f4e8c;--c2: #eef3fa;--ink: #17202e;--muted: #5d6878;--bg: #fff;--card: #fff;--line: #d6dde8;--ok: #1e8a4c;--bad: #c62828;--add: #d9f5e1;--del: #fbdcdc;--mark: #ffe58a;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}[data-theme=dark]{--c: #7fb0ff;--c2: #1b222d;--ink: #e6ebf3;--muted: #9aa5b8;--bg: #11151b;--card: #0c0f14;--line: #333d4d;--ok: #7bd99a;--bad: #ff6b6b;--add: #173d24;--del: #4a1d1d;--mark: #6b5a12}*{box-sizing:border-box}body{margin:0;line-height:1.55;background:var(--bg);color:var(--ink)}a{color:var(--c)}.wrap{max-width:1180px;margin:0 auto;padding:0 16px}.mono,textarea,.mono input{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.site-header{border-bottom:1px solid var(--line)}.site-header .wrap{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:10px 16px}.brand{font-weight:800;font-size:1.25rem;text-decoration:none}.site-header nav{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.site-header nav a{text-decoration:none;color:var(--ink);font-weight:500}.theme-pick{flex-direction:row!important;align-items:center;gap:6px}h1{font-size:1.9rem;margin:14px 0 6px}.lede{color:var(--muted);margin-top:0}.badge{display:inline-block;font-size:.8rem;font-weight:600;color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent);border-radius:999px;padding:1px 10px}.crumbs{font-size:.85rem;color:var(--muted);margin-top:12px}.muted{color:var(--muted)}.small{font-size:.85rem}.tool{background:var(--c2);border-radius:14px;padding:14px;margin:14px 0;border:2px dashed transparent}.tool.drag{border-color:var(--c)}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}.spacer{flex:1}label{display:flex;flex-direction:column;font-size:.85rem;color:var(--muted);gap:3px}label.inline{flex-direction:row;align-items:center;gap:6px}label.grow{flex:1 1 320px}input,select{font:inherit;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink)}input.mono{font-family:ui-monospace,Menlo,Consolas,monospace}button{font:inherit;padding:7px 14px;border-radius:9px;border:1px solid var(--c);background:var(--card);color:var(--c);cursor:pointer;font-weight:600}button.primary{background:var(--c);color:var(--bg)}.opts{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:8px}.panes{display:grid;gap:10px}.panes.two{grid-template-columns:1fr 1fr}.panes.none{display:none}.pane{color:var(--muted)}textarea{width:100%;min-height:240px;resize:vertical;font-size:13px;line-height:1.45;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);tab-size:2;white-space:pre;overflow:auto}#out{min-height:280px}.out-head{margin-top:12px}.seg{display:inline-flex;background:var(--card);border-radius:9px;padding:3px;gap:2px}.seg button{border:0;padding:3px 10px;background:transparent;color:var(--muted)}.seg button.on{color:var(--c);background:var(--c2)}.error{background:color-mix(in srgb,var(--bad) 12%,var(--card));color:var(--bad);border:1px solid var(--bad);border-radius:10px;padding:8px 12px;margin:8px 0;white-space:pre-wrap;font-family:ui-monospace,Menlo,monospace;font-size:13px}[hidden]{display:none!important}.out-html{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px;min-height:120px;max-height:70vh;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:13px;margin:0 0 8px}.out-html .add{background:var(--add)}.out-html .del{background:var(--del);text-decoration:line-through}.out-html mark{background:var(--mark);color:inherit;border-radius:2px}.tree{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px;max-height:70vh;overflow:auto;font-size:13px}.tree details>summary{cursor:pointer;list-style:revert}.t-kids{padding-left:18px;border-left:1px dotted var(--line);margin-left:4px}.t-leaf{padding-left:14px}.t-key{color:var(--c);cursor:copy}.t-str{color:#2e7d32}.t-num{color:#b35c00}.t-bool,.t-null{color:#8e24aa}.t-meta{color:var(--muted)}[data-theme=dark] .t-str{color:#8fd694}[data-theme=dark] .t-num{color:#ffb86b}[data-theme=dark] .t-bool,[data-theme=dark] .t-null{color:#d59bff}.t-more{margin:4px 0;padding:2px 10px;font-size:.8rem}.prose{max-width:760px}.prose details{background:var(--c2);border-radius:10px;padding:8px 12px;margin:8px 0}.prose summary{font-weight:600;cursor:pointer}.chip{display:inline-block;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;font-size:.9rem;margin:0 6px 6px 0}.why{display:flex;flex-wrap:wrap;gap:8px 22px;padding:0;list-style:none;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.card{display:flex;flex-direction:column;gap:4px;background:var(--c2);border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--ink);border:1px solid transparent}.card:hover{border-color:var(--c)}.ad-slot{margin:16px 0;min-height:90px}.site-footer{border-top:1px solid var(--line);margin-top:40px;padding:16px 0;font-size:.9rem}.tool-links{display:flex;flex-wrap:wrap;gap:6px 14px}@media(max-width:760px){.panes.two{grid-template-columns:1fr}h1{font-size:1.5rem}}