.ndjson-tool{font-size:.875rem}.ndjson-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.ndjson-spacer{flex:1 1 auto}.ndjson-file{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--ink-mid)}.ndjson-paste{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.ndjson-paste textarea{width:100%;box-sizing:border-box;font-family:var(--font-code);font-size:.78rem;padding:.6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:inherit;resize:vertical;white-space:pre;overflow-x:auto}.ndjson-paste button{align-self:flex-start}.ndjson-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ndjson-tool button{padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;font-size:.8rem}.ndjson-tool button:hover{background:var(--bg-subtle)}.ndjson-controls{display:flex;flex-wrap:wrap;gap:1.25rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-subtle);margin-bottom:1.25rem}.ndjson-control-group{display:flex;flex-direction:column;gap:.4rem}.ndjson-label{font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim)}.ndjson-inline-check{text-transform:none;letter-spacing:0;font-weight:600;color:var(--ink-mid)}.ndjson-tool label{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--ink-mid)}.ndjson-jq-head{display:flex;align-items:center;gap:.75rem;margin:.5rem 0 0}.ndjson-jq-head h3{margin:0}.verb-btn{padding:3px 8px;background:var(--bg-subtle);border:2px solid transparent;border-radius:var(--radius);cursor:pointer;font-size:.78rem}.verb-btn.active{background:#dcfce7;color:#166534;border-color:#166534}.ndjson-pre{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;overflow-x:auto;margin:.5rem 0 1rem;font-size:.8rem;white-space:pre-wrap;word-break:break-all}.ndjson-columns{display:flex;gap:1.5rem;margin-top:1rem}.ndjson-columns>div{min-width:0}.ndjson-columns h3{margin-top:0}.ndjson-fields-col{flex:1.6;display:flex;flex-direction:column}.ndjson-preview-col{flex:1}#fields{height:50vh;overflow-y:auto;overflow-x:hidden;padding-right:.35rem}.ndjson-preview-col{display:flex;flex-direction:column}#preview-container{max-height:50vh;overflow:auto;background:#1e1e1e;border-radius:var(--radius);border:1px solid var(--border)}#preview{display:block;color:#d4d4d4;padding:.75rem;margin:0;font-size:.78rem;white-space:pre;word-break:normal}#preview .shiki{margin:0;border:none;border-radius:0;background:transparent!important}.field{background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius);padding:5px 8px;margin:4px 0;font-size:.78rem;line-height:1.9}.field>*{vertical-align:middle}.field:hover{border-left-color:var(--accent)}.field b{margin:0 .45rem 0 .25rem}.array-group-header{font-size:.72rem;font-weight:600;color:var(--ink-dim);margin:.9rem 0 .3rem;padding-top:.6rem;border-top:1px dashed var(--border)}.array-group-header:first-child{border-top:none;margin-top:0;padding-top:0}.field.array-field{border-left-color:var(--accent);background:var(--bg-subtle)}.mode-btn{padding:2px 6px;font-size:.75rem}.mode-btn.active[data-mode=include]{background:#dcfce7;color:#166534;border-color:#166534}.mode-btn.active[data-mode=exclude]{background:#fee2e2;color:#991b1b;border-color:#991b1b}.mode-btn.active[data-mode=raw]{background:#dbeafe;color:#1e40af;border-color:#1e40af}.count-btn.active{background:#fef9c3;color:#713f12;border-color:#713f12}.mode-indicator{font-size:.7rem;color:var(--ink-dim);min-width:2rem}.small{color:var(--ink-dim);font-size:.72rem;font-family:var(--font-code);overflow-wrap:anywhere;display:inline-block;max-width:100%;vertical-align:top}.ndjson-status{font-size:.78rem;min-height:1.1rem;margin:0 0 .5rem;color:var(--ink-dim)}.ndjson-status-error{color:#b91c1c}.field b,.array-group-header b{font-family:var(--font-code)}.op{width:100px}.val{width:130px;font-family:var(--font-code)}.ndjson-pre,#preview{font-family:var(--font-code)}@media(max-width:640px){.ndjson-columns{flex-direction:column}}