.text-compare-wrapper{margin-top:1.5rem}.compare-grid{gap:1rem;margin-bottom:1rem;display:flex}.compare-box{resize:vertical;border:1px solid #ccc;border-radius:8px;flex:1;width:100%;min-height:180px;padding:12px;font-family:monospace;font-size:14px}.compare-btn{color:#fff;cursor:pointer;background:#004aad;border:none;border-radius:6px;margin-bottom:1rem;padding:10px 22px;font-size:16px}.compare-btn:hover{background:#00398a}.compare-message{color:#174674;background:#eef7ff;border-radius:6px;margin-top:1rem;padding:.75rem 1rem;font-size:.95rem}.compare-result{box-sizing:border-box;background:#fafafa;border:1px solid #ddd;border-radius:8px;max-width:100%;margin-top:1.5rem;padding:1rem;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:13px;line-height:1.5;overflow-x:auto}.diff-line{white-space:pre-wrap;display:flex}.diff-line-number{text-align:right;color:#999;flex-shrink:0;width:3rem;margin-right:.5rem}.diff-line-prefix{flex-shrink:0;width:1rem;font-weight:700}.diff-line-text{word-break:break-word;white-space:pre-wrap;flex:1}.diff-unchanged .diff-line-text{background:0 0}.diff-added .diff-line-text{color:#03543f;background:#e6ffed}.diff-removed .diff-line-text{color:#8b0000;background:#ffecec;text-decoration:line-through}@media (max-width:768px){.compare-grid{flex-direction:column}.compare-box{min-height:140px;font-size:13px}.compare-result,.diff-line{font-size:12px}.diff-line-number{width:2.2rem}}