*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f8;color:#111827}.site-header{background:#111827;color:#fff;padding:18px 20px}.nav-wrap{max-width:1180px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.logo{font-size:22px;font-weight:700;color:#fff;text-decoration:none}.nav-links a{color:#d1d5db;text-decoration:none;margin-left:14px;font-size:14px}.nav-links a:hover{color:#fff}.hero{background:#111827;color:#fff;text-align:center;padding:52px 20px 34px}.hero h1{font-size:42px;margin:0}.hero p{color:#d1d5db;max-width:780px;margin:16px auto 0;font-size:18px;line-height:1.6}main{max-width:1180px;margin:30px auto;padding:0 18px}.tool-box,.content,.card{background:#fff;border-radius:14px;box-shadow:0 4px 18px rgba(0,0,0,.08);border:1px solid #e5e7eb}.tool-box,.content{padding:24px}.section{margin-top:38px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:20px}.card h3{margin-top:0}.card p{color:#4b5563;line-height:1.5}.card a,.button-link{display:inline-block;margin-top:8px;color:#fff;background:#2563eb;padding:9px 12px;border-radius:8px;text-decoration:none;font-weight:700;font-size:14px}textarea{width:100%;height:260px;padding:14px;font-family:monospace;font-size:14px;border:1px solid #cbd5e1;border-radius:10px;resize:vertical}.toolbar,.options{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;align-items:center}button,select,input[type=file],input[type=text]{padding:10px 14px;border-radius:8px;border:1px solid #cbd5e1;font-size:14px}button{border:0;cursor:pointer;font-weight:700;color:#fff}.blue{background:#2563eb}.green{background:#059669}.orange{background:#f59e0b}.red{background:#dc2626}.gray{background:#374151}.purple{background:#7c3aed}.note{font-size:14px;color:#6b7280;margin-bottom:16px}.message{font-weight:700;margin:12px 0}.output,pre{background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;padding:14px;min-height:220px;max-height:520px;overflow:auto;white-space:pre;font-family:monospace;font-size:14px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{border:1px solid #e5e7eb;padding:9px;vertical-align:top}th{background:#f3f4f6;text-align:left}.site-footer{text-align:center;padding:35px 15px;color:#6b7280;font-size:14px}.content{line-height:1.7}.added{background:#dcfce7}.removed{background:#fee2e2}.changed{background:#fef3c7}.same{background:#f9fafb}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.summary-card{padding:14px;border-radius:10px;background:#f9fafb;border:1px solid #e5e7eb;text-align:center}.summary-card strong{display:block;font-size:26px;margin-bottom:4px}@media(max-width:850px){.grid,.cards{grid-template-columns:1fr}.hero h1{font-size:32px}.nav-links a{display:inline-block;margin:6px 8px 0 0}.summary{grid-template-columns:1fr 1fr}}