html,body,#root{min-height:100vh}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0f1115;--panel:#161a22;--border:#2a2f3a;--text:#e6e8eb;--muted:#8a93a3;--accent:#6aa3ff;--accent-strong:#4f8cff;--error-bg:#3a1f1f;--error-fg:#ffb3b3;--badge-bg:#233149;--badge-fg:#c9dcff}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#f5f6f8;--panel:#fff;--border:#d9dde5;--text:#1a1d21;--muted:#5d6573;--accent:#2664ec;--accent-strong:#1d52c4;--error-bg:#fde8e8;--error-fg:#8a1f1f;--badge-bg:#e2ecff;--badge-fg:#1d3b87}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app{max-width:1200px;margin:0 auto;padding:2rem 1.25rem 4rem}.header h1{margin:0 0 .25rem;font-size:1.5rem}.subtitle{color:var(--muted);margin:0 0 1.5rem;font-size:.95rem}.grid{grid-template-columns:minmax(280px,1fr) minmax(0,1.6fr);gap:1.25rem;display:grid}@media (width<=800px){.grid{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.panel h2{margin:0 0 1rem;font-size:1.1rem}.panel h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:1.25rem 0 .5rem;font-size:.95rem}.field{margin-bottom:.9rem;display:block}.field>span{color:var(--muted);margin-bottom:.35rem;font-size:.85rem;display:block}.field.inline{align-items:center;gap:.5rem;display:flex}.field.inline>span{color:var(--text);margin:0}.field input[type=text],.field input[type=file]{width:100%;color:var(--text);border:1px solid var(--border);background:0 0;border-radius:6px;padding:.5rem .6rem;font-size:.95rem}.file-meta{color:var(--muted);margin-top:.35rem;font-size:.8rem;display:block}button[type=submit]{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.55rem 1rem;font-size:.95rem;transition:background .15s}button[type=submit]:hover:not(:disabled){background:var(--accent-strong)}button[type=submit]:disabled{opacity:.55;cursor:not-allowed}.error{background:var(--error-bg);color:var(--error-fg);border-radius:6px;margin-top:1rem;padding:.6rem .8rem;font-size:.9rem}.empty{color:var(--muted);font-size:.95rem}.kv{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.kv>div{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.5rem .7rem}.kv dt{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.25rem;font-size:.75rem}.kv dd{word-break:break-all;margin:0;font-size:.9rem}.breakdown{border-collapse:collapse;width:100%;font-size:.9rem}.breakdown th,.breakdown td{text-align:left;border-bottom:1px solid var(--border);padding:.4rem .6rem}.breakdown th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:500}.masked{background:var(--bg);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;border-radius:6px;max-height:320px;padding:.75rem;font-size:.9rem;overflow:auto}.download-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.download-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem .85rem;font-family:inherit;font-size:.9rem;transition:background .15s}.download-btn:hover{background:var(--accent-strong)}.tokens{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.tokens li{background:var(--bg);border:1px solid var(--border);border-radius:6px;grid-template-columns:max-content minmax(0,1fr);align-items:start;column-gap:.6rem;min-width:0;padding:.55rem .7rem;font-size:.88rem;display:grid}.tokens .badge{margin-top:.1rem}.token-vals{gap:.25rem;min-width:0;display:grid}.token-after{align-items:baseline;gap:.4rem;min-width:0;display:flex}.tokens .original,.tokens .masked-val{overflow-wrap:anywhere;word-break:break-all;min-width:0;max-width:100%;display:inline-block}.tokens .masked-val{flex:auto}.badge{background:var(--badge-bg);color:var(--badge-fg);border-radius:999px;padding:.1rem .45rem;font-size:.75rem}.offset{color:var(--muted);font-size:.8rem}.muted{color:var(--muted)}.stage-head{color:var(--text);text-transform:none;letter-spacing:0;align-items:center;gap:.5rem;margin:1.5rem 0 .5rem;font-size:.95rem;display:flex}.stage-num{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;font-size:.75rem;font-weight:600;display:inline-flex}.entity-table{border-collapse:collapse;width:100%;font-size:.85rem}.entity-table th,.entity-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.35rem .6rem}.entity-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:500}.entity-table .snippet{word-break:break-word;max-width:240px}.mask-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=1000px){.mask-grid{grid-template-columns:1fr}}.mask-section-head{margin-bottom:.4rem}.badge-fpe{color:#6cc080;background:#78c88233}.badge-token{color:#d4a06a;background:#c8a07833}@media (prefers-color-scheme:light){.badge-fpe{color:#1f6c30;background:#d8f1dc}.badge-token{color:#8a5a1f;background:#f1e2d2}}.original{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}.arrow{color:var(--muted);font-size:.85rem}code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.85rem}.raw{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:.75rem}.raw summary{cursor:pointer;color:var(--muted);font-size:.85rem}.raw pre{background:var(--bg);border:1px solid var(--border);border-radius:6px;max-height:360px;padding:.75rem;font-size:.8rem;overflow:auto}.footer{color:var(--muted);text-align:right;margin-top:2rem;font-size:.8rem}