.diff-container{display:flex;flex-direction:column;gap:1.5rem}.diff-mode-selector{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.diff-mode-selector label{font-weight:500;color:var(--text-secondary)}.mode-options{display:flex;gap:.5rem;background:var(--bg-secondary);padding:.25rem;border-radius:8px}.mode-btn{padding:.5rem 1rem;border:none;background:transparent;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;color:var(--text-secondary)}.mode-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 2px 4px #0000001a}.mode-btn:hover:not(.active){color:var(--text-primary)}.diff-inputs{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:start}@media(max-width:768px){.diff-inputs{grid-template-columns:1fr}.swap-btn{transform:rotate(90deg);justify-self:center}}.diff-panel{display:flex;flex-direction:column;gap:.5rem}.panel-header{font-weight:500}.diff-textarea{width:100%;min-height:200px;padding:1rem;border:1px solid var(--border-color);border-radius:8px;font-family:Menlo,Monaco,Courier New,monospace;font-size:.85rem;resize:vertical;background:var(--bg-secondary);color:var(--text-primary);line-height:1.5}.diff-textarea:focus{outline:none;border-color:var(--accent-color)}.swap-btn{width:40px;height:40px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);cursor:pointer;font-size:1.2rem;align-self:center;margin-top:1.5rem;transition:all .2s ease}.swap-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-color)}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.diff-stats{display:flex;gap:1.5rem}.stat{font-weight:600;font-size:.9rem}.stat.added{color:var(--color-success)}.stat.removed{color:var(--color-error)}.diff-result{display:flex;flex-direction:column;gap:.5rem}.diff-output{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-family:Menlo,Monaco,Courier New,monospace;font-size:.85rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto}.diff-part.added{background:#22c55e33;color:var(--color-success);text-decoration:none}.diff-part.removed{background:#ef444433;color:var(--color-error);text-decoration:line-through}.privacy-note{margin-top:2rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;text-align:center;font-size:.9rem;color:var(--text-secondary)}