.text-diff-container{min-height:100vh;padding:clamp(1rem,2.5vw,2rem);background:radial-gradient(circle at 10% 0%,rgba(59,130,246,.12),transparent 30rem),radial-gradient(circle at 90% 8%,rgba(16,185,129,.1),transparent 28rem),linear-gradient(180deg,#f8fafc,#eef2f7);color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.text-diff-container .diff-card{width:min(100%,1720px);max-width:1720px;margin:0 auto;padding:clamp(.85rem,2vw,1.7rem);border:1px solid rgba(148,163,184,.3);border-radius:28px;background:#fffffff0;box-shadow:0 24px 80px #0f172a1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.text-diff-container .tdiff-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end;padding:clamp(1.2rem,3vw,2.3rem);margin-bottom:1rem;border:1px solid rgba(37,99,235,.14);border-radius:24px;background:linear-gradient(135deg,#2563eb1a,#10b98112),#fff}.text-diff-container .tdiff-kicker{display:inline-flex;width:fit-content;padding:.28rem .72rem;margin-bottom:.72rem;border:1px solid rgba(37,99,235,.24);border-radius:999px;color:#1d4ed8;background:#2563eb14;font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.text-diff-container h1{margin:0;color:#0f172a;font-size:clamp(2rem,4.2vw,4rem);font-weight:850;letter-spacing:-.045em;line-height:1.02;text-align:left;text-shadow:none}.text-diff-container .subtitle{max-width:780px;margin:.75rem 0 0;color:#475569;font-size:clamp(.95rem,1.3vw,1.08rem);line-height:1.8;text-align:left}.text-diff-container .tdiff-hero-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.text-diff-container .tdiff-hero-meta span{padding:.48rem .76rem;border:1px solid rgba(148,163,184,.28);border-radius:999px;background:#ffffffdb;color:#334155;font-size:.82rem;font-weight:800;box-shadow:0 8px 20px #0f172a0f}.text-diff-container .tdiff-toolbar{position:sticky;top:.75rem;z-index:6;display:grid;grid-template-columns:auto minmax(260px,1fr) auto;align-items:center;gap:.85rem;padding:.75rem;margin-bottom:1rem;border:1px solid rgba(148,163,184,.26);border-radius:18px;background:#ffffffeb;box-shadow:0 14px 32px #0f172a14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.text-diff-container .mode-selector,.text-diff-container .action-btns,.text-diff-container .tdiff-switches{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}.text-diff-container .mode-selector{padding:0;background:transparent}.text-diff-container .tdiff-switches{justify-content:center}.text-diff-container .mode-btn,.text-diff-container .action-btns .btn{min-height:40px;padding:.55rem .9rem;border-radius:12px;font-size:.9rem;font-weight:800;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.text-diff-container .mode-btn{border:1px solid rgba(37,99,235,.24);background:#f8fafc;color:#1d4ed8}.text-diff-container .mode-btn:hover{background:#eff6ff;transform:translateY(-1px)}.text-diff-container .mode-btn.active{border-color:#2563eb;background:linear-gradient(135deg,#2563eb,#0f766e);color:#fff;box-shadow:0 10px 24px #2563eb3d}.text-diff-container .tdiff-check{display:inline-flex;align-items:center;gap:.42rem;padding:.48rem .68rem;border:1px solid rgba(148,163,184,.24);border-radius:12px;background:#f8fafc;color:#334155;font-size:.86rem;font-weight:750;cursor:pointer}.text-diff-container .tdiff-check input{width:16px;height:16px;accent-color:#2563eb}.text-diff-container .action-btns{justify-content:flex-end}.text-diff-container .action-btns .btn{border:1px solid transparent}.text-diff-container .action-btns .btn-secondary{background:#f8fafc;color:#334155;border-color:#94a3b852}.text-diff-container .action-btns .btn-secondary:hover:not(:disabled){background:#fff;box-shadow:0 8px 20px #0f172a14;transform:translateY(-1px)}.text-diff-container .action-btns .btn-danger{background:#fff1f2;color:#be123c;border-color:#fecdd3}.text-diff-container .action-btns .btn-danger:hover{background:#ffe4e6;transform:translateY(-1px)}.text-diff-container .action-btns .btn:disabled{opacity:.48;cursor:not-allowed;transform:none}.text-diff-container .tdiff-stats{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:.8rem;margin-bottom:1rem}.text-diff-container .stat-item{min-height:92px;display:flex;flex-direction:column;justify-content:center;gap:.42rem;padding:1rem;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:#fff;text-align:center;box-shadow:0 12px 30px #0f172a0f}.text-diff-container .stat-label{display:block;color:#64748b;font-size:.78rem;font-weight:850;letter-spacing:.04em}.text-diff-container .stat-value{display:block;color:#0f172a;font-size:clamp(1.5rem,2vw,2rem);font-weight:850;line-height:1}.text-diff-container .stat-equal{color:#475569}.text-diff-container .stat-modified{color:#ca8a04}.text-diff-container .stat-delete{color:#dc2626}.text-diff-container .stat-insert{color:#16a34a}.text-diff-container .tdiff-input-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(.85rem,1.8vw,1.25rem);margin-bottom:1.1rem}.text-diff-container .tdiff-input-panel{overflow:hidden;border:1px solid rgba(148,163,184,.26);border-radius:20px;background:#fff;box-shadow:0 14px 34px #0f172a0f}.text-diff-container .tdiff-panel-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#fff,#f8fafc)}.text-diff-container .tdiff-panel-head h3{margin:0;color:#0f172a;font-size:.98rem;font-weight:850}.text-diff-container .tdiff-panel-head span{flex-shrink:0;color:#64748b;font-size:.8rem;font-weight:750}.text-diff-container .text-input{width:100%;height:clamp(260px,34vh,460px);margin:0;padding:1rem;border:none;border-radius:0;background:#fbfdff;color:#1e293b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9rem;line-height:1.72;resize:vertical;-moz-tab-size:2;tab-size:2;box-shadow:none}.text-diff-container .text-input.is-wrapped{white-space:pre-wrap;overflow-wrap:anywhere}.text-diff-container .text-input.is-nowrap{white-space:pre;overflow:auto;word-break:normal}.text-diff-container .text-input:focus{outline:none;background:#fff;box-shadow:inset 0 0 0 3px #2563eb24}.text-diff-container .text-input::placeholder{color:#94a3b8}.text-diff-container .tdiff-result-section{overflow:hidden;margin-bottom:1.25rem;border:1px solid rgba(148,163,184,.28);border-radius:22px;background:#fff;box-shadow:0 18px 48px #0f172a14}.text-diff-container .tdiff-result-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid rgba(148,163,184,.2);background:linear-gradient(180deg,#fff,#f8fafc)}.text-diff-container .tdiff-result-head h3{margin:0;color:#0f172a;font-size:1.08rem;font-weight:850}.text-diff-container .tdiff-result-head p{margin:.25rem 0 0;color:#64748b;font-size:.88rem}.text-diff-container .tdiff-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.text-diff-container .tdiff-legend span{display:inline-flex;align-items:center;gap:.38rem;color:#475569;font-size:.82rem;font-weight:850}.text-diff-container .legend-dot{width:.72rem;height:.72rem;border-radius:3px;display:inline-block}.text-diff-container .legend-dot.delete{background:#f87171}.text-diff-container .legend-dot.insert{background:#22c55e}.text-diff-container .legend-dot.modify{background:#facc15}.text-diff-container .tdiff-result-scroll{max-height:min(72vh,820px);overflow:auto;background:#0f172a}.text-diff-container .tdiff-table{min-width:1080px;background:#fff}.text-diff-container .tdiff-row{display:grid;grid-template-columns:64px minmax(440px,1fr) 64px minmax(440px,1fr);border-bottom:1px solid #e5e7eb}.text-diff-container .tdiff-table-head{position:sticky;top:0;z-index:2;border-bottom:1px solid rgba(148,163,184,.22);background:#111827}.text-diff-container .tdiff-line-head,.text-diff-container .tdiff-code-head{min-height:48px;display:flex;align-items:center;padding:.75rem .9rem;color:#e5e7eb;font-size:.82rem;font-weight:850}.text-diff-container .tdiff-line-head{justify-content:flex-end;border-right:1px solid rgba(148,163,184,.18);color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.text-diff-container .tdiff-code-head:nth-child(2){border-right:1px solid rgba(148,163,184,.18)}.text-diff-container .tdiff-row:not(.tdiff-table-head):hover .tdiff-code-cell,.text-diff-container .tdiff-row:not(.tdiff-table-head):hover .tdiff-line-no{filter:saturate(1.15) brightness(.985)}.text-diff-container .tdiff-line-no,.text-diff-container .tdiff-code-cell{min-height:30px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.84rem;line-height:1.72}.text-diff-container .tdiff-line-no{padding:.32rem .78rem .32rem .35rem;border-right:1px solid #e5e7eb;background:#f8fafc;color:#94a3b8;text-align:right;-webkit-user-select:none;user-select:none}.text-diff-container .tdiff-code-cell{display:grid;grid-template-columns:24px minmax(0,1fr);gap:.35rem;min-width:0;padding:.32rem .9rem .32rem .45rem;color:#1e293b;-moz-tab-size:2;tab-size:2}.text-diff-container .tdiff-code-cell:nth-child(2){border-right:1px solid #e5e7eb}.text-diff-container .tdiff-table.is-wrapped .tdiff-code-cell,.text-diff-container .tdiff-table.is-wrapped .tdiff-text{white-space:pre-wrap;overflow-wrap:anywhere}.text-diff-container .tdiff-table.is-nowrap .tdiff-code-cell,.text-diff-container .tdiff-table.is-nowrap .tdiff-text{white-space:pre;word-break:normal}.text-diff-container .tdiff-text{min-width:0}.text-diff-container .change-mark{color:#94a3b8;font-weight:900;text-align:center;-webkit-user-select:none;user-select:none}.text-diff-container .is-delete.tdiff-code-cell,.text-diff-container .is-delete.tdiff-line-no{background:#fff1f2}.text-diff-container .is-insert.tdiff-code-cell,.text-diff-container .is-insert.tdiff-line-no{background:#ecfdf5}.text-diff-container .is-delete.tdiff-code-cell{border-left:3px solid #ef4444;color:#7f1d1d}.text-diff-container .is-insert.tdiff-code-cell{border-left:3px solid #22c55e;color:#064e3b}.text-diff-container .is-delete .change-mark{color:#dc2626}.text-diff-container .is-insert .change-mark{color:#16a34a}.text-diff-container .is-empty.tdiff-code-cell,.text-diff-container .is-empty.tdiff-line-no{background:repeating-linear-gradient(-45deg,#f8fafc,#f8fafc 8px,#f1f5f9 8px,#f1f5f9 16px);color:#cbd5e1}.text-diff-container .row-replace .tdiff-code-cell{box-shadow:inset 0 1px #facc1547,inset 0 -1px #facc1538}.text-diff-container .inline-removed{padding:.04rem .1rem;border-radius:4px;background:#fecdd3;color:#7f1d1d;text-decoration:line-through;text-decoration-color:#ef4444}.text-diff-container .inline-added{padding:.04rem .1rem;border-radius:4px;background:#bbf7d0;color:#064e3b;font-weight:850}.text-diff-container .tips-section{margin-top:1rem;padding:1.35rem;border:1px solid rgba(148,163,184,.24);border-radius:22px;background:#ffffffdb}.text-diff-container .tips-section h3{margin:0 0 .85rem;color:#0f172a;font-size:1rem;font-weight:850}.text-diff-container .tips-section ul{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}.text-diff-container .tips-section li{display:block;color:#475569;font-size:.9rem;line-height:1.7}.text-diff-container .highlight-modified,.text-diff-container .highlight-empty{display:inline-block;padding:.12rem .45rem;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;font-weight:850}.text-diff-container .highlight-modified{background:#fef3c7;color:#92400e}.text-diff-container .highlight-empty{border:1px dashed #cbd5e1;background:#f8fafc;color:#64748b}.text-diff-container .tdiff-result-scroll::-webkit-scrollbar,.text-diff-container .text-input::-webkit-scrollbar{width:11px;height:11px}.text-diff-container .tdiff-result-scroll::-webkit-scrollbar-track,.text-diff-container .text-input::-webkit-scrollbar-track{background:transparent}.text-diff-container .tdiff-result-scroll::-webkit-scrollbar-thumb,.text-diff-container .text-input::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:#64748b6b;background-clip:content-box}.text-diff-container .tdiff-result-scroll::-webkit-scrollbar-thumb:hover,.text-diff-container .text-input::-webkit-scrollbar-thumb:hover{background:#4755699e;background-clip:content-box}@media (max-width: 1180px){.text-diff-container .tdiff-hero,.text-diff-container .tdiff-toolbar{grid-template-columns:1fr}.text-diff-container .tdiff-hero-meta,.text-diff-container .tdiff-switches,.text-diff-container .action-btns{justify-content:flex-start}.text-diff-container .tdiff-stats{grid-template-columns:repeat(3,minmax(120px,1fr))}}@media (max-width: 860px){.text-diff-container{padding:.75rem}.text-diff-container .diff-card{padding:.75rem;border-radius:20px}.text-diff-container .tdiff-input-section{grid-template-columns:1fr}.text-diff-container .mode-selector,.text-diff-container .action-btns,.text-diff-container .tdiff-switches{width:100%}.text-diff-container .mode-btn,.text-diff-container .action-btns .btn{flex:1 1 150px;justify-content:center}.text-diff-container .tdiff-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.text-diff-container .tdiff-result-head{align-items:flex-start;flex-direction:column}}@media (max-width: 560px){.text-diff-container .tdiff-hero{padding:1rem}.text-diff-container .tdiff-stats{grid-template-columns:1fr}.text-diff-container .tdiff-panel-head{align-items:flex-start;flex-direction:column;gap:.35rem}.text-diff-container .tips-section{padding:1.05rem}}