.diff-tool{--diff-max-width:1200px;--diff-left-col-max:calc(var(--diff-max-width) / 2);--diff-right-col-max:calc(var(--diff-max-width) / 2)}.diff-tool .diff-controls{align-items:center}.diff-tool .diff-options-row{display:flex;gap:14px 20px;align-items:center;flex-wrap:wrap;margin-top:4px}.diff-tool .diff-option{display:inline-flex;align-items:center;gap:10px;min-height:34px;color:var(--muted-color);font-size:13px;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.diff-tool .diff-option span{white-space:nowrap}.diff-tool .diff-option input{width:16px;height:16px;accent-color:var(--primary-color)}.diff-tool .diff-editor-grid{align-items:stretch;margin-top:18px}.diff-tool .diff-panel{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--border-color);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.98));box-shadow:0 10px 24px rgba(15,23,42,.05)}.diff-tool .diff-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.diff-tool .diff-panel-title{color:#0f172a;font-size:15px;font-weight:700}.diff-tool .diff-panel-subtitle{color:#64748b;font-size:12px}.diff-tool .diff-input{min-height:280px;resize:vertical;font-family:Monaco,Courier New,monospace;font-size:14px;line-height:1.7;white-space:pre-wrap;padding-top:2.25rem}.diff-tool .diff-summary{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:18px;padding:12px 16px;border:1px solid var(--border-color);background:#f8fafc;color:#475569;font-size:13px}.diff-tool .diff-summary-clean{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.diff-tool .diff-summary-changed{background:#f8fafc}.diff-tool .diff-panel .diff-panel-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:auto}.diff-tool .diff-copy-btn{position:absolute;top:10px;right:12px;pointer-events:auto}.diff-tool .intra-modified{background:#fef08a;border-radius:2px;padding:0 1px}.diff-tool .intra-added{background:#bbf7d0;border-radius:2px;padding:0 1px}.diff-tool .intra-removed{background:#fecaca;border-radius:2px;padding:0 1px}.diff-tool .diff-viewer{margin-top:22px;padding:18px;border:1px solid var(--border-color);border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.04)}.diff-tool .diff-viewer-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.diff-tool .diff-viewer-head-main{display:flex;flex-direction:column;gap:4px}.diff-tool .diff-viewer-title{color:#0f172a;font-size:15px;font-weight:700}.diff-tool .diff-viewer-note{color:#64748b;font-size:12px}.diff-tool .diff-viewer-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.diff-tool .diff-viewer-counter{min-width:96px;padding:0 10px;color:#475569;font-size:13px;text-align:center}.diff-tool .diff-nav-btn{min-width:84px}.diff-tool .diff-scroll-area{min-height:calc(var(--diff-input-height, 280px)*2);max-height:80vh;max-width:var(--diff-max-width);overflow:auto;border:1px solid #eef2f7;border-radius:12px;background:#fbfdff;scroll-behavior:smooth}.diff-tool .diff-empty-state{padding:16px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#475569;font-size:13px}.diff-tool .diff-rows{display:block}.diff-tool .diff-row{display:flex;align-items:stretch;border-bottom:1px solid #e2e8f0;background:#fff}@media(max-width:1024px){.diff-tool .diff-row{grid-template-columns:48px minmax(0,1fr) 48px minmax(0,1fr)}}.diff-tool .diff-row:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.diff-tool .diff-row:last-child{border-bottom:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.diff-tool .diff-row-active{box-shadow:inset 0 0 0 2px rgba(245,158,11,.28);position:relative;animation:hunk-highlight 1s ease}@keyframes hunk-highlight{0%{box-shadow:inset 0 0 0 0 rgba(245,158,11,0)}40%{box-shadow:inset 0 0 0 4px rgba(245,158,11,.26)}to{box-shadow:inset 0 0 0 2px rgba(245,158,11,.28)}}.diff-tool .diff-row-flash{animation:hunk-flash 1.2s ease;z-index:1}@keyframes hunk-flash{0%{box-shadow:0 0 0 0 rgba(245,158,11,.08),inset 0 0 0 0 rgba(245,158,11,0);transform:translateY(0)}30%{box-shadow:0 10px 30px -10px rgba(245,158,11,.12),inset 0 0 0 6px rgba(245,158,11,.18);transform:translateY(-2px)}to{box-shadow:0 0 0 0 rgba(245,158,11,0),inset 0 0 0 2px rgba(245,158,11,.28);transform:translateY(0)}}.diff-tool .diff-cell{min-height:34px;padding:7px 10px;font-family:Monaco,Courier New,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.diff-tool .diff-split-container{display:flex;gap:12px;align-items:stretch;width:100%;min-width:0}.diff-tool .diff-split-pane{display:block;flex:0 0 calc((100% - 12px)/2);min-width:0;width:calc((100% - 12px)/2);max-width:calc((100% - 12px)/2);overflow-x:hidden;overflow-y:scroll}.diff-tool .diff-split-line{display:flex;align-items:flex-start}.diff-tool .diff-line-content{flex:1 1 auto;min-width:0;white-space:pre-wrap;overflow:visible;overflow-wrap:anywhere;word-break:break-word}.diff-tool .diff-number-cell{display:flex;align-items:flex-start;justify-content:flex-end;color:#94a3b8;font-size:12px;background:#f8fafc;border-right:1px solid #e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal}.diff-tool .diff-number-right{border-right:none;border-left:1px solid #e2e8f0}.diff-tool .diff-text-cell{margin:0;color:#0f172a;background:#fff}.diff-tool .diff-text-left{max-width:var(--diff-left-col-max)}.diff-tool .diff-text-right{max-width:var(--diff-right-col-max)}@media(max-width:1400px){.diff-tool .diff-tool{--diff-max-width:900px}}.diff-tool .diff-split-pane .os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden,.diff-tool .diff-split-pane .os-scrollbar-visible{opacity:1!important;visibility:visible!important}.diff-tool .diff-split-pane .os-scrollbar-horizontal,.diff-tool .diff-split-pane .os-scrollbar-horizontal *{display:none!important}.diff-tool .diff-cell-empty{background:#f8fafc;color:#cbd5e1}.diff-tool .diff-row-equal .diff-text-cell{background:#fff}.diff-tool .diff-row-modified .diff-text-left,.diff-tool .diff-row-removed .diff-text-left{background:#fef2f2}.diff-tool .diff-row-added .diff-text-right,.diff-tool .diff-row-modified .diff-text-right{background:#f0fdf4}.diff-tool .diff-row-modified .diff-text-left,.diff-tool .diff-row-modified .diff-text-right{background:#fffbeb}.diff-tool .diff-row-modified .diff-number-left,.diff-tool .diff-row-removed .diff-number-left{background:#fff1f2;color:#be123c}.diff-tool .diff-row-added .diff-number-right,.diff-tool .diff-row-modified .diff-number-right{background:#f0fdf4;color:#166534}.diff-tool .diff-row-modified .diff-number-left,.diff-tool .diff-row-modified .diff-number-right{background:#fef3c7;color:#b45309}.diff-tool .diff-number-empty{color:rgba(0,0,0,0)}@media(max-width:1024px){.diff-tool .diff-panel-head,.diff-tool .diff-viewer-head{flex-direction:column;align-items:flex-start}.diff-tool .diff-viewer-nav{width:100%;justify-content:flex-start}.diff-tool .diff-scroll-area{max-height:480px}}