.text-comparison-section{padding:2rem 50px}.text-comparison-section .title{font-size:2rem;font-weight:700;color:var(--gray-900);position:relative;display:inline-block;padding-bottom:.5rem}.text-comparison-section .title:before{content:"🔍";padding-right:2px}.text-comparison-section .subtitle{width:100%;margin-bottom:2rem}.text-comparison-section .text-comparison-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem}@media (max-width: 768px){.text-comparison-container{grid-template-columns:1fr}}.text-input-column{display:flex;flex-direction:column}.text-column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.text-column-title{font-size:1.2rem;color:var(--gray-900);font-weight:600}.character-count{font-size:.9rem;color:var(--gray-400)}.text-editor{width:100%;min-height:300px;border-radius:8px;padding:1rem;font-size:1rem;line-height:1.5;resize:vertical;transition:var(--transition)}.text-editor:focus{outline:none;border-color:var(--gray-900);box-shadow:0 0 0 3px #4361ee1a}.text-editor.highlighted{background-color:var(--white)}.comparison-options{display:flex;flex-wrap:wrap;gap:1.5rem;margin:2rem 0;justify-content:center}.option-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.option-label{display:flex;align-items:center;cursor:pointer;font-size:1rem;-webkit-user-select:none;user-select:none;padding:.5rem 1rem;border-radius:20px;background-color:var(--gray-100);transition:var(--transition);color:var(--gray-900)}.option-checkbox:checked+.option-label{background-color:var(--gray-900);color:var(--white)}.checkbox-custom{margin-right:.5rem;width:18px;height:18px;border-radius:50%;border:2px solid currentColor;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition)}.option-checkbox:checked+.option-label .checkbox-custom:after{content:"";display:block;width:10px;height:10px;border-radius:50%;background-color:var(--white)}.action-container{display:flex;flex-direction:column;align-items:center;margin-top:2rem}.compare-button{background:linear-gradient(to right,var(--gray-900),var(--blue-700));color:var(--white);border:none;border-radius:8px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 10px #4361ee4d;min-width:200px}.compare-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #4361ee66}.compare-button:active{transform:translateY(0)}.result-container{margin-top:2rem;text-align:center;opacity:0;transition:var(--transition);max-height:0;overflow:hidden}.result-container.visible{opacity:1;max-height:500px;padding:1.5rem;background-color:var(--white);border-radius:8px;box-shadow:var(--box-shadow)}.result-title{font-size:1.5rem;margin-bottom:1rem}.identical{color:var(--green-600)}.different{color:var(--orange-700)}.similarity-meter{height:8px;width:100%;background-color:var(--gray-200);border-radius:4px;margin:1rem 0;overflow:hidden;position:relative}.similarity-progress{height:100%;background:linear-gradient(to right,var(--orange-700),var(--yellow-700),var(--green-600));transition:width 1s ease-in-out}.similarity-percentage{font-size:1.5rem;font-weight:700;margin:1rem 0}.differences-section{margin-top:2rem;text-align:left;max-height:0;overflow:hidden;transition:var(--transition)}.differences-section.visible{max-height:2000px;margin-top:2rem}.differences-title{font-size:1.2rem;margin-bottom:1rem;color:var(--gray-900)}.difference-item{background-color:var(--white);border-radius:6px;padding:1rem;margin-bottom:1rem;border-left:4px solid var(--error-color)}.difference-original,.difference-modified{display:block;padding:.5rem;margin:.5rem 0;border-radius:4px;word-break:break-all}.difference-original{background-color:#ffebee;border-left:3px solid var(--orange-600)}.difference-modified{background-color:var(--gray-100);border-left:3px solid var(--green-500)}.copy-button{background-color:transparent;border:1px solid var(--gray-900);color:var(--gray-900);border-radius:4px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:var(--transition);margin-top:1rem}.copy-button:hover{background-color:var(--gray-900);color:var(--white)}.tool-buttons{display:flex;gap:1rem;margin-top:1rem;justify-content:center}.clear-button{background-color:var(--white);border:1px solid var(--gray-200);color:var(--gray-600);border-radius:8px;padding:.8rem 1.5rem;font-size:1rem;cursor:pointer;transition:var(--transition)}.clear-button:hover{background-color:var(--gray-100)}.tooltip{position:relative;display:inline-block;margin-left:.5rem}.tooltip-icon{color:var(--gray-400);cursor:pointer;font-size:1rem;font-weight:700}.tooltip-text{visibility:hidden;width:220px;background-color:var(--gray-500);color:var(--white);text-align:center;border-radius:6px;padding:8px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-110px;opacity:0;transition:opacity .3s;font-size:.8rem}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{animation:pulse .6s ease-in-out}.highlight-diff{background-color:var(--yellow-100);border-radius:3px;padding:0 2px}.highlight-same{background-color:var(--green-50);border-radius:3px;padding:0 2px}.extra-options{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:1rem}.extra-option{font-size:.9rem;padding:.3rem .8rem;background-color:var(--text-light);border-radius:4px;cursor:pointer;transition:var(--transition)}.extra-option:hover{background-color:var(--gray-100)}