.tdiff{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-ring: #3b82f6;--color-primary-tint: #eff6ff;--color-gain: #d97706;--color-surface: #ffffff;--color-surface-muted: #f9fafb;--color-border: #e5e7eb;--color-border-input: #d1d5db;--color-text-heading: #111827;--color-text-body: #374151;--color-text-secondary: #4b5563;--color-text-muted: #6b7280;--gradient-hero: linear-gradient(to right, #eef2ff, #ffffff, #fdf2f8);--radius-input: .5rem;--radius-card: 1rem;--shadow-card: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-raised: 0 10px 15px -3px rgb(0 0 0 / .1);--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;color:var(--color-text-body);background:#fcfcfd;line-height:1.5;-webkit-font-smoothing:antialiased}.tdiff *{box-sizing:border-box}.tdiff-container{max-width:72rem;margin-inline:auto;padding-inline:1rem;padding-bottom:1rem}@media (min-width: 640px){.tdiff-container{padding-inline:1.5rem}}@media (min-width: 1024px){.tdiff-container{padding-inline:2rem}}.tdiff .card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:1.5rem}.tdiff .card--raised{box-shadow:var(--shadow-raised)}.tdiff .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--color-primary);color:#fff;font-weight:600;padding:.625rem 1.5rem;border-radius:var(--radius-input);border:0;cursor:pointer;text-decoration:none;transition:.15s;font-size:1rem}.tdiff .btn:hover{background:var(--color-primary-hover)}.tdiff .btn:focus-visible{outline:2px solid var(--color-primary-ring);outline-offset:2px}.tdiff .btn:disabled{opacity:.55;cursor:not-allowed}.tdiff .btn--sm{padding:.4rem .85rem;font-size:.85rem}.tdiff .btn--ghost{background:var(--color-surface);color:var(--color-text-body);border:1px solid var(--color-border-input)}.tdiff .btn--ghost:hover:not(:disabled){background:var(--color-surface-muted)}.tdiff label.field{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-body);margin-bottom:.35rem}.tdiff .input{width:100%;padding:.65rem .8rem;border:1px solid var(--color-border-input);border-radius:var(--radius-input);background:var(--color-surface);color:var(--color-text-heading);font-size:.95rem;font-family:inherit}.tdiff .input:focus{outline:2px solid var(--color-primary-ring);outline-offset:1px;border-color:var(--color-primary-ring)}.tdiff .area{min-height:12rem;resize:vertical;font-family:var(--mono);font-size:.9rem;line-height:1.5;white-space:pre;overflow:auto}.tdiff h2.section{font-size:1.5rem;font-weight:700;color:var(--color-text-heading);letter-spacing:-.01em;margin:0}.tdiff h3.panel{font-size:1.125rem;font-weight:600;color:var(--color-text-heading);margin:0}.tdiff .muted{color:var(--color-text-muted)}.tdiff .layout{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.tdiff .inputs{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 760px){.tdiff .inputs{grid-template-columns:1fr 1fr}}.tdiff .field-group{margin:0}.tdiff .toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.tdiff .toolbar__spacer{flex:1 1 auto}.tdiff .check{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--color-text-secondary);cursor:pointer;user-select:none}.tdiff .check input{width:1rem;height:1rem;accent-color:var(--color-primary);cursor:pointer}.tdiff .out-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.tdiff .out-actions{display:flex;gap:.5rem}.tdiff .stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tdiff .pill{font-size:.8rem;font-weight:700;padding:.28rem .7rem;border-radius:999px;border:1px solid transparent}.tdiff .pill--add{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.tdiff .pill--del{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.tdiff .pill--same{color:var(--color-text-muted);background:var(--color-surface-muted);border-color:var(--color-border)}.tdiff .diff-wrap{border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface-muted);overflow:auto;max-height:34rem}.tdiff .diff{font-family:var(--mono);font-size:.875rem;line-height:1.5;min-width:max-content}.tdiff .diff-empty{padding:2.5rem 1.5rem;text-align:center;color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:.92rem;min-width:0}.tdiff .diff-identical{padding:.75rem 1rem;font-family:system-ui,sans-serif;font-size:.9rem;font-weight:600;color:#047857;background:#ecfdf5;border-bottom:1px solid #a7f3d0}.tdiff .drow{display:grid;grid-template-columns:3ch 3ch 2ch 1fr;align-items:baseline}.tdiff .drow__gutter{text-align:right;padding:0 .5rem;color:var(--color-text-muted);font-size:.72rem;user-select:none;background:#00000005}.tdiff .drow__gutter--b{border-right:1px solid var(--color-border)}.tdiff .drow__sign{text-align:center;font-weight:700;user-select:none}.tdiff .drow__text{padding:0 .75rem 0 .5rem;white-space:pre-wrap;word-break:break-word}.tdiff .drow--same .drow__text{color:var(--color-text-body)}.tdiff .drow--add{background:#ecfdf5}.tdiff .drow--add .drow__sign,.tdiff .drow--add .drow__text{color:#047857}.tdiff .drow--del{background:#fef2f2}.tdiff .drow--del .drow__sign,.tdiff .drow--del .drow__text{color:#b91c1c}.tdiff .how{margin-top:3.25rem}.tdiff .how h2.section{text-align:center}.tdiff .how__lead{text-align:center;color:var(--color-text-secondary);margin:.4rem 0 1.75rem}.tdiff .steps{display:grid;grid-template-columns:1fr;gap:1.1rem}@media (min-width: 720px){.tdiff .steps{grid-template-columns:repeat(3,1fr)}}.tdiff .step{text-align:center;padding:1.75rem 1.25rem}.tdiff .step__n{width:2.5rem;height:2.5rem;margin:0 auto .9rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;color:var(--color-primary);background:var(--color-primary-tint);border:1px solid #bfdbfe}.tdiff .step h3{font-size:1.05rem;font-weight:700;color:var(--color-text-heading);margin:0 0 .4rem}.tdiff .step p{margin:0;font-size:.9rem;color:var(--color-text-secondary)}.tdiff .about{margin-top:1.75rem}.tdiff .about h3{font-size:1.125rem;font-weight:700;color:var(--color-text-heading);margin:0 0 .6rem}.tdiff .about p{margin:0 0 .75rem;font-size:.95rem;color:var(--color-text-secondary)}.tdiff .about p:last-child{margin-bottom:0}.tdiff .about code{font-family:var(--mono);font-size:.85em;padding:.1rem .35rem;border-radius:.3rem;background:var(--color-surface-muted);border:1px solid var(--color-border);color:var(--color-text-body)}.tdiff .about strong{color:var(--color-text-heading)}.tdiff .about__privacy{display:flex;align-items:baseline;gap:.5rem;padding:.85rem 1rem;border-radius:var(--radius-input);background:#ecfdf5;border:1px solid #a7f3d0}.tdiff .about__privacy,.tdiff .about__privacy strong{color:#047857}.tdiff .foot{margin:2.5rem 0 1rem;padding-top:1.25rem;border-top:1px solid var(--color-border);text-align:center}.tdiff .foot p{margin:0;font-size:.85rem}