@import url(https://fonts.googleapis.com/css?family=Quicksand:300&display=swap);body,html{width:100%;height:100%;margin:0;overflow:hidden;background-color:#fff;text-align:center;font-family:Quicksand,sans-serif;color:#000}.wrapper{margin:auto;max-width:880px;min-height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:80px auto 1fr 60px;grid-gap:.5em}.header-wrapper{display:flex}.io-controls{z-index:999;grid-column:2/3}.sketch-canvas,.sketch-controls,.sketch-title{grid-column:1/3}.preloader{text-align:center;top:50%;left:50%;margin-left:auto;margin-right:auto;position:absolute;transform:translate(-50%,-50%)}p{width:100%;line-height:28px}.app-logo{width:60px;margin-right:10px}.img-btn{width:.1px;height:.1px;opacity:0}.io-panel{width:290px;position:fixed;z-index:99}.paper-img{display:none}.panels{width:300px}.colour-picker{width:316px;bottom:60px;padding:15px;position:absolute;box-shadow:1px 1px 1px grey;border-radius:5px;background:#fff}