.app{margin:0 auto;max-width:1180px;padding:20px}.app-title{display:flex;justify-content:center;margin:45px 0}.app-title h1{margin:0;color:#172d4b}.app-grid{display:flex;flex-wrap:wrap;margin:0 -20px}.app-form-column,.app-preview-column{width:100%;padding:0 20px}@media(min-width:768px){.app-form-column,.app-preview-column{width:50%}.app-preview-column{margin-top:0}}.app-form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.875rem;font-weight:600;color:#172d4b}.field-input{width:100%;padding:10px 12px;border:1px solid #d9e2ef;border-radius:.25rem;font:inherit;color:#525f7f;background:#fff}.field-input:focus{outline:none;border-color:#3261ab;box-shadow:0 0 0 3px #3261ab26}.preview-box{border:0;border-radius:.25rem}*,*:before,*:after{box-sizing:border-box}body{font-family:Figtree,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left;color:#525f7f;background-color:#f8f9fe}