.text-diff{--td-added: #22c55e;--td-removed: #ef4444;--td-changed: #f59e0b;width:100%;max-width:100%;display:flex;flex-direction:column;gap:.7rem;color:var(--scribe-text-primary);font-family:inherit;box-sizing:border-box}.text-diff *,.text-diff *:before,.text-diff *:after{box-sizing:border-box}.td-editors{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch}.td-editor-panel{display:flex;flex-direction:column;background:var(--scribe-bg-secondary);border:1px solid var(--scribe-border);border-radius:var(--radius-xl);overflow:visible;min-height:18rem}.td-editors-small .td-editor-panel{min-height:18rem}.td-editors-small .td-editor{max-height:16rem}.td-editors-medium .td-editor-panel{min-height:24rem}.td-editors-medium .td-editor{max-height:22rem}.td-editors-large .td-editor-panel{min-height:32rem}.td-editors-large .td-editor{max-height:30rem}.td-swap-container{display:flex;align-items:center;justify-content:center;padding:0 .25rem}.td-swap-btn{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);padding:0;font-size:var(--text-xs);color:var(--scribe-text-muted);background:var(--scribe-bg-secondary);border:1px solid var(--scribe-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.td-swap-btn:hover:not(:disabled){color:var(--brand-color);background:var(--scribe-bg-tertiary);border-color:var(--brand-color)}.td-swap-btn:disabled{opacity:.4;cursor:not-allowed}.td-swap-btn i{transform:rotate(0);transition:transform .3s ease}.td-swap-btn:hover:not(:disabled) i{transform:rotate(180deg)}.td-tabs{display:flex;gap:.25rem;background:var(--scribe-bg-secondary);border:1px solid var(--scribe-border);border-radius:var(--radius-xl);padding:var(--space-1)}.td-tab{display:flex;align-items:center;gap:var(--space-2);flex:1;justify-content:center;padding:.625rem 1rem;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--scribe-text-muted);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.td-tab:hover{color:var(--scribe-text-primary);background:var(--scribe-bg-tertiary)}.td-tab.active{color:#fff;background:var(--brand-color)}.td-tab i{font-size:var(--text-xs)}.td-tab-badge{display:flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff;background:var(--td-removed);border-radius:9999px}.td-tab.active .td-tab-badge{background:#ffffff40}.td-tab-content{display:flex;flex-direction:column;gap:var(--space-3)}.td-calculating{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);font-size:var(--text-sm);color:var(--scribe-text-muted);background:var(--scribe-bg-secondary);border:1px solid var(--scribe-border);border-radius:var(--radius-lg)}.td-calculating i{color:var(--brand-color)}@media(max-width:768px){.td-editors{grid-template-columns:1fr;gap:var(--space-2)}.td-swap-container{padding:.25rem 0}.td-swap-btn{transform:rotate(90deg)}.td-swap-btn:hover:not(:disabled) i{transform:rotate(0)}.td-editor-panel{min-height:12rem}.td-actions{flex-direction:column;align-items:stretch}.td-actions-spacer{display:none}.td-action-btn{justify-content:center}}@media(max-width:480px){.text-diff{gap:var(--space-2)}.td-action-btn{padding:var(--space-2) var(--space-2);font-size:var(--text-xs)}}[data-theme=light] .text-diff{--td-added: #16a34a;--td-removed: #dc2626;--td-changed: #d97706}[data-theme=light] .td-editor-panel{box-shadow:0 1px 3px #0000000d}[data-theme=light] .td-stats,[data-theme=light] .td-options{box-shadow:0 1px 2px #0000000a}[data-theme=light] .td-output{box-shadow:0 1px 3px #0000000d}[data-theme=light] .td-swap-btn{background:#fff;box-shadow:0 1px 2px #0000000d}[data-theme=light] .td-action-btn{background:#fff}[data-theme=light] .td-line-added{background:#22c55e1f}[data-theme=light] .td-line-removed{background:#ef44441f}[data-theme=light] .td-line-modified{background:#f59e0b1f}[data-theme=light] .td-line-empty{background:#f1f5f9}[data-theme=light] .td-char-added{background:#22c55e40}[data-theme=light] .td-char-removed{background:#ef444440}[data-theme=light] .td-options-badge{background:#22c55e14;border-color:#22c55e26}[data-theme=light] .td-view-btn{background:#fff}[data-theme=light] .td-view-btn.active{background:rgba(var(--brand-color-rgb),.1)}[data-theme=light] .td-toolbar-btn:hover:not(:disabled){background:#e2e8f0}[data-theme=light] .td-output-header,[data-theme=light] .td-output-line-num{background:#f1f5f9}[data-theme=light] .td-output-nav-btn{background:#fff}[data-theme=light] .td-output-nav-btn:hover:not(:disabled){background:#e2e8f0}.td-stats{display:flex;align-items:center;justify-content:center;padding:.4rem 1rem;background:var(--scribe-bg-secondary);border:1px solid var(--scribe-border);border-radius:var(--radius-xl)}.td-stats-empty{justify-content:center}.td-stats-placeholder{font-size:var(--text-sm);color:var(--scribe-text-muted)}.td-stats-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-8)}.td-stat-item{display:inline-flex;align-items:baseline;gap:.25rem}.td-stat-item i{font-size:var(--text-xs);color:var(--scribe-text-muted);align-self:center}.td-stat-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--scribe-text-primary)}.td-stat-label{font-size:.785rem;color:var(--scribe-text-muted)}.td-stat-added i,.td-stat-added .td-stat-value{color:var(--td-added)}.td-stat-removed i,.td-stat-removed .td-stat-value{color:var(--td-removed)}.td-stat-unchanged i{color:var(--scribe-text-muted)}.td-stat-similarity .td-stat-value,.td-stat-similarity i{color:var(--brand-color)}@media(max-width:640px){.td-stats{padding:var(--space-2)}.td-stats-grid{gap:.5rem .75rem}.td-stat-label{display:none}.td-stat-value{font-size:var(--text-sm)}}.td-settings-panel{position:relative;width:100%;background:var(--scribe-bg-secondary);border-top:1px dashed var(--scribe-border);margin-top:var(--space-2)}.td-settings-close{position:absolute;top:var(--space-2);inset-inline-end:.5rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;padding:0;font-size:var(--text-xs);color:var(--scribe-text-muted);background:var(--scribe-bg-tertiary);border:1px solid var(--scribe-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);z-index:1}.td-settings-close:hover{color:var(--scribe-text-primary)}.td-settings-content{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;padding:.5rem 0}@media(max-width:768px){.td-settings-content{padding:2.25rem .75rem .75rem;padding-inline-end:2.75rem}}.td-settings-group{display:flex;flex-direction:column;gap:var(--space-2)}.td-settings-group-inline{flex-direction:column;gap:var(--space-2)}.td-settings-group-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--scribe-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.td-settings-group-title i{font-size:var(--text-xs);color:var(--brand-color)}.td-settings-toggles{display:flex;flex-wrap:wrap;gap:var(--space-2)}.td-settings-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--scribe-bg-tertiary);border:1px solid var(--scribe-border);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--scribe-text-secondary);cursor:pointer;transition:all var(--transition-base)}.td-settings-toggle i{font-size:var(--text-xs)}.td-settings-toggle:hover{background:rgba(var(--brand-color-rgb),.1);border-color:rgba(var(--brand-color-rgb),.3)}.td-settings-toggle.active{background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color);color:var(--brand-color)}[data-theme=light] .td-settings-panel{background:#f8fafc;border-color:#0000001f}[data-theme=light] .td-settings-toggle{background:#fff;border-color:#0000001f;color:#64748b}[data-theme=light] .td-settings-toggle:hover{background:rgba(var(--brand-color-rgb),.08)}[data-theme=light] .td-settings-toggle.active{background:rgba(var(--brand-color-rgb),.1);color:var(--brand-color)}.td-options{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);padding:.3rem .5rem;background:var(--scribe-bg-secondary);border:1px solid var(--scribe-border);border-radius:var(--radius-xl)}.td-options-group{display:flex;align-items:center;gap:var(--space-1)}.td-view-mode{gap:0}.td-view-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--scribe-text-muted);background:var(--scribe-bg-tertiary);border:1px solid var(--scribe-border);cursor:pointer;transition:all var(--transition-fast)}.td-view-btn:first-child{border-radius:var(--radius-md);0 0 var(--radius-md);border-right:none}.td-view-btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.td-view-btn:hover{color:var(--scribe-text-primary);background:var(--scribe-bg-hover)}.td-view-btn.active{color:var(--brand-color);background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color)}.td-view-btn.active+.td-view-btn{border-left-color:var(--brand-color)}.td-view-btn i{font-size:var(--text-xs)}.td-view-btn-text{display:inline}.td-option-checkbox{display:flex;align-items:center;gap:.25rem;padding:var(--space-1) var(--space-1);font-size:.7rem;color:var(--scribe-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:background .15s ease}.td-option-checkbox:hover{background:var(--scribe-bg-primary)}.td-option-checkbox input{display:none}.td-option-checkmark{position:relative;width:.75rem;height:.75rem;background:var(--scribe-bg-tertiary);border:1px solid var(--scribe-border);border-radius:.125rem;transition:all var(--transition-fast)}.td-option-checkbox input:checked+.td-option-checkmark{background:var(--brand-color);border-color:var(--brand-color)}.td-option-checkmark:after{content:"";position:absolute;display:none;left:.1875rem;top:.0625rem;width:.1875rem;height:.375rem;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.td-option-checkbox input:checked+.td-option-checkmark:after{display:block}.td-option-label{white-space:nowrap}.td-ignore-option-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--scribe-text-muted);background:var(--scribe-bg-tertiary);border:1px solid var(--scribe-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.td-ignore-option-btn:hover{color:var(--scribe-text-primary);background:var(--scribe-bg-hover)}.td-ignore-option-btn.active{color:var(--brand-color);background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color)}.td-option-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--scribe-text-muted);background:var(--scribe-bg-tertiary);border:1px solid var(--scribe-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.td-option-btn:hover{color:var(--scribe-text-primary);background:var(--scribe-bg-hover)}.td-option-btn.active{color:var(--brand-color);background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color)}.td-option-btn i{font-size:var(--text-xs)}.td-size-options{gap:var(--space-2)}.td-options-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--scribe-text-muted)}.td-size-buttons{display:flex;gap:.25rem}.td-size-btn{display:flex;align-items:center;justify-content:center;min-width:1.75rem;min-height:var(--space-8);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--scribe-text-muted);background:var(--scribe-bg-tertiary);border:1px solid var(--scribe-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.td-size-btn:hover{color:var(--scribe-text-primary);background:var(--scribe-bg-hover)}.td-size-btn.active{color:var(--brand-color);background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color)}.td-options-badge{display:flex;align-items:center;gap:var(--space-2);padding:.25rem .625rem;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--td-added);background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:9999px}.td-options-badge i{font-size:var(--text-xs)}.td-settings-btn{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);margin-inline-start:auto;font-size:var(--text-sm);color:var(--scribe-text-muted);background:var(--scribe-bg-tertiary);border:1px solid var(--scribe-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.td-settings-btn:hover{color:var(--scribe-text-primary);background:var(--scribe-bg-hover)}.td-settings-btn.active{color:var(--brand-color);background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color)}.td-settings-btn i{transition:transform .3s ease}.td-settings-btn:hover i,.td-settings-btn.active i{transform:rotate(45deg)}@media(max-width:768px){.td-options{flex-wrap:wrap;gap:var(--space-2)}.td-view-btn-text{display:none}.td-view-btn{padding:var(--space-2) var(--space-2)}.td-option-label{font-size:var(--text-xs)}.td-options-separator{display:none}}@media(max-width:480px){.td-ignore-options{flex-wrap:wrap;width:100%}.td-option-checkbox{flex:1 0 45%;min-width:0}.td-options-badge{width:100%;justify-content:center;margin-inline-start:0}}.td-toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.25rem;padding:var(--space-2) var(--space-3);background:var(--scribe-bg-tertiary);border-bottom:1px solid var(--scribe-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:10}.td-toolbar-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--scribe-text-primary)}.td-toolbar-actions{display:flex;align-items:center;gap:.25rem}.td-toolbar-btn{display:flex;align-items:center;justify-content:center;height:1.75rem;padding:0 .5rem;font-size:var(--text-xs);color:var(--scribe-text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.td-toolbar-btn-text{gap:var(--space-2)}.td-toolbar-btn-text span{font-size:var(--text-xs);font-weight:var(--font-medium)}.td-toolbar-btn:hover:not(:disabled){color:var(--scribe-text-primary);background:var(--scribe-bg-hover);border-color:var(--scribe-border)}.td-toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.td-toolbar-btn.success{color:var(--td-added)}.td-toolbar-btn-trash{padding:0;width:1.75rem}.td-toolbar-btn-trash i{color:var(--td-removed)}.td-toolbar-btn-trash:hover:not(:disabled){background:#ef44441a;border-color:#ef44444d}.td-toolbar-btn-trash:hover:not(:disabled) i{color:var(--td-removed)}[dir=rtl] .td-toolbar-actions{flex-direction:row-reverse}@media(max-width:768px){.td-toolbar{flex-wrap:wrap;gap:var(--space-2)}.td-toolbar-label{width:100%}.td-toolbar-actions{width:100%;flex-wrap:wrap;justify-content:flex-end}}@media(max-width:480px){.td-toolbar-btn-text{padding:0;width:1.75rem}.td-toolbar-btn-text span{display:none}}.td-editor{position:relative;display:flex;flex:1;min-height:0;background:var(--scribe-bg-input);overflow:hidden;border-radius:0 0 var(--radius-xl) var(--radius-xl)}.td-editor-line-numbers{flex-shrink:0;width:3rem;padding:.75rem 0;background:var(--scribe-bg-secondary);border-inline-end:1px solid var(--scribe-border);overflow:hidden;user-select:none}.td-editor-line-number{padding:0 .5rem;font-family:var(--scribe-font-mono);font-size:var(--text-sm);line-height:1.5rem;color:var(--scribe-text-muted);text-align:end}.td-editor-content{position:relative;flex:1;min-height:0;overflow:hidden}.td-editor-highlight-layer{position:absolute;inset:0;padding:var(--space-3);font-family:var(--scribe-font-mono);font-size:var(--text-sm);line-height:1.5rem;overflow:hidden;pointer-events:none;white-space:pre}.td-editor.word-wrap .td-editor-highlight-layer{white-space:pre-wrap;word-wrap:break-word}.td-highlight-line{min-height:1.5rem}.td-highlight-removed{background:#ef444433;color:transparent}.td-highlight-added{background:#22c55e33;color:transparent}.td-highlight-modified{background:#eab30833;color:transparent}.td-editor-textarea{position:relative;flex:1;width:100%;height:100%;padding:var(--space-3);font-family:var(--scribe-font-mono);font-size:var(--text-sm);line-height:1.5rem;color:var(--scribe-text-primary);background:transparent;border:none;outline:none;resize:none;overflow-y:auto;overflow-x:auto;white-space:pre}.td-editor.word-wrap .td-editor-textarea{white-space:pre-wrap;word-wrap:break-word;overflow-x:hidden}.td-editor-textarea::placeholder{color:var(--scribe-text-placeholder)}.td-editor-textarea::-webkit-scrollbar{width:8px;height:8px}.td-editor-textarea::-webkit-scrollbar-track{background:var(--scribe-bg-secondary)}.td-editor-textarea::-webkit-scrollbar-thumb{background:var(--scribe-bg-hover);border-radius:4px}.td-editor-textarea::-webkit-scrollbar-thumb:hover{background:var(--scribe-text-muted)}[dir=rtl] .td-editor-line-numbers{border-inline-end:none;border-inline-start:1px solid var(--scribe-border)}[dir=rtl] .td-editor-line-number{text-align:start}.td-output{display:flex;flex-direction:column;background:var(--scribe-bg-secondary);border:1px solid var(--scribe-border);border-radius:var(--radius-xl);overflow:visible}.td-output-empty,.td-output-identical{min-height:12rem;display:flex;align-items:center;justify-content:center}.td-output-empty-content,.td-output-identical-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--scribe-text-muted)}.td-output-empty-content i,.td-output-identical-content i{font-size:var(--text-4xl);color:var(--scribe-text-muted)}.td-output-identical-content i{color:var(--td-added)}.td-output-empty-content p,.td-output-identical-content p{font-size:var(--text-sm);margin:0}.td-output-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--scribe-bg-tertiary);border-bottom:1px solid var(--scribe-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;flex-wrap:wrap;z-index:10}.td-output-header-left{display:flex;align-items:center;gap:var(--space-3)}.td-output-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--scribe-text-primary)}.td-output-title i{color:var(--brand-color);font-size:var(--text-xs)}.td-output-count{font-weight:var(--font-normal);color:var(--scribe-text-muted)}.td-output-header-actions{display:flex;align-items:center;gap:var(--space-2)}.td-output-action-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--scribe-text-secondary);background:var(--scribe-bg-secondary);border:1px solid var(--scribe-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.td-output-action-btn:hover:not(:disabled){color:var(--scribe-text-primary);background:var(--scribe-bg-hover);border-color:var(--scribe-text-muted)}.td-output-action-btn:disabled{opacity:.4;cursor:not-allowed}.td-output-action-btn i{font-size:var(--text-xs)}.td-output-action-btn-primary{color:#fff;background:var(--brand-color);border-color:var(--brand-color)}.td-output-action-btn-primary:hover:not(:disabled){background:var(--brand-color);filter:brightness(1.1);border-color:var(--brand-color)}.td-output-action-btn-trash{padding:var(--space-2) var(--space-2)}.td-output-action-btn-trash i{color:var(--td-removed)}.td-output-action-btn-trash:hover:not(:disabled){background:#ef44441a;border-color:#ef44444d}.td-output-nav{display:flex;align-items:center;gap:var(--space-2)}.td-output-nav-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;font-size:var(--text-xs);color:var(--scribe-text-muted);background:var(--scribe-bg-secondary);border:1px solid var(--scribe-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.td-output-nav-btn:hover:not(:disabled){color:var(--scribe-text-primary);background:var(--scribe-bg-hover);border-color:var(--brand-color)}.td-output-nav-btn:disabled{opacity:.4;cursor:not-allowed}.td-output-nav-indicator{font-size:var(--text-xs);color:var(--scribe-text-muted);min-width:3rem;text-align:center}.td-output-header-controls{display:flex;align-items:center;gap:var(--space-2)}.td-output-control-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;font-size:var(--text-xs);color:var(--scribe-text-muted);background:var(--scribe-bg-secondary);border:1px solid var(--scribe-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.td-output-control-btn:hover{color:var(--scribe-text-primary);background:var(--scribe-bg-hover)}.td-output-control-btn.active{color:var(--brand-color);background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color)}.td-output-size-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--scribe-text-muted)}.td-output-size-picker{display:flex;gap:.25rem}.td-output-size-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--scribe-text-muted);background:var(--scribe-bg-secondary);border:1px solid var(--scribe-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.td-output-size-btn:hover{color:var(--scribe-text-primary);background:var(--scribe-bg-hover)}.td-output-size-btn.active{color:var(--brand-color);background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color)}.td-output-content{flex:1;overflow:auto;max-height:24rem;border-radius:0 0 var(--radius-xl) var(--radius-xl)}.td-output-small .td-output-content{max-height:16rem}.td-output-medium .td-output-content{max-height:28rem}.td-output-large .td-output-content{max-height:40rem}.td-output-sbs{display:grid;grid-template-columns:1fr 1fr;min-height:100%}.td-output-panel{overflow-y:auto;overflow-x:hidden}.td-output-original{border-inline-end:1px solid var(--scribe-border)}.td-output-inline{min-height:100%}.td-output-line{display:flex;font-family:var(--scribe-font-mono);font-size:var(--text-sm);line-height:1.5rem;min-height:1.5rem}.td-output-line-num{flex-shrink:0;width:var(--space-10);padding:0 .375rem;color:var(--scribe-text-muted);text-align:end;user-select:none;background:var(--scribe-bg-secondary)}.td-output-line-num-orig,.td-output-line-num-mod{width:var(--space-8)}.td-output-line-prefix{flex-shrink:0;width:1.25rem;padding:0 .25rem;color:var(--scribe-text-muted);text-align:center;user-select:none}.td-output-line-content{flex:1;padding:0 .5rem;white-space:pre-wrap;word-break:break-word;background:var(--scribe-bg-primary)}[dir=rtl] .td-output-line-content{text-align:right}.td-line-unchanged{background:transparent}.td-line-added{background:#22c55e1a}.td-line-added .td-output-line-content,.td-line-added .td-output-line-prefix{color:var(--td-added)}.td-line-removed{background:#ef44441a}.td-line-removed .td-output-line-content,.td-line-removed .td-output-line-prefix{color:var(--td-removed)}.td-line-modified{background:#f59e0b1a}.td-line-modified .td-output-line-content{color:var(--scribe-text-primary)}.td-line-empty{background:var(--scribe-bg-tertiary)}.td-line-empty .td-output-line-content{color:transparent}.td-char-added{background:#22c55e4d;border-radius:var(--radius-sm)}.td-char-removed{background:#ef44444d;text-decoration:line-through;border-radius:var(--radius-sm)}.td-output-content::-webkit-scrollbar,.td-output-panel::-webkit-scrollbar{width:8px;height:8px}.td-output-content::-webkit-scrollbar-track,.td-output-panel::-webkit-scrollbar-track{background:var(--scribe-bg-secondary)}.td-output-content::-webkit-scrollbar-thumb,.td-output-panel::-webkit-scrollbar-thumb{background:var(--scribe-bg-hover);border-radius:4px}.td-output-content::-webkit-scrollbar-thumb:hover,.td-output-panel::-webkit-scrollbar-thumb:hover{background:var(--scribe-text-muted)}[dir=rtl] .td-output-original{border-inline-end:none;border-inline-start:1px solid var(--scribe-border)}[dir=rtl] .td-output-line-num{text-align:start}@media(max-width:768px){.td-output-sbs{grid-template-columns:1fr}.td-output-original{border-inline-end:none;border-bottom:1px solid var(--scribe-border)}.td-output-content{max-height:32rem}}