:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}#root{max-width:1280px;margin:0 auto;padding:2rem}.header-title{font-size:2.5rem;line-height:1.1;margin-bottom:1.5rem;background:-webkit-linear-gradient(315deg,#42d392 25%,#647eff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.header-buttons{display:flex;gap:15px;justify-content:center;margin-bottom:40px}.btn-link{text-decoration:none}.btn-custom{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s;border:none;color:#fff}.btn-custom:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn-github{background-color:#24292e}.btn-github:hover{background-color:#2f363d}.btn-demo{background-color:#099bd1}.btn-demo:hover{background-color:#0eb0ec}:root{--merge-field-color: #099bd1}.merge-field{border-radius:3px;outline:1px dashed var(--merge-field-color);padding:0 0 1px}.merge-field:hover{outline:2px solid rgb(231,181,17);box-shadow:0 0 0 4px #e7b51133}.merge-field .brackets{color:var(--merge-field-color)}.merge-field-list{max-height:400px;overflow-y:auto}@media (max-width: 600px){.merge-field-list{max-height:none}}.merge-field-option{padding:8px 12px;cursor:pointer;border-radius:4px}.merge-field-option:hover{background:#fc010180;color:#fff}.merge-field-option:focus{background:#fc010180;color:#fff}