.text-diff-tool{max-width:var(--tool-container-max-width, 1600px);margin:0 auto;padding:2rem}.text-diff-tool .tool-header{text-align:center;margin-bottom:2rem}.text-diff-tool .tool-header h1{color:var(--primary-color);margin-bottom:.5rem}.text-diff-tool .tool-header p{color:#999;font-size:1.1rem}.text-diff-tool .controls-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px}.text-diff-tool .view-modes{display:flex;gap:.5rem}.text-diff-tool .mode-btn{padding:.5rem 1rem;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;transition:all .2s;font-size:.875rem}.text-diff-tool .mode-btn:hover{background:#f0f0f0}.text-diff-tool .mode-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.text-diff-tool .options{display:flex;gap:1rem;flex-wrap:wrap}.text-diff-tool .option-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.text-diff-tool .option-toggle input{cursor:pointer}.text-diff-tool .sample-buttons{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.text-diff-tool .sample-buttons span{color:#999;font-size:.875rem}.text-diff-tool .sample-buttons button{padding:.4rem .8rem;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s}.text-diff-tool .sample-buttons button:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.text-diff-tool .input-section h3{font-size:1.15rem;font-weight:700;color:var(--gray-900);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary);letter-spacing:.03em}.input-section{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;margin-bottom:2rem}.text-diff-tool .input-panel{display:flex;flex-direction:column}.text-diff-tool .input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.text-diff-tool .input-header label{font-weight:600;color:#333}.text-diff-tool .input-header .char-count{font-size:.85rem;color:#888}.text-diff-tool .input-panel textarea{width:100%;height:200px;padding:1rem;border:1px solid #ddd;border-radius:8px;font-family:Consolas,Monaco,monospace;font-size:.875rem;resize:vertical;background:#1e1e1e;color:#d4d4d4}.text-diff-tool .input-panel textarea::placeholder{color:#999}.text-diff-tool .swap-button-container{display:flex;align-items:center;justify-content:center}.text-diff-tool .swap-btn{width:40px;height:40px;border:2px solid var(--primary-color);background:#fff;border-radius:50%;cursor:pointer;font-size:1.2rem;color:var(--primary-color);transition:all .2s}.text-diff-tool .swap-btn:hover{background:var(--primary-color);color:#fff;transform:rotate(180deg)}.text-diff-tool .action-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.text-diff-tool .action-buttons button{padding:.6rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;transition:all .2s}.text-diff-tool .clear-btn{background:#f0f0f0;color:#999}.text-diff-tool .clear-btn:hover{background:#e0e0e0}.text-diff-tool .copy-btn{background:var(--primary-color);color:#fff}.text-diff-tool .copy-btn:hover:not(:disabled){opacity:.9}.text-diff-tool .copy-btn:disabled{background:#ccc;cursor:not-allowed}.text-diff-tool .stats-bar{display:flex;justify-content:center;gap:var(--tool-content-gap, 2rem);padding:1rem;background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem}.text-diff-tool .stat{text-align:center}.text-diff-tool .stat-label{display:block;font-size:.8rem;color:#999;margin-bottom:.25rem}.text-diff-tool .stat-value{font-size:1.2rem;font-weight:600}.text-diff-tool .stat-value.unchanged{color:#999}.text-diff-tool .stat-value.removed{color:#d73a49}.text-diff-tool .stat-value.added{color:#22863a}.text-diff-tool .stat-value.total{color:var(--primary-color)}.text-diff-tool .diff-output{margin-bottom:2rem}.text-diff-tool .diff-side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.text-diff-tool .diff-panel{border:1px solid #ddd;border-radius:8px;overflow:hidden}.text-diff-tool .diff-panel-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid #ddd;font-weight:600}.text-diff-tool .line-count{font-size:.85rem;font-weight:400;color:#999}.text-diff-tool .diff-content{max-height:400px;overflow-y:auto;font-family:Consolas,Monaco,monospace;font-size:.85rem;background:#1e1e1e}.text-diff-tool .diff-line{display:flex;padding:0;border-bottom:1px solid #333;min-height:24px}.text-diff-tool .diff-line:last-child{border-bottom:none}.text-diff-tool .diff-line .line-number{min-width:45px;padding:.25rem .5rem;text-align:right;color:#999;background:#ffffff14;border-right:1px solid #333;-webkit-user-select:none;user-select:none}.text-diff-tool .diff-line .line-content{flex:1;padding:.25rem .75rem;color:#d4d4d4;white-space:pre;overflow-x:auto}.text-diff-tool .diff-line.removed{background:#d73a4933}.text-diff-tool .diff-line.removed .line-content{color:#f97583}.text-diff-tool .diff-line.added{background:#22863a33}.text-diff-tool .diff-line.added .line-content{color:#85e89d}.text-diff-tool .diff-line.placeholder{background:#252525}.text-diff-tool .diff-inline{border:1px solid #ddd;border-radius:8px;overflow:hidden}.text-diff-tool .diff-inline .line-numbers-inline{display:flex;min-width:80px;background:#ffffff14;border-right:1px solid #333}.text-diff-tool .diff-inline .line-numbers-inline span{width:40px;padding:.25rem .5rem;text-align:right;color:#999;font-size:.8rem}.text-diff-tool .diff-indicator{width:20px;text-align:center;font-weight:700;color:#888;padding:.25rem 0}.text-diff-tool .diff-line.removed .diff-indicator{color:#f97583}.text-diff-tool .diff-line.added .diff-indicator{color:#85e89d}.text-diff-tool .diff-unified{border:1px solid #ddd;border-radius:8px;overflow:hidden}.text-diff-tool .diff-unified .diff-panel-header .removed-count{color:#d73a49;margin-right:1rem}.text-diff-tool .diff-unified .diff-panel-header .added-count{color:#22863a}.text-diff-tool .diff-content.unified{margin:0;padding:0}.text-diff-tool .no-diff{text-align:center;padding:2rem;background:#f8f9fa;border-radius:8px;color:#999}.text-diff-tool .save-section{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.text-diff-tool .save-section h3{margin-bottom:1rem;color:#333}.text-diff-tool .save-controls{display:flex;gap:.5rem;margin-bottom:1rem}.text-diff-tool .save-controls input{flex:1;padding:.5rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem}.text-diff-tool .save-controls button{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:opacity .2s}.text-diff-tool .save-controls button:disabled{background:#ccc;cursor:not-allowed}.text-diff-tool .save-controls button:hover:not(:disabled){opacity:.9}.text-diff-tool .saved-list h4{font-size:.875rem;color:#999;margin-bottom:.75rem}.text-diff-tool .saved-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:4px;margin-bottom:.5rem}.text-diff-tool .saved-info{display:flex;flex-direction:column;gap:.25rem}.text-diff-tool .saved-name{font-weight:500}.text-diff-tool .saved-date{font-size:.8rem;color:#888}.text-diff-tool .saved-actions{display:flex;gap:.5rem}.text-diff-tool .saved-actions button{padding:.4rem .8rem;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s}.text-diff-tool .saved-actions button:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.text-diff-tool .saved-actions .delete-btn:hover{background:#d73a49;border-color:#d73a49}.text-diff-tool .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.text-diff-tool .feature-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #00000014;text-align:center;transition:transform .2s}.text-diff-tool .feature-card:hover{transform:translateY(-2px)}.text-diff-tool .feature-icon{font-size:2rem;margin-bottom:.75rem}.text-diff-tool .feature-card h3{color:#333;margin-bottom:.5rem;font-size:1rem}.text-diff-tool .feature-card p{color:#999;font-size:.875rem;margin:0}.text-diff-tool .tips-section{background:#e8f4fd;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.text-diff-tool .tips-section h3{color:var(--primary-color);margin-bottom:1rem}.text-diff-tool .tips-section ul{margin:0;padding-left:1.5rem}.text-diff-tool .tips-section li{margin-bottom:.5rem;color:#444}.text-diff-tool .tips-section li strong{color:#333}.text-diff-tool .cta-section{background:linear-gradient(135deg,var(--primary-color),#2980b9);color:#fff;padding:2rem;border-radius:8px;text-align:center}.text-diff-tool .cta-section h3{margin-bottom:.5rem}.text-diff-tool .cta-section p{margin-bottom:1.5rem;opacity:.9}.text-diff-tool .cta-button{display:inline-block;padding:.75rem 2rem;background:#fff;color:var(--primary-color);text-decoration:none;border-radius:6px;font-weight:600;transition:transform .2s}.text-diff-tool .cta-button:hover{transform:scale(1.05)}@media (max-width: 1023px){.text-diff-tool .diff-side-by-side{grid-template-columns:1fr}}@media (max-width: 768px){.text-diff-tool{padding:1rem}.text-diff-tool .controls-bar{flex-direction:column;align-items:stretch}.text-diff-tool .view-modes,.text-diff-tool .options{justify-content:center}.text-diff-tool .input-section h3{font-size:1.15rem;font-weight:700;color:var(--gray-900);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary);letter-spacing:.03em}.input-section{grid-template-columns:1fr}.input-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.text-diff-tool .swap-button-container{transform:rotate(90deg);padding:1rem 0}.text-diff-tool .stats-bar{flex-wrap:wrap;gap:1rem}.text-diff-tool .stat{min-width:80px}}