.oi{font-family:var(--oi-font-mono,var(--font-mono,monospace));font-size:var(--oi-font-size,12px);color:var(--oi-fg,var(--fg,currentColor));background:var(--oi-bg,var(--bg-elev,transparent));border-radius:var(--oi-radius,var(--r-md,6px));flex-direction:column;width:100%;min-height:0;line-height:1.55;display:flex;overflow:hidden}.oi-dense{font-size:var(--oi-font-size-dense,11px);line-height:1.45}.oi .oi-toolbar{background:var(--oi-bg-toolbar,var(--bg-elev,transparent));border-bottom:1px solid var(--oi-line,var(--line,transparent));flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;display:flex}.oi .oi-filter{background:var(--oi-bg-input,var(--bg-sunk,transparent));border:1px solid var(--oi-line,var(--line,transparent));border-radius:var(--r-sm,4px);flex:1;align-items:center;gap:6px;max-width:480px;padding:3px 8px;display:flex}.oi .oi-filter:focus-within{border-color:var(--oi-accent,var(--accent,currentColor))}.oi .oi-filter-icon{color:var(--oi-fg-dim,var(--fg-dim,currentColor));display:inline-flex}.oi .oi-filter input{color:inherit;font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:11px}.oi .oi-clear{color:var(--oi-fg-dim,var(--fg-dim,currentColor));cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;font-size:14px;display:inline-flex}.oi .oi-clear:hover{background:var(--oi-bg-hover,var(--bg-hover,transparent));color:var(--oi-fg,var(--fg,inherit))}.oi .oi-spacer{flex:1}.oi .oi-iconbtn{min-width:24px;height:24px;color:var(--oi-fg-mid,var(--fg-mid,currentColor));cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:0 6px;font-family:inherit;font-size:11px;display:inline-flex}.oi .oi-iconbtn:hover{background:var(--oi-bg-hover,var(--bg-hover,transparent));color:var(--oi-fg,var(--fg,inherit))}.oi .oi-iconbtn.on{color:var(--oi-accent,var(--accent,currentColor))}.oi .oi-crumb{background:var(--oi-bg-input,var(--bg-sunk,transparent));border-bottom:1px solid var(--oi-line,var(--line,transparent));align-items:center;gap:8px;padding:4px 12px;font-size:10.5px;display:flex}.oi .oi-crumb-k{color:var(--oi-fg-dim,var(--fg-dim,currentColor));text-transform:uppercase;letter-spacing:.05em;font-size:9.5px}.oi .oi-crumb-v{color:var(--oi-accent,var(--accent,currentColor))}.oi .oi-error-banner{background:var(--oi-error-bg,var(--err-bg,transparent));color:var(--oi-error,var(--err,currentColor));border-bottom:1px solid var(--oi-line,var(--line,transparent));padding:6px 12px;font-size:11px}.oi .oi-body{flex:1;min-height:0;padding:6px 0;overflow:auto}.oi .oi-row{cursor:default;white-space:nowrap;align-items:baseline;gap:5px;padding:1px 12px 1px 0;display:flex}.oi .oi-row.oi-expandable{cursor:pointer}.oi .oi-row:hover{background:var(--oi-bg-hover,var(--bg-hover,transparent))}.oi .oi-caret{text-align:center;width:12px;color:var(--oi-fg-dim,var(--fg-dim,currentColor));flex-shrink:0;font-size:9px;display:inline-block}.oi .oi-key{color:var(--oi-key,var(--code-key,currentColor))}.oi .oi-key-idx{color:var(--oi-key-idx,var(--fg-dim,currentColor));font-style:italic}.oi .oi-colon{color:var(--oi-fg-dim,var(--fg-dim,currentColor));margin:0 -2px}.oi .oi-summary{color:var(--oi-fg-mid,var(--fg-mid,currentColor));align-items:baseline;gap:8px;min-width:0;display:inline-flex;overflow:hidden}.oi .oi-tag{color:var(--oi-type,var(--fg-dim,currentColor));font-size:11px}.oi .oi-ct{color:var(--oi-fg-faint,var(--fg-faint,currentColor));margin-left:2px}.oi .oi-preview{color:var(--oi-fg-dim,var(--fg-dim,currentColor));text-overflow:ellipsis;font-size:11px;overflow:hidden}.oi .oi-prev-k{color:var(--oi-key,var(--code-key,currentColor))}.oi .oi-prev-c{color:var(--oi-fg-dim,var(--fg-dim,currentColor))}.oi .oi-prev-more{color:var(--oi-fg-faint,var(--fg-faint,currentColor));font-style:italic}.oi .oi-type{color:var(--oi-type,var(--fg-dim,currentColor));background:var(--oi-bg-input,var(--bg-sunk,transparent));opacity:.7;border-radius:3px;margin-left:4px;padding:0 5px;font-size:10px}.oi .oi-row:hover .oi-type{opacity:1}.oi .oi-doc{background:var(--oi-bg-input,var(--bg-sunk,transparent));width:12px;height:12px;color:var(--oi-fg-dim,var(--fg-dim,currentColor));cursor:help;border-radius:50%;justify-content:center;align-items:center;font-size:9px;display:inline-flex}.oi .oi-error{color:var(--oi-error,var(--err,currentColor));margin-left:6px;font-size:10px}.oi .oi-invalid>.oi-row{background:var(--oi-error-bg,var(--err-bg,transparent))}.oi .oi-children{border-left:1px dashed var(--oi-line,var(--line,transparent));margin-left:16px;padding-left:0}.oi .oi-v{white-space:pre-wrap;word-break:break-word}.oi .oi-v-string{color:var(--oi-string,var(--code-str,currentColor))}.oi .oi-v-number,.oi .oi-v-integer,.oi .oi-v-bigint{color:var(--oi-number,var(--code-num,currentColor))}.oi .oi-v-boolean{color:var(--oi-boolean,var(--code-bool,currentColor))}.oi .oi-v-null,.oi .oi-v-undefined{color:var(--oi-null,var(--fg-faint,currentColor));font-style:italic}.oi .oi-v-date{color:var(--oi-url,var(--info,currentColor))}.oi .oi-v-url{color:var(--oi-url,var(--info,currentColor));cursor:pointer;text-decoration:underline}.oi .oi-v-function{color:var(--oi-fg-mid,var(--fg-mid,currentColor))}.oi .oi-v-symbol{color:var(--oi-boolean,var(--code-bool,currentColor))}.oi .oi-cyclic{color:var(--oi-error,var(--err,currentColor));font-size:11px;font-style:italic}.oi .oi-swatch{vertical-align:-1px;border:1px solid var(--oi-line-strong,var(--line-strong,transparent));border-radius:2px;width:11px;height:11px;margin-right:5px;display:inline-block}.oi .oi-edit{background:var(--oi-bg,var(--bg-elev,transparent));color:var(--oi-fg,var(--fg,inherit));border:1px solid var(--oi-accent,var(--accent,currentColor));border-radius:3px;outline:none;min-width:60px;padding:1px 6px;font-family:inherit;font-size:11.5px}.oi .oi-edit-area{resize:vertical;min-width:280px;min-height:60px;padding:4px 8px;font-family:inherit;line-height:1.5}.oi .oi-edit-num{text-align:right;font-variant-numeric:tabular-nums;width:80px}