.toonx{--bg: #eef1f6;--card: #ffffff;--ink: #0f1623;--muted: #5b6678;--muted-2: #98a2b3;--line: #e7ebf1;--line-2: #eff2f7;--blue: #2f7df6;--blue-deep: #1e5fd0;--teal: #14b8a6;--green: #10b981;--green-deep: #059669;--code-bg: #0b1220;width:100%;max-width:1120px;margin-inline:auto;font-family:Space Grotesk,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}.toonx,.toonx *,.toonx *:before,.toonx *:after{box-sizing:border-box}.toonx .mono{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.toonx .card{background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 1px 2px #1018280a,0 18px 50px -28px #10182847}.toonx .head{padding:30px 34px 24px;display:flex;align-items:center;gap:16px}.toonx .head-badge{width:48px;height:48px;border-radius:13px;flex:0 0 48px;background:linear-gradient(145deg,#2f7df6,#14b8a6);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 16px -4px #2f7df680}.toonx .title{font-size:25px;font-weight:700;letter-spacing:-.02em;margin:0 0 3px;color:var(--ink)}.toonx .title .arrow{color:var(--blue);margin:0 4px}.toonx .head p{margin:0;font-size:14px;color:var(--muted)}.toonx .head .spacer{flex:1 1 auto}.toonx .head .gh{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:7px 13px;background:#fff;cursor:default}.toonx .head .gh .dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.toonx .banner-wrap{padding:0 34px}.toonx .banner{border-radius:18px;padding:4px;position:relative;overflow:hidden;background:linear-gradient(120deg,#0b1530,#0f2a4d 52%,#103a4a);display:grid;grid-template-columns:1fr auto 1fr auto 1.15fr;align-items:stretch}.toonx .stat{padding:26px 22px;text-align:center}.toonx .stat .k{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8fa3c4}.toonx .stat .v{font-size:52px;font-weight:700;letter-spacing:-.03em;line-height:1;margin:10px 0 8px}.toonx .stat .u{font-size:13px;color:#7e93b6;font-weight:500}.toonx .stat.json .v{color:#fff}.toonx .stat.toon .v{color:#58b6ff}.toonx .arrow-cell{display:flex;align-items:center;justify-content:center;color:#3f7fd8}.toonx .stat.save{margin:8px;border-radius:14px;background:linear-gradient(150deg,#14b8a638,#10b9811f);border:1px solid rgba(20,184,166,.35);display:flex;flex-direction:column;justify-content:center}.toonx .stat.save .k{color:#5fe3c0}.toonx .stat.save .v{color:#34e0a8;font-size:50px}.toonx .stat.save .v .pct{font-size:30px}.toonx .stat.save .u{color:#7fdcc4;font-weight:600}.toonx .divider-cell{width:1px;background:#ffffff12;margin:26px 0}.toonx .estimate{margin:22px 34px 0;border:1px solid #c9ecd9;background:#f1fbf6;border-radius:14px;padding:18px 22px;font-size:17px;color:#1f3b30;line-height:1.7}.toonx .estimate .inp{width:92px;border:1.5px solid #bfe6d2;border-radius:9px;padding:8px 11px;font-size:16px;font-weight:600;color:var(--ink);background:#fff;text-align:center;font-family:JetBrains Mono,monospace}.toonx .estimate .inp:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px #10b98124}.toonx .estimate select{border:1.5px solid #bfe6d2;border-radius:9px;padding:8px 34px 8px 12px;font-size:16px;font-weight:600;color:var(--ink);background:#fff;font-family:inherit;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.toonx .estimate .amt{font-weight:700;color:var(--green-deep)}.toonx .estimate .hint{color:#6b8579;font-size:13.5px}.toonx .controls{padding:26px 34px 16px;display:flex;align-items:flex-end;gap:16px}.toonx .ctl{display:flex;flex-direction:column;gap:8px}.toonx .ctl label{font-size:12px;font-weight:700;letter-spacing:.03em;color:var(--muted)}.toonx .ctl select{border:1.5px solid var(--line);border-radius:11px;padding:11px 38px 11px 14px;font-size:14.5px;font-weight:600;color:var(--ink);background:#fff;font-family:inherit;cursor:pointer;appearance:none;min-width:200px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2398a2b3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.toonx .ctl select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px #2f7df621}.toonx .controls .spacer{flex:1 1 auto}.toonx .btn{display:inline-flex;align-items:center;gap:8px;border-radius:11px;font-size:14px;font-weight:600;padding:11px 16px;cursor:pointer;font-family:inherit;border:1.5px solid var(--line);background:#fff;color:var(--muted);transition:all .12s}.toonx .btn:hover{border-color:#cdd4e0;color:var(--ink);background:#fafbfd}.toonx .btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.toonx .btn-primary:hover{background:var(--blue-deep);border-color:var(--blue-deep);color:#fff}.toonx .btn-primary.copied{background:var(--green);border-color:var(--green)}.toonx .panes{padding:8px 34px 4px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.toonx .pane{display:flex;flex-direction:column;min-width:0}.toonx .pane-head{display:flex;align-items:center;gap:10px;margin-bottom:9px}.toonx .pane-head .t{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.toonx .pane-head .meta{margin-left:auto;font-size:12px;color:var(--muted-2);font-weight:500}.toonx .pane-head .meta b{color:var(--muted);font-weight:600}.toonx .err-pill{font-size:11.5px;font-weight:600;color:#b42318;background:#fef3f2;border:1px solid #fecdca;padding:3px 9px;border-radius:7px;display:none}.toonx .err-pill.show{display:inline-block}.toonx .editor,.toonx .output{height:440px;border-radius:14px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.62;padding:16px 18px;overflow:auto;tab-size:2}.toonx .editor{width:100%;border:1.5px solid var(--line);background:#fcfdff;color:var(--ink);resize:none;transition:border-color .14s,box-shadow .14s}.toonx .editor:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px #2f7df61a}.toonx .editor.invalid{border-color:#fda29b}.toonx .output{background:var(--code-bg);color:#c7d2e3;white-space:pre;margin:0;border:1.5px solid #16203a;box-shadow:inset 0 0 0 1px #ffffff05}.toonx .output::-webkit-scrollbar,.toonx .editor::-webkit-scrollbar{width:10px;height:10px}.toonx .output::-webkit-scrollbar-thumb{background:#243250;border-radius:8px}.toonx .editor::-webkit-scrollbar-thumb{background:#dde2ea;border-radius:8px}.toonx .t-key{color:#7fb4ff}.toonx .t-count{color:#f4b860}.toonx .t-fields{color:#9aa6c4}.toonx .t-colon{color:#5b6b8c}.toonx .t-bool{color:#f0883e}.toonx .t-num{color:#b5e88a}.toonx .t-str{color:#c7d2e3}.toonx .foot{padding:22px 34px 28px}.toonx .foot .summary{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink);font-weight:500;margin-bottom:12px;flex-wrap:wrap}.toonx .foot .summary .chip{font-family:JetBrains Mono,monospace;font-size:12.5px;background:var(--line-2);border-radius:7px;padding:4px 10px;font-weight:600;color:var(--muted)}.toonx .foot .summary .chip.win{background:#e6f6ef;color:var(--green-deep)}.toonx .disclaimer{font-size:12.5px;color:var(--muted-2);line-height:1.6}.toonx .disclaimer b{color:var(--muted);font-weight:600}@media(max-width:820px){.toonx .banner{grid-template-columns:1fr}.toonx .arrow-cell,.toonx .divider-cell{display:none}.toonx .stat.save{margin:8px 18px 14px}.toonx .panes{grid-template-columns:1fr}.toonx .head,.toonx .banner-wrap,.toonx .estimate,.toonx .controls,.toonx .panes,.toonx .foot{padding-left:18px;padding-right:18px}.toonx .estimate{margin-left:18px;margin-right:18px}.toonx .controls{flex-wrap:wrap}}.page[data-astro-cid-mzarhfbs]{max-width:1120px;margin-inline:auto;padding:2rem 1.25rem 1rem}.page[data-astro-cid-mzarhfbs]>[data-astro-cid-mzarhfbs]{max-width:52rem}.tool-stage[data-astro-cid-mzarhfbs]{max-width:1120px;margin:.5rem auto 0;padding:0 1.25rem}.page__head[data-astro-cid-mzarhfbs]{margin:1rem 0 1.75rem}.page__head[data-astro-cid-mzarhfbs] h1[data-astro-cid-mzarhfbs]{font-size:clamp(1.9rem,4vw,2.6rem);font-weight:800;color:#0f172a;letter-spacing:-.02em;margin-bottom:1rem}.page__lead[data-astro-cid-mzarhfbs]{font-size:1.2rem;line-height:1.6;color:#0f172a;margin:0 0 1rem}.page__intro[data-astro-cid-mzarhfbs]{color:#475569;line-height:1.7;margin-bottom:.85rem}.section[data-astro-cid-mzarhfbs]{margin-top:2.5rem}.section[data-astro-cid-mzarhfbs] h2[data-astro-cid-mzarhfbs]{font-size:1.5rem;font-weight:700;color:#0f172a}.section[data-astro-cid-mzarhfbs] code[data-astro-cid-mzarhfbs]{font-family:var(--font-mono);background:#f1f5f9;padding:.1em .35em;border-radius:.3rem;font-size:.85em}.related[data-astro-cid-mzarhfbs]{margin-top:2.5rem;border-top:1px solid #e2e8f0;padding-top:1.5rem}.related[data-astro-cid-mzarhfbs] h2[data-astro-cid-mzarhfbs]{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:.75rem}.related[data-astro-cid-mzarhfbs] ul[data-astro-cid-mzarhfbs]{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.related[data-astro-cid-mzarhfbs] a[data-astro-cid-mzarhfbs]{display:block;padding:.7rem .9rem;border:1px solid #e2e8f0;border-radius:.5rem;color:var(--color-brand-700);text-decoration:none;font-size:.9rem;font-weight:500}.related[data-astro-cid-mzarhfbs] a[data-astro-cid-mzarhfbs]:hover{border-color:var(--color-brand-300);background:var(--color-brand-50)}@media(max-width:600px){.related[data-astro-cid-mzarhfbs] ul[data-astro-cid-mzarhfbs]{grid-template-columns:1fr}}