:root{color:#111827;background:#f7f8fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#f7f8fa;margin:0}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.page{background:#f7f8fa;min-height:100vh}.app-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-bottom:1px solid #e5e7eb;align-items:center;min-height:68px;padding:0 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;display:flex}.brand-icon{color:#fff;background:#111827;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;font-weight:700;display:flex}.brand-name{letter-spacing:-.2px;font-size:16px;font-weight:750}.brand-subtitle{color:#8b95a5;margin-top:2px;font-size:10px}.app-layout{grid-template-columns:minmax(150px,180px) minmax(0,900px) minmax(150px,180px);justify-content:center;gap:18px;width:100%;padding:24px 18px 0;display:grid}.ad-panel{min-width:0}.ad-label{text-align:center;color:#9ca3af;letter-spacing:.8px;text-transform:uppercase;margin-bottom:7px;font-size:8px;font-weight:600}.ad-box{background:#fff;border:1px solid #e5e7eb;border-radius:9px;justify-content:center;align-items:flex-start;width:100%;min-height:540px;display:flex;overflow:hidden}.container{width:100%;min-width:0}.hero{padding:20px 4px 24px}.hero-badge{color:#6b7280;text-transform:uppercase;letter-spacing:.6px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;margin-bottom:10px;padding:5px 9px;font-size:9px;font-weight:650;display:inline-flex}.hero h1{color:#111827;letter-spacing:-1.4px;margin:0;font-size:clamp(28px,4vw,42px);line-height:1.1}.hero p{color:#6b7280;max-width:680px;margin:12px 0 0;font-size:13px;line-height:1.7}.editors{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.editor-panel{background:#fff;border:1px solid #e1e5eb;border-radius:11px;overflow:hidden;box-shadow:0 2px 8px #00000006}.editor-header{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:10px;min-height:46px;padding:0 13px;display:flex}.editor-title{color:#1f2937;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.editor-dot{border-radius:50%;width:7px;height:7px}.editor-dot.original{background:#94a3b8}.editor-dot.modified{background:#2563eb}.editor-actions{align-items:center;gap:10px;display:flex}.editor-meta{color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;font-size:9px}.clear-button{color:#7c8ba1;background:0 0;border:0;padding:4px 7px;font-size:9px}.clear-button:hover:not(:disabled){color:#111827;background:#f3f4f6;border-radius:5px}.editor-panel textarea{resize:vertical;color:#1f2937;tab-size:4;background:#fff;border:0;outline:0;width:100%;height:300px;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.65;display:block}.editor-panel textarea::placeholder{color:#b3bac5}.editor-footer{color:#a0a8b5;border-top:1px solid #edf0f3;padding:7px 13px;font-size:9px}.action-bar{justify-content:center;align-items:center;gap:8px;padding:18px 0;display:flex}.compare-button,.clear-all-button{border-radius:7px;min-height:38px;padding:0 17px;font-size:11px;font-weight:650}.compare-button{color:#fff;background:#111827;border:0}.compare-button:hover:not(:disabled){background:#000}.clear-all-button{color:#64748b;background:#fff;border:1px solid #dce1e8}.clear-all-button:hover:not(:disabled){color:#111827;background:#f8fafc}.summary{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px;display:grid}.stat{background:#fff;border:1px solid #e1e5eb;border-radius:10px;flex-direction:column;justify-content:center;min-height:68px;padding:10px 13px;display:flex}.stat-label{color:#9ca3af;letter-spacing:.5px;text-transform:uppercase;font-size:8px;font-weight:650}.stat-value{color:#111827;margin-top:4px;font-size:18px;font-weight:750}.added-stat .stat-value{color:#159447}.removed-stat .stat-value{color:#dc3b3b}.restored-stat .stat-value{color:#2563eb}.result{background:#fff;border:1px solid #e1e5eb;border-radius:13px;margin-bottom:14px;overflow:hidden;box-shadow:0 2px 9px #00000006}.result-header{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:14px 17px;display:flex}.result-title{color:#111827;font-size:15px;font-weight:750}.result-subtitle{color:#9ca3af;margin-top:4px;font-size:10px}.result-actions{align-items:center;gap:7px;display:flex}.copy-button,.clear-result-button{border-radius:6px;min-height:31px;padding:0 11px;font-size:10px;font-weight:650}.copy-button{color:#fff;background:#111827;border:0}.copy-button:hover:not(:disabled){background:#000}.clear-result-button{color:#8290a4;background:0 0;border:0}.clear-result-button:hover{color:#111827;background:#f3f4f6}.review-tip{background:#f8fafc;border:1px solid #e8edf2;border-radius:8px;align-items:flex-start;gap:10px;margin:14px 17px;padding:11px 12px;display:flex}.review-tip-icon{color:#0369a1;background:#e0f2fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.review-tip strong{color:#334155;font-size:10px;display:block}.review-tip span:last-child{color:#94a3b8;margin-top:2px;font-size:9px;line-height:1.5;display:block}.no-changes{text-align:center;background:#fafbfc;border:1px dashed #d9dee6;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;margin:14px 17px 17px;padding:30px 20px;display:flex}.no-changes-icon{color:#15803d;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:8px;font-weight:800;display:flex}.no-changes strong{font-size:11px}.no-changes span{color:#9ca3af;margin-top:3px;font-size:9px}.change-list{flex-direction:column;gap:10px;padding:0 17px 17px;display:flex}.change-card{background:#fff;border:1px solid #e3e7ec;border-radius:9px;transition:opacity .15s,box-shadow .15s;overflow:hidden}.change-card:hover{box-shadow:0 3px 12px #0000000b}.change-added{border-left:3px solid #22a35a}.change-removed{border-left:3px solid #ef4444}.change-rejected{opacity:.68}.change-restored{border-left-color:#2563eb}.change-card-top{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:0 11px;display:flex}.change-type{color:#475569;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.change-added .change-type{color:#15803d}.change-removed .change-type{color:#dc2626}.change-restored .change-type{color:#2563eb}.change-type-icon{border-radius:5px;justify-content:center;align-items:center;width:21px;height:21px;font-size:12px;font-weight:800;display:flex}.change-added .change-type-icon{background:#dcfce7}.change-removed .change-type-icon{background:#fee2e2}.change-restored .change-type-icon{background:#dbeafe}.change-line-number{color:#9ca3af;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.change-code{background:#fafafa;min-width:0;display:flex}.change-code-number{color:#9ca3af;-webkit-user-select:none;user-select:none;background:#f3f4f6;border-right:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;align-items:flex-start;width:47px;padding:10px 9px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;display:flex}.change-code pre{color:#334155;white-space:pre;tab-size:4;flex:1;min-width:0;margin:0;padding:10px 13px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:11px;line-height:1.65;overflow-x:auto}.change-added .change-code{background:#f0fdf4}.change-added .change-code-number{color:#15803d;background:#dcfce7}.change-removed .change-code{background:#fef2f2}.change-removed .change-code-number{color:#dc2626;background:#fee2e2}.change-removed .change-code pre{color:#991b1b;text-decoration:line-through}.change-rejected .change-code{background:#f8fafc}.change-rejected .change-code pre{color:#94a3b8}.change-restored .change-code{background:#eff6ff}.change-restored .change-code-number{color:#2563eb;background:#dbeafe}.change-restored .change-code pre{color:#1d4ed8;text-decoration:none}.change-card-footer{background:#fff;border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:12px;min-height:45px;padding:7px 11px;display:flex}.change-help-text{color:#94a3b8;font-size:9px}.rejected-text{color:#dc2626}.restored-text{color:#2563eb}.change-action{border-radius:6px;flex-shrink:0;min-height:28px;padding:0 10px;font-size:9px;font-weight:650}.remove-action{color:#dc2626;background:#fff;border:1px solid #fecaca}.remove-action:hover{background:#fef2f2}.restore-action{color:#2563eb;background:#fff;border:1px solid #bfdbfe}.restore-action:hover{background:#eff6ff}.keep-action{color:#15803d;background:#fff;border:1px solid #bbf7d0}.keep-action:hover{background:#f0fdf4}.review-summary{background:#fafbfc;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:12px 17px;display:flex}.review-summary-info{align-items:center;gap:9px;display:flex}.review-check{color:#15803d;background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:flex}.review-summary-info strong{color:#1f2937;font-size:10px;display:block}.review-summary-info span{color:#9ca3af;margin-top:3px;font-size:9px;display:block}.apply-button{color:#fff;background:#111827;border:0;border-radius:7px;flex-shrink:0;min-height:35px;padding:0 14px;font-size:10px;font-weight:700}.apply-button:hover{background:#000}.final-result{background:#fff;border:1px solid #e1e5eb;border-radius:13px;margin-bottom:30px;overflow:hidden;box-shadow:0 2px 9px #00000006}.final-header{background:#fafbfc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:13px 17px;display:flex}.final-title{color:#111827;font-size:15px;font-weight:750}.final-subtitle{color:#9ca3af;margin-top:4px;font-size:9px}.copy-final-button{color:#fff;background:#111827;border:0;border-radius:6px;min-height:32px;padding:0 12px;font-size:10px;font-weight:650}.copy-final-button:hover:not(:disabled){background:#000}.final-code-wrapper{max-height:430px;overflow:auto}.final-code{color:#1f2937;white-space:pre;tab-size:4;background:#fff;min-height:120px;margin:0;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:11px;line-height:1.7}.empty-final-code{color:#9ca3af;justify-content:center;align-items:center;min-height:130px;font-size:10px;display:flex}.footer-ad{width:min(900px,100% - 36px);margin:8px auto 0}.footer-ad-box{background:#fff;border:1px solid #e5e7eb;border-radius:9px;justify-content:center;align-items:center;min-height:100px;display:flex;overflow:hidden}.site-footer{color:#cbd5e1;background:radial-gradient(circle at 15% 0,#38bdf81a,#0000 30%),radial-gradient(circle at 85% 0,#635bff1a,#0000 30%),#07101f;border-top:1px solid #1e293b;width:100%;margin-top:70px}.footer-container{grid-template-columns:minmax(0,2fr) minmax(130px,1fr) minmax(130px,1fr);gap:70px;width:min(1200px,100% - 40px);margin:0 auto;padding:55px 0 45px;display:grid}.footer-brand{min-width:0}.footer-brand-title{color:#fff;letter-spacing:-.4px;align-items:center;gap:11px;font-size:21px;font-weight:750;display:flex}.footer-brand-icon{object-fit:contain;border-radius:10px;width:38px;height:38px;display:block;box-shadow:0 0 0 1px #ffffff14,0 8px 25px #00000059}.footer-brand p{color:#94a3b8;max-width:440px;margin:17px 0 12px;font-size:13px;line-height:1.75}.footer-product{color:#64748b;align-items:center;gap:7px;font-size:11px;display:inline-flex}.footer-product:before{content:"";background:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #22c55eb3}.footer-column{flex-direction:column;align-items:flex-start;gap:11px;display:flex}.footer-column h3{color:#f8fafc;letter-spacing:.4px;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.footer-column a{color:#94a3b8;width:fit-content;font-size:12px;text-decoration:none;transition:color .2s,transform .2s;position:relative}.footer-column a:hover{color:#38bdf8;transform:translate(4px)}.footer-column a:before{content:">";opacity:0;color:#38bdf8;transition:opacity .2s,left .2s;position:absolute;left:-13px}.footer-column a:hover:before{opacity:1;left:-11px}.footer-bottom{color:#64748b;border-top:1px solid #1e293b;justify-content:space-between;align-items:center;gap:20px;width:min(1200px,100% - 40px);margin:0 auto;padding:19px 0;font-size:11px;display:flex}.footer-powered{color:#64748b}.footer-powered a{color:#38bdf8;font-weight:650;text-decoration:none;transition:color .2s}.footer-powered a:hover{color:#67e8f9}@media (width<=768px){.footer-container{grid-template-columns:1fr 1fr;gap:40px;width:min(100% - 32px,600px);padding:45px 0 35px}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:100%}.footer-bottom{text-align:center;flex-direction:column;justify-content:center;gap:8px;width:min(100% - 32px,600px);padding:18px 0}}@media (width<=480px){.footer-container{grid-template-columns:1fr;gap:30px;padding:38px 0 30px}.footer-brand{grid-column:auto}.footer-brand-title{font-size:19px}.footer-brand-icon{width:34px;height:34px}.footer-column{gap:10px}}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}*{box-sizing:border-box}body{color:#111827;background:#f5f7fb;margin:0;font-family:Inter,Arial,Helvetica,sans-serif}