@layer base,patterns;@layer components{.p-diff{--p-diff-added-bg:#e3f5ea;--p-diff-added-edit:#a9e2bf;--p-diff-added-mark:#11603e;--p-diff-removed-bg:#fdebee;--p-diff-removed-edit:#f6bcc6;--p-diff-removed-mark:#a31e3b;--p-diff-empty:color-mix(in srgb, var(--text) 4%, var(--background-2));--p-diff-rule:color-mix(in srgb, var(--text) 8%, transparent)}.theme-dark .p-diff{--p-diff-added-bg:#12494a;--p-diff-added-edit:#1f6b55;--p-diff-added-mark:#7eedb5;--p-diff-removed-bg:#47264d;--p-diff-removed-edit:#72304f;--p-diff-removed-mark:#ffabbc}.p-diff__controls{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:1.5rem;display:grid}.p-diff__group{align-content:start;gap:.75rem;min-width:0;display:grid}.p-diff__toggles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.p-diff__toggles--three{grid-template-columns:repeat(3,minmax(0,1fr))}.p-diff__note{color:var(--tool-muted);font-size:.8125rem;line-height:1.6}.p-diff__note[hidden],.p-diff__result[hidden]{display:none}.p-diff__counts{border-block:1px solid var(--tool-border);font-family:var(--tool-mono);grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding-block:.875rem;font-size:.8125rem;display:grid}.p-diff__count{align-content:start;gap:.25rem;min-width:0;display:grid}.p-diff__count dt{color:var(--tool-muted)}.p-diff__count dd{color:var(--tool-accent);font-variant-numeric:tabular-nums;margin:0;font-size:1.25rem;font-weight:600;line-height:1.4}.p-diff__count--added dd{color:var(--p-diff-added-mark)}.p-diff__count--removed dd{color:var(--p-diff-removed-mark)}.p-diff__result{gap:.75rem;min-width:0;display:grid}.p-diff__output{--p-diff-digits:3ch;overscroll-behavior:contain;max-height:min(70vh,40rem);color:var(--tool-text);background:var(--tool-surface);border:1px solid var(--tool-border);font:.875rem/1.6 var(--tool-mono);grid-template-columns:minmax(0,1fr);align-content:start;display:grid;overflow:auto}.p-diff__output:focus-visible{outline:2px solid var(--tool-accent);outline-offset:3px}.p-diff__row{border-bottom:1px solid var(--p-diff-rule);min-width:0;display:grid}.p-diff__output[data-view=split] .p-diff__row{grid-template-columns:repeat(2,minmax(0,1fr))}.p-diff__output[data-view=unified] .p-diff__row{grid-template-columns:var(--p-diff-digits) var(--p-diff-digits) 1.75em minmax(0, 1fr)}.p-diff__side{grid-template-columns:var(--p-diff-digits) 1.75em minmax(0, 1fr);min-width:0;display:grid}.p-diff__side+.p-diff__side{border-left:1px solid var(--tool-border)}:is(.p-diff__side,.p-diff__row)[data-state=added]{background:var(--p-diff-added-bg)}:is(.p-diff__side,.p-diff__row)[data-state=removed]{background:var(--p-diff-removed-bg)}.p-diff__side[data-state=empty]{background:repeating-linear-gradient(-45deg, var(--p-diff-empty) 0 6px, transparent 6px 12px)}.p-diff__number{color:var(--tool-muted);text-align:right;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;padding-inline:.25rem}.p-diff__marker{text-align:center;-webkit-user-select:none;user-select:none;font-weight:700}[data-state=added]>.p-diff__marker{color:var(--p-diff-added-mark)}[data-state=removed]>.p-diff__marker{color:var(--p-diff-removed-mark)}.p-diff__text{white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;min-width:0;padding-inline-end:.5rem}.p-diff__edit{color:inherit;text-decoration-skip-ink:none;text-decoration-thickness:2px}del.p-diff__edit{background:var(--p-diff-removed-edit);text-decoration-line:line-through;-webkit-text-decoration-color:var(--p-diff-removed-mark);text-decoration-color:var(--p-diff-removed-mark)}ins.p-diff__edit{background:var(--p-diff-added-edit);text-decoration-line:underline;-webkit-text-decoration-color:var(--p-diff-added-mark);text-decoration-color:var(--p-diff-added-mark);text-underline-offset:3px}.p-diff__gap{min-height:44px;color:var(--tool-accent);background:var(--background-2);border:0;border-block:1px dashed var(--tool-border);font:.8125rem/1.5 var(--tool-mono);cursor:pointer;align-content:center;justify-items:center;padding:.5rem 1rem;display:grid}.p-diff__gap:is(:hover,:focus-visible){background:var(--tool-input);text-underline-offset:4px;text-decoration:underline}.p-diff__gap:focus-visible{outline:2px solid var(--tool-accent);outline-offset:-2px}@media not (min-width:900px){.p-diff__controls{grid-template-columns:minmax(0,1fr)}}@media not (min-width:600px){.p-diff__toggles--three{grid-template-columns:minmax(0,1fr)}.p-diff__counts{gap:.5rem}.p-diff__count dd{font-size:1rem}.p-diff__output{font-size:.8125rem}.p-diff__output[data-view=unified] .p-diff__row{grid-template-columns:var(--p-diff-digits) var(--p-diff-digits) 1.25em minmax(0, 1fr)}}}@layer utilities;