body,html{padding:0;margin:0;min-width:100%;min-height:100%}html{background:rgba(0,0,0,.03)}*{font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}.modern_browser_notice{padding:15px;margin-bottom:20px;color:red;border:1px solid currentColor;border-radius:5px}.text2pic{margin:0 auto;padding:20px;max-width:700px}.upload{display:flex}.upload input{display:none}.upload label{flex-shrink:1;align-self:flex-start}.upload .error{display:inline-block;float:right;color:red;font-size:14px;padding:10px}.preview{display:none;position:relative;width:100%;margin:0 0 15px;background:rgba(0,0,0,.04)}.preview canvas{display:block;max-width:100%;height:auto}.button{color:#41abd5;border:1px solid currentColor;border-radius:5px;padding:10px 15px;cursor:pointer;white-space:nowrap}.button:hover{background:#41abd5;color:#fff}.rotate{position:absolute;top:5px;right:5px;display:block;padding:0;width:40px;height:40px;text-align:center;line-height:40px;vertical-align:middle;font-size:30px;cursor:pointer;color:#41abd5;border-radius:10px;border:1px solid currentColor}a{color:#41abd5;text-decoration:none}section{padding:15px 0}textarea{resize:none;width:100%;padding:10px;font-size:16px;border:1px solid rgba(0,0,0,.04);color:#41abd5}.copyleft{padding:40px 0 20px;font-size:12px}.text{position:relative;margin-top:10px;padding-right:40px}.colorpicker{position:absolute;top:0;right:40px;height:94px}.colorpicker span{position:absolute;top:0;left:0;display:block;width:40px;height:100%}.colorpicker .textColor{width:20px;height:20px;top:auto;bottom:10px;left:10px}.colorpicker .huebee__container{left:auto;right:-30px}@media all and (max-width:640px){.upload{flex-direction:column}}