body,textarea{color:var(--text-color)}del,ins{padding:2px 0}:root{--bg-main:#1a1a1d;--bg-panel:#2b2b30;--text-color:#e0e0e0;--border-color:#3f3f46;--accent:#FFDD00;--diff-add-bg:rgba(46, 125, 50, 0.4);--diff-add-text:#81c784;--diff-rem-bg:rgba(198, 40, 40, 0.4);--diff-rem-text:#e57373}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);font-family:Arial,sans-serif;display:flex;flex-direction:column;min-height:100vh}.result-section,textarea{font-family:'Courier New',Courier,monospace;background-color:var(--bg-panel)}.container{max-width:1400px;margin:0 auto;padding:20px;width:100%}.actions,header{text-align:center;margin-bottom:30px}header h1{color:#fff;font-size:28px;margin-bottom:10px}header p{color:#aaa}.input-section{display:flex;gap:20px;margin-bottom:20px}.text-panel{flex:1;display:flex;flex-direction:column}.text-panel label{margin-bottom:8px;font-weight:700;color:#ccc}textarea{width:100%;height:300px;border:1px solid var(--border-color);border-radius:6px;padding:15px;font-size:14px;resize:vertical;outline:0}textarea:focus{border-color:var(--accent)}button{background-color:var(--accent);color:#000;border:none;padding:12px 30px;font-size:18px;font-weight:700;border-radius:6px;cursor:pointer;transition:.2s}button:hover{background-color:#ffea00;transform:translateY(-2px)}.result-section{border:1px solid var(--border-color);border-radius:6px;padding:20px;min-height:200px;font-size:15px;line-height:1.6;white-space:pre-wrap;word-break:break-word;display:none}ins{background-color:var(--diff-add-bg);color:var(--diff-add-text);text-decoration:none}del{background-color:var(--diff-rem-bg);color:var(--diff-rem-text);text-decoration:line-through}.seo-content{margin-top:50px;padding:20px;background-color:var(--bg-panel);border-radius:6px}.seo-content h2{margin-bottom:15px;color:#fff}.seo-content p{margin-bottom:15px;color:#ccc;line-height:1.5}@media (max-width:768px){.input-section{flex-direction:column}textarea{height:200px}}