.jc{--jc-lh:21px;--jc-pad:12px;display:flex;flex-direction:column;gap:20px;min-width:0}.jc__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}.jc__opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px 18px;align-items:start}.jc__opts>.jc-opt--wide{grid-column:span 2}.jc-opt{min-width:0;display:flex;flex-direction:column;gap:6px}.jc-opt .ui-field__label{line-height:18px}.jc-opt .ui-switch{min-height:44px}.jc__opts:has(.ui-field__label) .jc-opt>.ui-switch:first-child{margin-top:24px}.jc__panes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.jc__panes--wide-in{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.jc-pane{display:flex;flex-direction:column;gap:10px;min-width:0}.jc-pane__head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px}.jc-pane__title{font-size:var(--text-sm);font-weight:700;letter-spacing:.02em;color:var(--fg-muted)}.jc-pane__tools{display:inline-flex;gap:6px}.jc-pane__foot,.jc-pane__tools{align-items:center;flex-wrap:wrap}.jc-pane__foot{display:flex;gap:4px 14px;font-size:var(--text-xs);color:var(--fg-faint);font-variant-numeric:tabular-nums;min-height:18px}.jc-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.jc-chain{display:flex;flex-wrap:wrap;gap:8px}.jc-ed{position:relative;display:flex;height:clamp(300px,56vh,560px);min-height:200px;resize:vertical;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);transition:border-color var(--dur-2),box-shadow var(--dur-2);font-family:var(--font-mono);font-size:13px;line-height:var(--jc-lh)}.jc-ed:focus-within{border-color:var(--accent-fg);box-shadow:0 0 0 3px var(--accent-soft)}.jc-ed.has-error{border-color:color-mix(in oklab,var(--danger) 70%,transparent)}.jc-ed.has-error:focus-within{box-shadow:0 0 0 3px color-mix(in oklab,var(--danger) 18%,transparent)}.jc-ed.is-over{border-style:dashed;border-color:var(--accent-fg);background:var(--accent-soft)}.jc-ed--short{height:clamp(180px,30vh,300px)}.jc-ed__bands{position:absolute;inset:0;overflow:hidden;pointer-events:none}.jc-ed__bands-in{position:relative;will-change:transform}.jc-ed__band{position:absolute;inset-inline:0;height:var(--jc-lh);background:color-mix(in oklab,var(--danger) 16%,transparent);border-block:1px solid color-mix(in oklab,var(--danger) 35%,transparent)}.jc-ed__gutter{position:relative;z-index:1;flex:none;overflow:hidden;width:calc(var(--jc-digits, 2) * 1ch + 22px);min-width:36px;background:var(--surface-2);border-inline-end:1px solid var(--line);color:var(--fg-faint);user-select:none}.jc-ed__nums{padding:var(--jc-pad) 8px;text-align:end;font:inherit;font-variant-numeric:tabular-nums;will-change:transform}.jc-ed__area,.jc-ed__nums{margin:0;line-height:var(--jc-lh)}.jc-ed__area{position:relative;z-index:1;flex:1;min-width:0;padding:var(--jc-pad) 14px;border:0;outline:0;resize:none;background:transparent;color:var(--fg);font:inherit;white-space:pre;overflow:auto;tab-size:2}.jc-ed__area::placeholder{color:var(--fg-faint)}.jc-code{min-width:0;transition:opacity var(--dur-3)}.jc-code.is-stale{opacity:.5}.jc-code__pre{counter-reset:ln;height:clamp(300px,56vh,560px);max-height:none;margin:0;padding:var(--jc-pad) 0;white-space:pre;overflow-wrap:normal;line-height:var(--jc-lh);tab-size:2}.jc-code__pre code{display:block;min-width:max-content}.jc-ln{display:block;counter-increment:ln;position:relative;padding-inline:calc(var(--jc-digits, 3) * 1ch + 34px) 16px}.jc-ln:before{content:counter(ln);position:absolute;inset-inline-start:0;width:calc(var(--jc-digits, 3) * 1ch + 20px);text-align:end;color:#5b6172;font-variant-numeric:tabular-nums;user-select:none}.jc-code__empty{display:block;padding:8px 16px;color:#8a90a0;font-family:var(--font-sans)}.jc-code__note{margin:0;padding:8px 14px;font-size:var(--text-xs);color:#8a90a0;border-top:1px solid rgba(255,255,255,.07)}.jc-err{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 12px}.jc-err .ui-field__error{flex:1 1 260px}.jc-warns{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.jc-warn{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 10px;padding:10px 14px;border-radius:var(--radius);border:1px solid color-mix(in oklab,var(--warning) 35%,transparent);background:color-mix(in oklab,var(--warning) 8%,transparent);font-size:var(--text-sm);line-height:1.55;color:var(--fg-muted)}.jc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.jc-note{margin:0;font-size:var(--text-sm);line-height:1.6}.jc-empty,.jc-note{color:var(--fg-muted)}.jc-empty{padding:28px 8px;text-align:center}.jc-ok{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media (max-width:960px){.jc__panes,.jc__panes--wide-in{grid-template-columns:minmax(0,1fr)}.jc__opts>.jc-opt--wide{grid-column:auto}}@media (max-width:520px){.jc__opts{grid-template-columns:minmax(0,1fr)}.jc-code__pre,.jc-ed{height:clamp(260px,48vh,420px)}}@media (prefers-reduced-motion:reduce){.jc-code,.jc-ed,.jc-tree__toggle svg,.jc-treebox{transition:none}}.jc-snippet{flex:1 1 100%;margin:0;padding:10px 12px;overflow-x:auto;border-radius:var(--radius-s);background:var(--code-bg);color:var(--code-fg);font:12.5px/1.5 var(--font-mono);white-space:pre}.jc-snippet__no{display:inline-block;min-width:1.5em;margin-inline-end:12px;color:#5b6172;text-align:end}.jc-snippet__caret{color:var(--danger);font-weight:700}.jc-treebox{min-width:0;transition:opacity var(--dur-3)}.jc-treebox.is-stale{opacity:.5}.jc-treebox__scroll{height:clamp(300px,56vh,560px);overflow:auto;padding:12px 14px;font:13px/1.6 var(--font-mono)}.jc-tree,.jc-tree__children{margin:0;padding:0;list-style:none}.jc-tree__children{margin-inline-start:9px;padding-inline-start:14px;border-inline-start:1px solid rgba(255,255,255,.1)}.jc-tree__row{position:relative;display:block;padding-inline-start:22px;white-space:nowrap}.jc-tree__pad{display:inline-block;width:0}.jc-tree__toggle{position:absolute;inset-inline-start:0;top:3px;display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:4px;background:transparent;color:#8a90a0;cursor:pointer}.jc-tree__toggle:hover:not(:disabled){background:rgba(255,255,255,.1);color:#fff}.jc-tree__toggle:disabled{opacity:.35;cursor:default}.jc-tree__toggle svg{transition:transform var(--dur-1);transform:rotate(-90deg)}.jc-tree__toggle[aria-expanded=true] svg{transform:none}.jc-tree__key{padding:0;border:0;background:transparent;font:inherit;cursor:pointer;border-radius:3px}.jc-tree__key:hover{background:rgba(255,255,255,.1)}.jc-tree__sum{margin-inline:8px;color:#6c7282;font-style:italic}.jc-tree__close{display:block}.jc-tree__more{padding:0;border:0;background:transparent;color:var(--accent);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.jc-tree__key:focus-visible,.jc-tree__more:focus-visible,.jc-tree__toggle:focus-visible{outline:2px solid var(--accent-fg);outline-offset:1px}.jc-result.is-stale,.jc-stats.is-stale{opacity:.55}.jc-result{display:flex;flex-direction:column;gap:14px;min-width:0;transition:opacity var(--dur-3)}.jc-hlview{height:clamp(220px,40vh,420px)}.jc-ln.is-hit{background:color-mix(in oklab,var(--lime) 14%,transparent);box-shadow:inset 3px 0 0 var(--lime)}.jc-cheat{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:6px 16px;margin:0;padding:0;list-style:none;font-size:var(--text-sm);color:var(--fg-muted)}.jc-cheat code{font:12.5px var(--font-mono);color:var(--fg);padding:1px 6px;border-radius:6px;background:var(--surface-2)}.jc-changes{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.jc-change__btn{display:grid;grid-template-columns:24px minmax(120px,.35fr) minmax(0,1fr);align-items:baseline;gap:4px 12px;width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);color:var(--fg);text-align:start;cursor:pointer;font-size:var(--text-sm);transition:border-color var(--dur-1),background var(--dur-1)}.jc-change__btn:hover{border-color:var(--line-strong);background:var(--surface-2)}.jc-change__sign{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;font:700 14px var(--font-mono)}.jc-change--added .jc-change__sign{background:color-mix(in oklab,var(--success) 22%,transparent);color:var(--success)}.jc-change--removed .jc-change__sign{background:color-mix(in oklab,var(--danger) 22%,transparent);color:var(--danger)}.jc-change--changed .jc-change__sign{background:color-mix(in oklab,var(--warning) 22%,transparent);color:var(--warning)}.jc-change__path,.jc-change__vals{font:12.5px var(--font-mono);overflow-wrap:anywhere}.jc-change__vals{min-width:0;color:var(--fg-muted)}.jc-change__vals del{color:var(--danger);text-decoration-thickness:1px}.jc-change__vals ins{color:var(--success);text-decoration:none}@media (max-width:640px){.jc-change__btn{grid-template-columns:24px minmax(0,1fr)}.jc-change__vals{grid-column:2}}@media (pointer:coarse){.jc-change__btn{min-height:44px}.jc-tree__row{padding-inline-start:34px;line-height:44px}.jc-tree__toggle{top:0;inset-inline-start:-10px;width:44px;height:44px}.jc-tree__key,.jc-tree__more{display:inline-block;min-height:44px;padding-inline:4px}}.jc-pane__head{flex-wrap:wrap}.jc-pane__tools,.jc-pane__tools .ui-segmented{min-width:0;max-width:100%}.jc-code__empty{text-align:start}