.side-by-side-diff{max-width:1000px;margin:0 auto;padding:30px 16px;text-align:center}.textarea-wrapper{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}textarea{width:100%;max-width:450px;height:200px;font-family:monospace;padding:10px;font-size:14px;border-radius:5px;border:1px solid #ccc}button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-bottom:20px}.diff-table{display:flex;flex-direction:column;gap:4px;border-top:1px solid #ccc}.diff-row,.table-header{display:flex;width:100%}.diff-row>.line,.table-header>div{width:50%;padding:6px 10px;font-family:monospace;white-space:pre-wrap;word-break:break-word;border-right:1px solid #e0e0e0}.table-header>div{background-color:#f0f0f0;font-weight:700;border-bottom:1px solid #ccc}.diff-row.match .line{background-color:#e6ffe6}.diff-row.diff .line{background-color:#ffe6e6}