.sa{--sa-bg: var(--sl-color-bg-sidebar);--sa-border: var(--sl-color-hairline);--sa-accent: var(--sl-color-accent);--sa-text: var(--sl-color-text);--sa-muted: var(--sl-color-gray-3);--f0: #22c55e;--f1: #8b5cf6;--f2: #f59e0b;--f3: #ec4899;margin:1.5rem 0}.sa *{margin-top:0!important}.sa-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.sa-play{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--sa-accent);background:transparent;color:var(--sa-accent);cursor:pointer;display:flex;align-items:center;justify-content:center}.sa-play:hover{background:color-mix(in srgb,var(--sa-accent) 12%,transparent)}.sa-prog{flex:1;height:3px;background:var(--sa-border);border-radius:2px;overflow:hidden}.sa-prog-fill{height:100%;width:0;background:var(--sa-accent);transition:width .4s ease}.sa-pills{display:flex;gap:3px}.sa-pill{width:22px;height:22px;border-radius:50%;border:1px solid var(--sa-border);background:transparent;color:var(--sa-muted);font-size:.6rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.sa-pill:hover{border-color:var(--sa-accent)}.sa-pill.on{border-color:var(--sa-accent);background:var(--sa-accent);color:#fff}.sa-exp{padding:.6rem .85rem;background:var(--sa-bg);border:1px solid var(--sa-border);border-radius:7px;margin-bottom:.6rem;min-height:3rem;font-size:.78rem;line-height:1.5;transition:opacity .3s}.sa-exp b{display:block;font-size:.82rem;margin-bottom:.15rem}.sa-log{padding:.7rem .9rem;background:#1e1e2e;border-radius:7px;overflow-x:auto;margin-bottom:.5rem}.sa-log code{font-size:.73rem;color:#cdd6f4;white-space:pre;font-family:var(--sl-font-mono, monospace)}.sa-grid{display:flex;flex-wrap:wrap;gap:2px;padding:.3rem 0;font-family:var(--sl-font-mono, monospace)}.sa-byte{display:flex;flex-direction:column;align-items:center;width:28px;height:38px;border:1px solid transparent;border-radius:3px;transition:all .25s;background:var(--sa-bg)}.sa-ch{font-size:.78rem;font-weight:500;line-height:24px}.sa-pos{font-size:.42rem;color:var(--sa-muted);line-height:1}.sa-byte.cQ{border-color:#e879a0;background:#e879a00a}.sa-byte.cC{border-color:#60a5fa;background:#60a5fa0a}.sa-byte.cM{border-color:#a78bfa;background:#a78bfa0a}.sa-byte.cB{border-color:#f59e0b;background:#f59e0b0a}[data-step=detect] .sa-byte.lit{transform:scale(1.12);font-weight:700}[data-step=strings] .sa-byte.dim{opacity:.35}[data-step=strings] .sa-byte.dimS{opacity:.2;border-style:dashed;transform:none}[data-step=result] .sa-byte{opacity:.25}[data-step=result] .sa-byte.keep{opacity:1;transform:scale(1.12);font-weight:700}[data-step=extract] .sa-byte{opacity:.15}[data-step=extract] .sa-byte.fK{opacity:1;border-color:var(--f0);border-width:1.5px;background:color-mix(in srgb,var(--f0) 10%,transparent)}[data-step=extract] .sa-byte.fCol{opacity:1;border-color:#60a5fa;border-width:2px;background:#60a5fa15;transform:translateY(-3px);box-shadow:0 3px 10px #60a5fa40}[data-step=extract] .sa-byte.fV{opacity:1;border-color:#f97316;border-width:1.5px;background:color-mix(in srgb,#f97316 10%,transparent)}[data-step=allfields] .sa-byte{opacity:.12}[data-step=allfields] .sa-byte[data-fc]{opacity:1;border-width:1.5px}[data-step=allfields] .sa-byte[data-fc="0"]{border-color:var(--f0);background:color-mix(in srgb,var(--f0) 10%,transparent)}[data-step=allfields] .sa-byte[data-fc="1"]{border-color:var(--f1);background:color-mix(in srgb,var(--f1) 10%,transparent)}[data-step=allfields] .sa-byte[data-fc="2"]{border-color:var(--f2);background:color-mix(in srgb,var(--f2) 10%,transparent)}[data-step=allfields] .sa-byte[data-fc="3"]{border-color:var(--f3);background:color-mix(in srgb,var(--f3) 10%,transparent)}.sa-mask{display:flex;align-items:center;gap:.4rem;padding:.2rem 0;font-family:var(--sl-font-mono, monospace)}.sa-mask-lbl{font-size:.62rem;font-weight:600;color:var(--sa-muted)}.sa-bits{display:flex;flex-wrap:wrap;gap:0px}.sa-bit{width:14px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:700;color:var(--sa-muted);transition:all .15s}.sa-bit.on{color:var(--sa-accent);background:color-mix(in srgb,var(--sa-accent) 15%,transparent);border-radius:1px}.sa-fields{padding:.4rem 0}.sa-fields-row{display:flex;flex-wrap:wrap;gap:.35rem}.sa-fc{padding:.3rem .6rem;border:1.5px solid var(--fc);border-radius:5px;background:color-mix(in srgb,var(--fc) 8%,transparent);font-size:.75rem;font-family:var(--sl-font-mono, monospace)}.sa-fc b{color:var(--fc)}.sa-fields p{margin:.4rem 0 0;font-size:.75rem;line-height:1.5}.sa-leg{display:flex;flex-wrap:wrap;gap:.5rem;padding:.3rem 0;font-size:.62rem;color:var(--sa-muted)}.sa-leg span{display:flex;align-items:center;gap:.2rem}.sa-sw{width:8px;height:8px;border-radius:2px;border:2px solid;display:inline-block}.px{--px-bg: var(--sl-color-bg-sidebar);--px-border: var(--sl-color-hairline);--px-accent: var(--sl-color-accent);--px-text: var(--sl-color-text);--px-muted: var(--sl-color-gray-3);--px-quote: #e879a0;--px-bs: #f59e0b;--px-escaped: #ef4444;--px-real: #22c55e;--px-interior: #a78bfa;--px-blue: #60a5fa;margin:1.5rem 0}.px *{margin-top:0!important}.px-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.px-play{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--px-accent);background:transparent;color:var(--px-accent);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem}.px-play:hover{background:color-mix(in srgb,var(--px-accent) 12%,transparent)}.px-prog{flex:1;height:3px;background:var(--px-border);border-radius:2px;overflow:hidden}.px-prog-fill{height:100%;width:0;background:var(--px-accent);transition:width .4s ease}.px-pills{display:flex;gap:3px}.px-pill{height:22px;border-radius:11px;padding:0 .4rem;border:1px solid var(--px-border);background:transparent;color:var(--px-muted);font-size:.55rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.px-pill:hover{border-color:var(--px-accent)}.px-pill.on{border-color:var(--px-accent);background:var(--px-accent);color:#fff}.px-step-btn{padding:.2rem .5rem;border-radius:4px;border:1px solid var(--px-border);background:transparent;color:var(--px-text);font-size:.65rem;cursor:pointer;font-weight:600}.px-step-btn:hover{border-color:var(--px-accent)}.px-grid{display:flex;flex-wrap:wrap;gap:1px;padding:.3rem 0;font-family:var(--sl-font-mono, monospace)}.px-byte{display:flex;flex-direction:column;align-items:center;width:26px;height:36px;border:1.5px solid transparent;border-radius:3px;transition:all .35s;background:var(--px-bg);position:relative}.px-ch{font-size:.75rem;font-weight:500;line-height:22px}.px-pos{font-size:.4rem;color:var(--px-muted);line-height:1}.px-byte.q{border-color:var(--px-quote);background:color-mix(in srgb,var(--px-quote) 8%,transparent)}.px-byte.bs{border-color:var(--px-bs);background:color-mix(in srgb,var(--px-bs) 8%,transparent)}.px-byte.esc{border-color:var(--px-escaped);border-style:dashed;opacity:.5;text-decoration:line-through;text-decoration-color:var(--px-escaped)}.px-byte.rq{border-color:var(--px-real);background:color-mix(in srgb,var(--px-real) 10%,transparent)}.px-byte.interior{border-color:var(--px-interior);background:color-mix(in srgb,var(--px-interior) 12%,transparent)}.px-byte.masked-struct{border-color:var(--px-interior);border-style:dashed;opacity:.5;background:color-mix(in srgb,var(--px-interior) 6%,transparent)}.px-byte.dim{opacity:.25}.px-byte .px-esc-arrow{position:absolute;top:-2px;right:-14px;font-size:.6rem;color:var(--px-bs);animation:px-reach .5s ease-out forwards;opacity:0}@keyframes px-reach{0%{opacity:0;transform:translate(-6px)}50%{opacity:1}to{opacity:1;transform:translate(0)}}.px-masks{padding:.25rem 0}.px-mask-row{display:flex;align-items:center;gap:.3rem;padding:.15rem 0;animation:px-row-in .3s ease-out}@keyframes px-row-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1}}.px-mask-lbl{font-size:.58rem;font-weight:600;color:var(--px-muted);min-width:80px;text-align:right;font-family:var(--sl-font-mono, monospace)}.px-bits{display:flex;gap:0px}.px-bit{width:15px;height:17px;display:flex;align-items:center;justify-content:center;font-size:.52rem;font-weight:700;color:var(--px-muted);font-family:var(--sl-font-mono, monospace);transition:all .2s;border-radius:1px}.px-bit.on{color:var(--px-accent);background:color-mix(in srgb,var(--px-accent) 15%,transparent)}.px-bit.q-on{color:var(--px-quote);background:color-mix(in srgb,var(--px-quote) 15%,transparent)}.px-bit.bs-on{color:var(--px-bs);background:color-mix(in srgb,var(--px-bs) 15%,transparent)}.px-bit.esc-on{color:var(--px-escaped);background:color-mix(in srgb,var(--px-escaped) 12%,transparent)}.px-bit.real-on{color:var(--px-real);background:color-mix(in srgb,var(--px-real) 15%,transparent)}.px-bit.interior-on{color:var(--px-interior);background:color-mix(in srgb,var(--px-interior) 15%,transparent)}.px-xor{padding:.5rem;background:var(--px-bg);border:1px solid var(--px-border);border-radius:8px;margin:.4rem 0;overflow-x:auto}.px-xor-label{font-size:.7rem;font-weight:700;color:var(--px-text);margin-bottom:.4rem}.px-xor-rows{position:relative}.px-xor-row{display:flex;align-items:center;gap:.3rem;padding:.1rem 0;transition:opacity .3s}.px-xor-row.ghost .px-bit{opacity:.4}.px-xor-row.ghost .px-bit.on{color:var(--px-accent);opacity:.5;background:color-mix(in srgb,var(--px-accent) 10%,transparent)}.px-xor-divider{height:1px;background:var(--px-border);margin:.15rem 0 .15rem 83px;width:calc(100% - 83px)}.px-bit.flash{animation:px-flash .6s ease-out;color:var(--px-accent);background:color-mix(in srgb,var(--px-accent) 25%,transparent)}@keyframes px-flash{0%{transform:scale(1.4);background:color-mix(in srgb,var(--px-accent) 40%,transparent)}to{transform:scale(1)}}.px-reach{display:flex;align-items:center;gap:.4rem;margin-top:.3rem;padding-left:83px}.px-reach-bar{height:4px;border-radius:2px;background:var(--px-accent);transition:width .5s ease}.px-reach-lbl{font-size:.55rem;font-weight:600;color:var(--px-accent);font-family:var(--sl-font-mono, monospace);white-space:nowrap}.px-callout{padding:.4rem .6rem;border-radius:6px;font-size:.68rem;font-weight:500;line-height:1.4;margin:.5rem 0;animation:px-callout-in .3s ease-out;box-shadow:0 2px 8px #0000001a}@keyframes px-callout-in{0%{opacity:0;translate:0 -4px}to{opacity:1}}.px-callout.info{background:var(--px-blue);color:#fff}.px-callout.success{background:var(--px-real);color:#fff}.px-callout.warn{background:var(--px-bs);color:#1a1a2e}.px-callout.accent{background:var(--px-accent);color:#fff}.px-callout.purple{background:var(--px-interior);color:#fff}.px-leg{display:flex;flex-wrap:wrap;gap:.5rem;padding:.25rem 0;font-size:.58rem;color:var(--px-muted)}.px-leg span{display:flex;align-items:center;gap:.2rem}.px-sw{width:8px;height:8px;border-radius:2px;display:inline-block}.zc{--zc-bg: var(--sl-color-bg-sidebar);--zc-border: var(--sl-color-hairline);--zc-accent: var(--sl-color-accent);--zc-text: var(--sl-color-text);--zc-muted: var(--sl-color-gray-3);--c0: #22c55e;--c1: #60a5fa;--c2: #a78bfa;--c3: #f59e0b;--c4: #ec4899;margin:1.5rem 0}.zc *{margin-top:0!important}.zc-controls{display:flex;gap:.4rem;margin-bottom:.75rem;flex-wrap:wrap}.zc-btn{padding:.4rem .8rem;border:1px solid var(--zc-border);border-radius:6px;background:transparent;color:var(--zc-text);font-family:inherit;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .12s}.zc-btn:hover{border-color:var(--zc-accent)}.zc-btn.on{border-color:var(--zc-accent);background:var(--zc-accent);color:#fff;font-weight:600}.zc-exp{padding:.6rem .85rem;background:var(--zc-bg);border:1px solid var(--zc-border);border-radius:7px;margin-bottom:.75rem;font-size:.78rem;line-height:1.5}.zc-exp b{display:block;font-size:.82rem;margin-bottom:.15rem}.zc-section{margin-bottom:.75rem}.zc-label{font-size:.7rem;font-weight:600;color:var(--zc-muted);margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.04em}.zc-buffer{display:flex;flex-wrap:wrap;gap:1px;font-family:var(--sl-font-mono, monospace);padding:.4rem;background:var(--zc-bg);border:1px solid var(--zc-border);border-radius:6px;position:relative}.zc-byte{width:22px;height:26px;display:flex;align-items:center;justify-content:center;font-size:.68rem;border-radius:3px;transition:all .3s;color:var(--zc-text)}.zc-byte.hi{font-weight:700}.zc-cols{display:flex;flex-direction:column;gap:.4rem}.zc-col{display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem;border-radius:5px;border:1px solid var(--zc-border);font-size:.72rem;font-family:var(--sl-font-mono, monospace);transition:all .25s;cursor:pointer}.zc-col:hover{border-color:var(--fc)}.zc-col.active{border-color:var(--fc);background:color-mix(in srgb,var(--fc) 8%,transparent)}.zc-col-name{font-weight:700;color:var(--fc);min-width:85px}.zc-col-view{font-size:.62rem;color:var(--zc-muted)}.zc-col-val{flex:1}.zc-col-arrow{color:var(--fc);font-size:.65rem;opacity:0;transition:opacity .2s}.zc-col.active .zc-col-arrow{opacity:1}.zc-mem{display:flex;gap:1rem;padding:.6rem .8rem;background:color-mix(in srgb,var(--zc-accent) 5%,var(--zc-bg));border:1px solid color-mix(in srgb,var(--zc-accent) 20%,transparent);border-radius:7px;font-size:.78rem}.zc-mem-item{display:flex;flex-direction:column}.zc-mem-label{font-size:.62rem;color:var(--zc-muted);text-transform:uppercase;letter-spacing:.03em}.zc-mem-val{font-weight:700;font-family:var(--sl-font-mono, monospace);font-size:.85rem}.zc-mem-val.good{color:var(--c0)}.zc-mem-val.bad{color:#ef4444}.zc-mem-savings{font-size:.7rem;color:var(--c0);font-weight:600}.pd{--pd-bg: var(--sl-color-bg-sidebar);--pd-border: var(--sl-color-hairline);--pd-accent: var(--sl-color-accent);--pd-text: var(--sl-color-text);--pd-muted: var(--sl-color-gray-3);--pd-skip: var(--sl-color-gray-4);--pd-extract: #22c55e;--pd-skip-bg: color-mix(in srgb, var(--pd-skip) 6%, transparent);--pd-extract-bg: color-mix(in srgb, var(--pd-extract) 8%, transparent);margin:1.5rem 0}.pd *{margin-top:0!important}.pd-sql{padding:.6rem .85rem;background:#1e1e2e;border-radius:7px;margin-bottom:.75rem;font-family:var(--sl-font-mono, monospace);font-size:.75rem;line-height:1.6;color:#cdd6f4;overflow-x:auto;white-space:pre}.pd-sql .kw{color:#cba6f7}.pd-sql .col{color:#89b4fa}.pd-sql .tbl{color:#f9e2af}.pd-meter{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.6rem .85rem;background:var(--pd-bg);border:1px solid var(--pd-border);border-radius:7px}.pd-meter-label{font-size:.72rem;color:var(--pd-muted);white-space:nowrap;min-width:70px}.pd-meter-track{flex:1;height:18px;background:var(--pd-border);border-radius:9px;overflow:hidden;position:relative}.pd-meter-fill{height:100%;border-radius:9px;background:linear-gradient(90deg,var(--pd-extract),var(--pd-accent));transition:width .6s cubic-bezier(.4,0,.2,1);width:0}.pd-meter-val{font-size:.82rem;font-weight:700;color:var(--pd-text);white-space:nowrap;min-width:110px;text-align:right;transition:color .3s}.pd-meter-pct{font-size:.68rem;color:var(--pd-muted);white-space:nowrap;min-width:40px;text-align:right}.pd-json{background:#1e1e2e;border-radius:7px;padding:.7rem .9rem;margin-bottom:.75rem;overflow-x:auto;font-family:var(--sl-font-mono, monospace);font-size:.68rem;line-height:1.7;color:#6c7086}.pd-json-field{display:inline;cursor:pointer;border-radius:3px;padding:0 2px;transition:all .3s}.pd-json-field:hover{background:#ffffff0f}.pd-json-field.extracted{color:#cdd6f4;opacity:1}.pd-json-field.extracted .pd-json-key{color:#89b4fa;font-weight:600}.pd-json-field.extracted .pd-json-val{color:#a6e3a1}.pd-json-field.extracted .pd-json-val-num{color:#fab387}.pd-json-field.skipped{opacity:.3;text-decoration:line-through;text-decoration-color:#585b70}.pd-json-field.skipped .pd-json-key,.pd-json-field.skipped .pd-json-val,.pd-json-field.skipped .pd-json-val-num{color:#585b70}.pd-json-field.skipped:after{content:"SKIP";position:absolute;margin-left:4px;font-size:.5rem;font-weight:700;letter-spacing:.05em;color:#f38ba8;text-decoration:none;opacity:0;transition:opacity .2s}.pd-json-field.skipped:hover:after{opacity:1}.pd-json-punct{color:#585b70}.pd-presets{display:flex;gap:.35rem;margin-bottom:.75rem;flex-wrap:wrap}.pd-preset{padding:.3rem .65rem;border-radius:5px;border:1px solid var(--pd-border);background:transparent;color:var(--pd-text);font-size:.68rem;cursor:pointer;transition:all .2s}.pd-preset:hover{border-color:var(--pd-accent);background:color-mix(in srgb,var(--pd-accent) 8%,transparent)}.pd-preset.active{border-color:var(--pd-accent);background:color-mix(in srgb,var(--pd-accent) 15%,transparent);font-weight:600}.pd-stats{display:flex;gap:1rem;flex-wrap:wrap;font-size:.72rem;color:var(--pd-muted);margin-bottom:.5rem}.pd-stat b{color:var(--pd-text)}.pd-callout{padding:.5rem .75rem;border-radius:6px;background:var(--pd-bg);border:1px solid var(--pd-border);font-size:.72rem;color:var(--pd-muted);line-height:1.5;transition:border-color .3s}.pd-callout b{color:var(--pd-text)}.pd-callout.fast{border-color:var(--pd-extract)}