.diff-checker-shell{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:2rem 1rem 4rem}.diff-checker-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.diff-checker-eyebrow{margin:0 0 .25rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.diff-checker-title{margin:0;font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.1}.diff-checker-description{max-width:70ch;margin:.55rem 0 0;color:var(--color-muted)}.diff-checker-actions,.diff-checker-result-actions{display:flex;flex-wrap:wrap;gap:.4rem}.diff-checker-options{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;padding:.7rem;border:1px solid var(--color-border);border-radius:.7rem;background:var(--color-surface);margin-bottom:.8rem}.diff-checker-option-group{display:flex;align-items:center;gap:.45rem}.diff-checker-option-label,.diff-checker-select-label{font-size:.75rem;font-weight:700;color:var(--color-muted)}.diff-checker-segmented{display:flex}.diff-checker-segmented button{padding:.35rem .6rem;border:1px solid var(--color-border);background:0 0;color:var(--color-muted);font:inherit;font-size:.75rem}.diff-checker-segmented button:first-child{border-radius:.4rem 0 0 .4rem}.diff-checker-segmented button:last-child{border-radius:0 .4rem .4rem 0}.diff-checker-segmented button+button{border-inline-start:0}.diff-checker-segmented button[aria-pressed=true]{background:var(--color-primary);color:var(--color-on-primary)}.diff-checker-select-label{display:flex;align-items:center;gap:.4rem}.diff-checker-select-label select{font:inherit;color:var(--color-on-surface);background:var(--color-background);border:1px solid var(--color-border);border-radius:.4rem;padding:.3rem}.diff-checker-checks{display:flex;flex-wrap:wrap;gap:.65rem;margin-inline-start:auto}.diff-checker-checks label{font-size:.75rem;color:var(--color-muted);white-space:nowrap}.diff-checker-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.diff-checker-input-panel,.diff-checker-result-shell{border:1px solid var(--color-border);border-radius:.7rem;overflow:hidden;background:var(--color-surface)}.diff-checker-panel-head,.diff-checker-result-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.55rem .7rem;border-bottom:1px solid var(--color-border);background:var(--color-background)}.diff-checker-panel-head label,.diff-checker-result-head h2{margin:0;font-size:.8rem;font-weight:700}.diff-checker-panel-head div{display:flex;gap:.25rem}.diff-checker-panel-head button,.diff-checker-result-actions button{border:1px solid var(--color-border);border-radius:.4rem;background:0 0;color:var(--color-muted);padding:.3rem .5rem;font:inherit;font-size:.72rem;cursor:pointer}.diff-checker-panel-head button:hover,.diff-checker-result-actions button:hover{background:var(--color-surface);color:var(--color-on-surface)}.diff-checker-input-panel textarea{display:block;width:100%;height:20rem;min-height:12rem;resize:vertical;border:0;background:var(--color-code);color:var(--color-on-code);padding:.85rem;font:500 .78rem/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,monospace;tab-size:2}.diff-checker-input-panel textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.diff-checker-result-shell{margin-top:.8rem}.diff-checker-result-head>div:first-child{display:flex;align-items:baseline;gap:.65rem;min-width:0}.diff-checker-result-head span{font-size:.72rem;color:var(--color-muted)}.diff-checker-stats{display:flex;flex-wrap:wrap;gap:.5rem;padding:.6rem .7rem;border-bottom:1px solid var(--color-border)}.diff-stat{padding:.3rem .55rem;border:1px solid var(--color-border);border-radius:999px;font-size:.7rem;color:var(--color-muted)}.diff-checker-result{min-height:14rem;max-height:55rem;overflow:auto;background:var(--color-code);color:var(--color-on-code);font:500 .78rem/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,monospace}.diff-row{display:grid;grid-template-columns:3.5rem minmax(0,1fr)3.5rem minmax(0,1fr);min-height:1.55em}.diff-row>span{padding:.08rem .5rem;white-space:pre-wrap;overflow-wrap:anywhere}.diff-row .diff-ln{color:color-mix(in oklch,var(--color-on-code) 70%,transparent);text-align:right;user-select:none;border-inline-end:1px solid color-mix(in oklch,var(--color-on-code) 10%,transparent)}.diff-row.add{background:color-mix(in oklch,var(--color-success) 18%,transparent)}.diff-row.del{background:color-mix(in oklch,var(--color-danger) 18%,transparent)}.diff-row.change{background:color-mix(in oklch,var(--color-warning) 16%,transparent)}.diff-row.equal{opacity:.88}.diff-row .diff-marker{width:1rem;text-align:center;color:color-mix(in oklch,var(--color-on-code) 70%,transparent)}.diff-inline{display:grid;grid-template-columns:3.5rem 1fr;min-height:1.55em}.diff-inline .diff-ln{color:color-mix(in oklch,var(--color-on-code) 70%,transparent);text-align:right;padding:.08rem .5rem;border-inline-end:1px solid color-mix(in oklch,var(--color-on-code) 10%,transparent)}.diff-inline .diff-content{padding:.08rem .7rem;white-space:pre-wrap;overflow-wrap:anywhere}.diff-inline.add{background:color-mix(in oklch,var(--color-success) 18%,transparent)}.diff-inline.del{background:color-mix(in oklch,var(--color-danger) 18%,transparent)}.diff-inline.change{background:color-mix(in oklch,var(--color-warning) 16%,transparent)}.diff-word-del{text-decoration:line-through;background:color-mix(in oklch,var(--color-danger) 28%,transparent)}.diff-word-add{background:color-mix(in oklch,var(--color-success) 26%,transparent)}.diff-checker-empty{padding:2rem;text-align:center;color:color-mix(in oklch,var(--color-on-code) 70%,transparent)}.diff-checker-json-only{display:none}.diff-checker-shell[data-mode=json] .diff-checker-json-only{display:inline}.diff-presented-line{display:grid;grid-template-columns:3.5rem minmax(0,1fr);min-height:1.55em}.diff-presented-line>.diff-ln{padding:.08rem .5rem;color:color-mix(in oklch,var(--color-on-code) 70%,transparent);text-align:right;user-select:none;border-inline-end:1px solid color-mix(in oklch,var(--color-on-code) 10%,transparent)}.diff-presented-line>.diff-cell{padding:.08rem .5rem;white-space:pre-wrap;overflow-wrap:anywhere}.diff-presented-line.equal{opacity:.88}.diff-presented-line.add{background:color-mix(in oklch,var(--color-success) 18%,transparent)}.diff-presented-line.del{background:color-mix(in oklch,var(--color-danger) 18%,transparent)}.diff-presented-line .diff-marker{width:1rem;text-align:center;color:color-mix(in oklch,var(--color-on-code) 70%,transparent)}.diff-row[data-current]{outline:2px solid var(--color-primary);outline-offset:-2px}@media(max-width:860px){.diff-checker-header{align-items:flex-start;flex-direction:column}.diff-checker-options{align-items:flex-start}.diff-checker-checks{margin-inline-start:0}.diff-checker-inputs{grid-template-columns:1fr}.diff-checker-input-panel textarea{height:16rem}.diff-checker-result-head{align-items:flex-start;flex-direction:column}.diff-presented-line{grid-template-columns:2.5rem minmax(0,1fr)}}@media(max-width:520px){.diff-checker-shell{padding-inline:.65rem}.diff-checker-options{display:block}.diff-checker-option-group{margin-bottom:.6rem}.diff-checker-checks{display:grid;grid-template-columns:1fr 1fr}.diff-checker-result-actions{width:100%}.diff-checker-result-actions button{flex:1}.diff-row{grid-template-columns:2.5rem minmax(0,1fr)2.5rem minmax(0,1fr)}}.diff-checker-panel-title{display:flex;align-items:baseline;gap:.5rem;min-width:0}.diff-checker-panel-title>span{max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;color:var(--color-muted)}.diff-checker-collapse{border:1px solid var(--color-border);border-radius:.4rem;background:0 0;color:var(--color-muted);padding:.35rem .6rem;font:inherit;font-size:.75rem;cursor:pointer}.diff-checker-collapse[aria-pressed=true]{background:var(--color-primary);color:var(--color-on-primary)}.diff-checker-result-actions [hidden]{display:none!important}.diff-checker-unchanged{display:flex;align-items:center;justify-content:center;min-height:2rem;border-block:1px solid color-mix(in oklch,var(--color-on-code) 10%,transparent);background:color-mix(in oklch,var(--color-on-code) 8%,transparent)}.diff-checker-unchanged button{border:0;background:0 0;color:var(--color-muted);font:inherit;font-size:.72rem;padding:.35rem .7rem;cursor:pointer}.diff-checker-drop-active{outline:2px dashed var(--color-primary);outline-offset:-3px}.diff-checker-progress{display:inline-flex;align-items:center;gap:.4rem}.diff-checker-progress::before{content:"";width:.65rem;height:.65rem;border:2px solid;border-inline-end-color:transparent;border-radius:50%;animation:diff-checker-spin .7s linear infinite}@keyframes diff-checker-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.diff-checker-progress::before{animation:none}}