:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f8fafc;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;justify-content:center;align-items:flex-start;min-width:320px;min-height:100vh;padding:0}h1,h2,h3{margin:0;color:#f1f5f9}*{box-sizing:border-box}:root{--bg-color: #0f172a;--surface-color: #1e293b;--border-color: #334155;--text-main: #f8fafc;--text-muted: #94a3b8;--primary: #3b82f6;--primary-hover: #2563eb;--added-bg: #064e3b;--added-text: #10b981;--removed-bg: #450a0a;--removed-text: #ef4444}.app-layout{display:flex;flex-direction:column;min-height:100vh;width:100vw;background-color:var(--bg-color);color:var(--text-main)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--surface-color);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10}.logo-container{display:flex;align-items:center;gap:.75rem}.logo-img{width:32px;height:32px;border-radius:6px;object-fit:cover}.logo-text{font-size:1.5rem;font-weight:800;letter-spacing:-.05em;color:var(--text-main);margin:0}.header-actions{display:flex;gap:.75rem}.primary-btn{background-color:var(--primary);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.primary-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.secondary-btn{background-color:transparent;color:var(--text-muted);border:1px solid var(--border-color);padding:.6rem 1.2rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.secondary-btn:hover{border-color:var(--text-muted);color:var(--text-main)}.app-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card-title-input{background-color:transparent;border:none;border-bottom:1px solid var(--border-color);padding:1rem 1.25rem;color:var(--text-main);font-weight:600;font-size:1rem;outline:none}.card textarea{background-color:transparent;border:none;padding:1.25rem;color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:.875rem;line-height:1.6;height:400px;resize:vertical;outline:none;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.result-section{display:flex;flex-direction:column;gap:1rem;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-bar{display:flex;align-items:center;gap:2rem;padding:1rem 1.5rem;background-color:#1e293b;border:1px solid var(--border-color);border-radius:8px}.stat-item{display:flex;align-items:center;gap:.5rem}.stat-label{color:var(--text-muted);font-size:.875rem}.stat-value{font-weight:700;font-size:1rem}.success-badge{margin-left:auto;background-color:#10b9811a;color:#10b981;padding:.25rem .75rem;border-radius:99px;font-size:.875rem;font-weight:600}.added-text{color:var(--added-text)}.removed-text{color:var(--removed-text)}.card-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background-color:#ffffff05}.diff-view{padding:1.5rem;font-family:JetBrains Mono,monospace;font-size:.875rem;line-height:1.8;white-space:pre-wrap;word-break:break-all;min-height:100px}.diff-span{padding:.125rem 0;border-radius:2px}.diff-span.added{background-color:var(--added-bg);color:var(--added-text)}.diff-span.removed{background-color:var(--removed-bg);color:var(--removed-text);text-decoration:line-through;opacity:.8}.newline-char{display:inline-block;opacity:.3;margin:0 2px;-webkit-user-select:none;user-select:none}.empty-state{color:var(--text-muted);text-align:center;padding:2rem}.seo-content{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-color);text-align:center}.seo-content h2{font-size:2rem;margin-bottom:2rem;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;text-align:left}.seo-card h3{color:var(--primary);font-size:1.25rem;margin-bottom:1rem}.seo-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.app-footer{padding:3rem 2rem;text-align:center;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.875rem;background-color:#0f172a}.footer-tagline{margin-top:.5rem;opacity:.6}.footer-link{color:var(--primary);text-decoration:none}.footer-link:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}@media(max-width:1024px){.input-grid{grid-template-columns:1fr}}