html{width: 100%; height: 100%; background: linear-gradient(to bottom, #777 0%,#222 100%);}
body{text-align: center; padding: 40px; font-family: 'Source Sans Pro', sans-serif; font-size: 15px;}
.wrapper{padding: 20px; margin: auto; max-width: 600px; background: linear-gradient(to bottom, #f7fbfc 0%,#DBF0F5 100%); border: 1px solid #f7fbfc; border-radius: 20px; box-shadow: 0 5px 20px rgba(0,0,0,0.6);}
input{font-family: inherit;}
input.suffix{border: none; border-bottom: 1px dashed #888; font-size: 15px; border-radius: 4px;}
button.download{font-size: 19px; padding: 10px 30px; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,0.6); background: linear-gradient(to bottom, #b9fc7b 0%,#28a515 100%); border: 1px solid #28a515; border-radius: 10px; box-shadow: 0 3px 8px rgba(0,0,0,0.4)}
label.disabled{color: #ccc;}
.alert, .tip, .error{width: auto; max-width: 300px; margin: 10px auto; padding: 10px; text-align: center; background: #FFEA81; border: 1px solid #FFAA00; border-radius: 10px;}
.tip{background: #E3FFB2; border: 1px solid #B4FF3B;}
.error{background: #FF9D5F; border: 1px solid #FF7117;}
.small{font-size: 11px;}