.text-compare-page-container{max-width:1200px;margin:2rem auto;padding:1rem;min-height:calc(100vh - 270px)}@media(max-width:768px){.text-compare-page-container{margin:1rem auto;padding:.5rem}}.text-compare-page-container .page-header{text-align:center;margin-bottom:2rem}.text-compare-page-container .page-header .page-title{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem;transition:color .3s ease}html.dark .text-compare-page-container .page-header .page-title{color:#f8f8f2}@media(min-width:768px){.text-compare-page-container .page-header .page-title{font-size:2.5rem}}.text-compare-page-container .page-header .page-subtitle{font-size:1rem;color:#666;max-width:600px;margin:0 auto;transition:color .3s ease}html.dark .text-compare-page-container .page-header .page-subtitle{color:#bd93f9}@media(min-width:768px){.text-compare-page-container .page-header .page-subtitle{font-size:1.1rem}}.text-compare-page-container .tool-section{display:flex;flex-direction:column;gap:2rem;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s ease}html.dark .text-compare-page-container .tool-section{background:#282a36;box-shadow:0 4px 12px rgba(0,0,0,.4)}.text-compare-page-container .tool-section .input-section-with-swap{width:100%;display:grid;grid-template-columns:1fr;align-items:flex-start;grid-gap:1.5rem;gap:1.5rem}@media(min-width:768px){.text-compare-page-container .tool-section .input-section-with-swap{grid-template-columns:1fr auto 1fr}}.text-compare-page-container .tool-section .input-section-with-swap .input-area{display:flex;flex-direction:column;gap:.75rem;position:relative}.text-compare-page-container .tool-section .input-section-with-swap .input-area label{font-size:1rem;font-weight:600;color:#1a1a1a}html.dark .text-compare-page-container .tool-section .input-section-with-swap .input-area label{color:#f8f8f2}.text-compare-page-container .tool-section .text-input{min-height:300px;padding:.75rem;border:1px solid #d1d5db;width:95%;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;resize:vertical;color:#1a1a1a;background-color:#fff;transition:all .3s ease}html.dark .text-compare-page-container .tool-section .text-input{background-color:#2e313d;border-color:#44475a;color:#f8f8f2}.text-compare-page-container .tool-section .text-input::placeholder{color:#9ca3af}html.dark .text-compare-page-container .tool-section .text-input::placeholder{color:#6272a4}.text-compare-page-container .tool-section .text-input:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px rgba(26,26,26,.2)}html.dark .text-compare-page-container .tool-section .text-input:focus{border-color:#bd93f9;box-shadow:0 0 0 3px rgba(189,147,249,.2)}.text-compare-page-container .tool-section .text-input:disabled{opacity:.6;cursor:not-allowed;background-color:#e0e0e0}html.dark .text-compare-page-container .tool-section .text-input:disabled{background-color:#3a3c4e}.text-compare-page-container .tool-section .input-action-buttons{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.text-compare-page-container .tool-section .swap-button-container{display:flex;justify-content:center;align-items:center;margin:1rem 0}@media(min-width:768px){.text-compare-page-container .tool-section .swap-button-container{margin:0;grid-column:2/3;align-self:center}}.text-compare-page-container .tool-section .swap-button{background-color:#666;color:#fff;border:none;border-radius:50%;width:48px;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s ease}.text-compare-page-container .tool-section .swap-button:hover:not(:disabled){background-color:hsl(0,0%,25%);transform:rotate(180deg) scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.2)}.text-compare-page-container .tool-section .swap-button:active:not(:disabled){transform:rotate(180deg) scale(.95);box-shadow:inset 0 1px 3px rgba(0,0,0,.05)}.text-compare-page-container .tool-section .swap-button:disabled{opacity:.5;cursor:not-allowed;transform:none;background-color:#e0e0e0}html.dark .text-compare-page-container .tool-section .swap-button:disabled{background-color:#3a3c4e}html.dark .text-compare-page-container .tool-section .swap-button{background-color:#bd93f9;color:#282a36;box-shadow:0 4px 12px rgba(0,0,0,.4)}html.dark .text-compare-page-container .tool-section .swap-button:hover:not(:disabled){background-color:rgb(218.5263157895,195.3157894737,251.6842105263);box-shadow:0 4px 12px rgba(0,0,0,.4)}html.dark .text-compare-page-container .tool-section .swap-button:active:not(:disabled){box-shadow:inset 0 1px 3px rgba(0,0,0,.25)}.text-compare-page-container .tool-section .diff-summary{margin-top:1.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:1rem;background:#f9f9f9;border-radius:8px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05);transition:all .3s ease}html.dark .text-compare-page-container .tool-section .diff-summary{background:#2e313d;box-shadow:inset 0 1px 3px rgba(0,0,0,.25)}.text-compare-page-container .tool-section .diff-summary .summary-item{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;color:#1a1a1a}html.dark .text-compare-page-container .tool-section .diff-summary .summary-item{color:#f8f8f2}.text-compare-page-container .tool-section .diff-summary .summary-item.summary-added{color:#22863a}html.dark .text-compare-page-container .tool-section .diff-summary .summary-item.summary-added{color:#84cc16}.text-compare-page-container .tool-section .diff-summary .summary-item.summary-removed{color:#b31d28}html.dark .text-compare-page-container .tool-section .diff-summary .summary-item.summary-removed{color:#ef4444}.text-compare-page-container .tool-section .diff-summary .summary-item.summary-modified{color:#666}html.dark .text-compare-page-container .tool-section .diff-summary .summary-item.summary-modified{color:#bd93f9}.text-compare-page-container .tool-section .diff-summary .summary-item .summary-count{font-weight:700}.text-compare-page-container .tool-section .result-area{margin-top:1.5rem;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;min-height:200px;font-size:.9rem;line-height:1.5;color:#1a1a1a;overflow:hidden;transition:all .3s ease}html.dark .text-compare-page-container .tool-section .result-area{background-color:#282a36;border-color:#44475a;color:#f8f8f2}.text-compare-page-container .tool-section .result-area h3{padding:1rem 1.5rem;margin:0;border-bottom:1px solid #d1d5db;color:#1a1a1a;font-size:1.1rem;font-weight:600}html.dark .text-compare-page-container .tool-section .result-area h3{border-color:#44475a;color:#f8f8f2}.text-compare-page-container .tool-section .result-area .diff-output-container{font-family:Monaco,Menlo,Ubuntu Mono,monospace;white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-height:60vh;overflow-y:auto}.text-compare-page-container .tool-section .result-area .diff-output-empty{padding:2rem;text-align:center}.text-compare-page-container .tool-section .result-area .diff-output-empty .placeholder-text{font-style:italic;color:#6b7280;font-size:1rem}html.dark .text-compare-page-container .tool-section .result-area .diff-output-empty .placeholder-text{color:#a6adbb}.text-compare-page-container .tool-section .result-area .diff-line{display:flex;align-items:flex-start;padding:.25rem 1rem;min-height:1.5em;border-bottom:1px solid hsla(0,0%,40%,.1);transition:all .3s ease}.text-compare-page-container .tool-section .result-area .diff-line:last-child{border-bottom:none}.text-compare-page-container .tool-section .result-area .diff-line:hover{background-color:hsla(0,0%,40%,.05)}html.dark .text-compare-page-container .tool-section .result-area .diff-line{border-bottom:1px solid rgba(189,147,249,.1)}html.dark .text-compare-page-container .tool-section .result-area .diff-line:hover{background-color:rgba(189,147,249,.1)}.text-compare-page-container .tool-section .result-area .diff-line-group .diff-line:first-child{border-bottom:none}.text-compare-page-container .tool-section .result-area .line-number-col{flex-shrink:0;width:3.5rem;text-align:right;padding-right:.75rem;font-size:.75em;color:#6b7280;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}html.dark .text-compare-page-container .tool-section .result-area .line-number-col{color:#a6adbb}.text-compare-page-container .tool-section .result-area .line-type-indicator{flex-shrink:0;width:1.5rem;text-align:center;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.text-compare-page-container .tool-section .result-area .line-content{flex-grow:1;padding:.1rem 0;min-width:0;word-break:break-word}.text-compare-page-container .tool-section .result-area .diff-line-common{background-color:rgba(0,0,0,0);color:#1a1a1a}html.dark .text-compare-page-container .tool-section .result-area .diff-line-common{color:#f8f8f2}.text-compare-page-container .tool-section .result-area .diff-line-added{background-color:#e6ffed;color:#22863a}.text-compare-page-container .tool-section .result-area .diff-line-added .line-type-indicator{color:#22863a}html.dark .text-compare-page-container .tool-section .result-area .diff-line-added{background-color:#0d381b;color:#84cc16}html.dark .text-compare-page-container .tool-section .result-area .diff-line-added .line-type-indicator{color:#84cc16}.text-compare-page-container .tool-section .result-area .diff-line-removed{background-color:#ffeef0;color:#b31d28}.text-compare-page-container .tool-section .result-area .diff-line-removed .line-type-indicator{color:#b31d28}html.dark .text-compare-page-container .tool-section .result-area .diff-line-removed{background-color:#4c0f18;color:#ef4444}html.dark .text-compare-page-container .tool-section .result-area .diff-line-removed .line-type-indicator{color:#ef4444}.text-compare-page-container .tool-section .result-area .diff-line-modified-original{background-color:#ffeef0;color:#b31d28}.text-compare-page-container .tool-section .result-area .diff-line-modified-original .line-type-indicator{color:#b31d28}html.dark .text-compare-page-container .tool-section .result-area .diff-line-modified-original{background-color:#4c0f18;color:#ef4444}html.dark .text-compare-page-container .tool-section .result-area .diff-line-modified-original .line-type-indicator{color:#ef4444}.text-compare-page-container .tool-section .result-area .diff-line-modified-changed{background-color:#e6ffed;color:#22863a}.text-compare-page-container .tool-section .result-area .diff-line-modified-changed .line-type-indicator{color:#22863a}html.dark .text-compare-page-container .tool-section .result-area .diff-line-modified-changed{background-color:#0d381b;color:#84cc16}html.dark .text-compare-page-container .tool-section .result-area .diff-line-modified-changed .line-type-indicator{color:#84cc16}.text-compare-page-container .tool-section .result-area .diff-word-add{background-color:#abf2bc;color:#22863a;padding:1px 2px;border-radius:4px;transition:all .3s ease}html.dark .text-compare-page-container .tool-section .result-area .diff-word-add{background-color:#1dcc49;color:#bbf7d0}.text-compare-page-container .tool-section .result-area .diff-word-del{background-color:#f7b4b7;color:#b31d28;padding:1px 2px;border-radius:4px;text-decoration:line-through;transition:all .3s ease}html.dark .text-compare-page-container .tool-section .result-area .diff-word-del{background-color:#8c262e;color:#f87171}.text-compare-page-container .tool-section .action-button{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.2rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:1px solid #d1d5db;white-space:nowrap}.text-compare-page-container .tool-section .action-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.text-compare-page-container .tool-section .action-button:active:not(:disabled){transform:translateY(0);box-shadow:none}.text-compare-page-container .tool-section .action-button:disabled{opacity:.5;cursor:not-allowed;transform:none;background-color:#e0e0e0}html.dark .text-compare-page-container .tool-section .action-button:disabled{background-color:#3a3c4e}.text-compare-page-container .tool-section .action-button.copy-button{background-color:#1a1a1a;color:#fff;border-color:#1a1a1a}.text-compare-page-container .tool-section .action-button.copy-button:hover:not(:disabled){background-color:#333;border-color:#333}html.dark .text-compare-page-container .tool-section .action-button.copy-button{background-color:#f8f8f2;color:#282a36;border-color:#f8f8f2}html.dark .text-compare-page-container .tool-section .action-button.copy-button:hover:not(:disabled){background-color:#44475a;border-color:#44475a}.text-compare-page-container .tool-section .action-button.clear-button{background-color:#fff;color:#1a1a1a;border-color:#d1d5db}.text-compare-page-container .tool-section .action-button.clear-button:hover:not(:disabled){background-color:#f9f9f9;border-color:#666}html.dark .text-compare-page-container .tool-section .action-button.clear-button{background-color:#282a36;color:#f8f8f2;border-color:#44475a}html.dark .text-compare-page-container .tool-section .action-button.clear-button:hover:not(:disabled){background-color:#2e313d;border-color:#bd93f9}@media(max-width:640px){.text-compare-page-container .tool-section{padding:1rem;gap:1.5rem}.text-compare-page-container .tool-section .input-section-with-swap{gap:1rem}.text-compare-page-container .tool-section .input-action-buttons{justify-content:stretch;gap:.5rem}.text-compare-page-container .tool-section .input-action-buttons .action-button{flex:1 1;justify-content:center;padding:.6rem .8rem;font-size:.8rem}.text-compare-page-container .tool-section .diff-summary{gap:1rem;padding:.75rem}.text-compare-page-container .tool-section .diff-summary .summary-item{font-size:.85rem}.text-compare-page-container .tool-section .result-area .line-number-col{width:2.5rem;font-size:.7em}.text-compare-page-container .tool-section .result-area .line-type-indicator{width:1.2rem}.text-compare-page-container .tool-section .result-area .line-content{font-size:.8rem}.text-compare-page-container .tool-section .text-input{min-height:250px}}@media(max-width:480px){.text-compare-page-container{margin:.5rem auto;padding:.25rem}.text-compare-page-container .page-header{margin-bottom:1.5rem}.text-compare-page-container .page-header .page-title{font-size:1.5rem}.text-compare-page-container .page-header .page-subtitle{font-size:.9rem}.text-compare-page-container .tool-section{padding:.75rem}.text-compare-page-container .tool-section .input-area label{font-size:.9rem}.text-compare-page-container .tool-section .text-input{min-height:200px;font-size:.8rem}.text-compare-page-container .tool-section .swap-button{width:40px;height:40px}}.text-compare-page-container .diff-output-container::-webkit-scrollbar,.text-compare-page-container .text-input::-webkit-scrollbar{width:8px;height:8px}.text-compare-page-container .diff-output-container::-webkit-scrollbar-track,.text-compare-page-container .text-input::-webkit-scrollbar-track{background:#f9f9f9;border-radius:4px}html.dark .text-compare-page-container .diff-output-container::-webkit-scrollbar-track,html.dark .text-compare-page-container .text-input::-webkit-scrollbar-track{background:#2e313d}.text-compare-page-container .diff-output-container::-webkit-scrollbar-thumb,.text-compare-page-container .text-input::-webkit-scrollbar-thumb{background:#666;border-radius:4px}.text-compare-page-container .diff-output-container::-webkit-scrollbar-thumb:hover,.text-compare-page-container .text-input::-webkit-scrollbar-thumb:hover{background:hsl(0,0%,30%)}html.dark .text-compare-page-container .diff-output-container::-webkit-scrollbar-thumb,html.dark .text-compare-page-container .text-input::-webkit-scrollbar-thumb{background:#bd93f9}html.dark .text-compare-page-container .diff-output-container::-webkit-scrollbar-thumb:hover,html.dark .text-compare-page-container .text-input::-webkit-scrollbar-thumb:hover{background:rgb(218.5263157895,195.3157894737,251.6842105263)}.text-compare-page-container .action-button:focus-visible,.text-compare-page-container .swap-button:focus-visible,.text-compare-page-container .text-input:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}html.dark .text-compare-page-container .action-button:focus-visible,html.dark .text-compare-page-container .swap-button:focus-visible,html.dark .text-compare-page-container .text-input:focus-visible{outline-color:#f8f8f2}@media(prefers-reduced-motion:no-preference){.text-compare-page-container .swap-button{transition:all .3s cubic-bezier(.4,0,.2,1)}.text-compare-page-container .diff-line{transition:background-color .2s ease}.text-compare-page-container .action-button{transition:all .2s cubic-bezier(.4,0,.2,1)}}@media print{.text-compare-page-container{box-shadow:none}.text-compare-page-container .tool-section{box-shadow:none;border:1px solid #000}.text-compare-page-container .input-action-buttons,.text-compare-page-container .swap-button-container{display:none}.text-compare-page-container .text-input{border:1px solid #000;background:#fff!important;color:#000!important}}