.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}}.text-diff-page{width:100%;padding:var(--space-2) 0 0 0;box-sizing:border-box}.text-diff-page .content-wrapper{box-sizing:border-box}.tdp-main{padding:1rem 0}.td-page-content{--scribe-bg-primary: #18181b;--scribe-bg-secondary: #27272a;--scribe-bg-tertiary: #3f3f46;--scribe-text-primary: #fafafa;--scribe-text-secondary: #d4d4d8;--scribe-text-muted: #a1a1aa;--scribe-border: #3f3f46;display:flex;flex-direction:column;gap:var(--space-4);padding:1rem 0 1.5rem}[data-theme=light] .td-page-content{--scribe-bg-primary: #ffffff;--scribe-bg-secondary: #fafafa;--scribe-bg-tertiary: #f4f4f5;--scribe-text-primary: #18181b;--scribe-text-secondary: #3f3f46;--scribe-text-muted: #71717a;--scribe-border: #e4e4e7}.td-content-section{background:var(--scribe-bg-secondary);border-radius:.875rem;border:1px solid var(--scribe-border);padding:var(--space-3) var(--space-4)}.td-content-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--scribe-text-primary);`margin: 0 0 var(--space-3)}.td-content-title i{color:var(--brand-color);font-size:var(--text-base)}.td-steps{display:flex;flex-direction:column;gap:var(--space-4)}.td-step{display:flex;gap:var(--space-4);align-items:flex-start}.td-step-number{width:var(--space-8);height:var(--space-8);min-width:var(--space-8);display:flex;align-items:center;justify-content:center;background:rgba(var(--brand-color-rgb),.1);border:2px solid var(--brand-color);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--brand-color)}.td-step-content h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--scribe-text-primary);margin:0 0 .375rem}.td-step-content p{font-size:var(--text-sm);color:var(--scribe-text-secondary);margin:0;line-height:var(--leading-normal)}.td-highlights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media(max-width:37.5rem){.td-highlights-grid{grid-template-columns:1fr}}.td-highlight-card{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--scribe-bg-primary);border-radius:var(--radius-lg)}.td-highlight-card>i{width:var(--space-8);height:var(--space-8);min-width:var(--space-8);display:flex;align-items:center;justify-content:center;background:rgba(var(--brand-color-rgb),.1);border-radius:var(--radius-lg);color:var(--brand-color);font-size:var(--text-sm)}.td-highlight-text h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--scribe-text-primary);margin:0 0 .25rem}.td-highlight-text p{font-size:var(--text-xs);color:var(--scribe-text-secondary);margin:0;line-height:var(--leading-snug)}.td-faq-list{display:flex;flex-direction:column;gap:var(--space-2)}.td-faq-item{background:var(--scribe-bg-primary);border-radius:var(--radius-lg);overflow:hidden}.td-faq-question{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--scribe-text-primary);cursor:pointer;list-style:none;transition:background var(--transition-base)}.td-faq-question::-webkit-details-marker{display:none}.td-faq-question:hover{background:var(--scribe-bg-tertiary)}.td-faq-question i{font-size:var(--text-xs);color:var(--scribe-text-muted);transition:transform var(--transition-base)}.td-faq-item[open] .td-faq-question i{transform:rotate(180deg)}[dir=rtl] .td-faq-item[open] .td-faq-question i{transform:rotate(-180deg)}.td-faq-answer{padding:var(--space-1) var(--space-4) var(--space-3);font-size:var(--text-sm);color:var(--scribe-text-secondary);line-height:var(--leading-relaxed)}.td-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}@media(max-width:37.5rem){.td-features-grid{grid-template-columns:1fr}}.td-feature-card{background:var(--scribe-bg-primary);border-radius:var(--radius-xl);padding:var(--space-3);transition:transform var(--transition-base)}.td-feature-card:hover{transform:translateY(-2px)}.td-feature-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.td-feature-icon{width:var(--space-8);height:var(--space-8);min-width:var(--space-8);display:flex;align-items:center;justify-content:center;background:rgba(var(--brand-color-rgb),.1);border-radius:var(--radius-lg)}.td-feature-icon i{font-size:var(--text-sm);color:var(--brand-color)}.td-feature-card h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--scribe-text-primary);margin:0}.td-feature-card p{font-size:var(--text-sm);color:var(--scribe-text-secondary);margin:0;line-height:var(--leading-normal)}.td-about-content{display:flex;flex-direction:column;gap:var(--space-4)}.td-about-content>p{font-size:var(--text-sm);color:var(--scribe-text-secondary);line-height:var(--leading-relaxed);margin:0}.td-about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media(max-width:48rem){.td-about-grid{grid-template-columns:1fr}}.td-about-item{background:var(--scribe-bg-primary);border-radius:var(--radius-lg);padding:var(--space-4)}.td-about-item h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--scribe-text-primary);margin:0 0 .5rem}.td-about-item p{font-size:var(--text-sm);color:var(--scribe-text-secondary);line-height:var(--leading-normal);margin:0}[dir=rtl] .td-faq-answer{text-align:right}
