.zone{display:block}.list{display:block;margin:0 auto;max-width:600px}.list-item{display:block;margin:5px}.list-column{display:inline-block;vertical-align:top;width:16.66%}.list-column2{display:inline-block;vertical-align:top;width:33.33%}.list-color{display:block;background:transparent;border:#000 2px solid;height:16px}.list-name{text-align:center}.list-split{display:block;height:20px}.list-finish{display:block;height:50px}.form{display:block;margin:0 auto;max-width:600px}.form-part{display:inline-block;vertical-align:top;width:33.33%}.form-tip{display:block;text-align:center;line-height:60px}.upload{display:block;position:relative;margin:5px;border:#333 2px dashed;border-radius:10px}.upload-ok{border-color:#294}.upload-err{border-color:#a33}.upload-text{display:block;line-height:150px;text-align:center}.upload-input{display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.result{display:block;margin:0 auto;max-width:600px;padding-top:10px;padding-bottom:20px}.result-image{display:block;width:100%}.draw{display:block;margin:0 auto;max-width:800px}.draw-toolbar{display:block;text-align:left;line-height:36px;margin:5px}.draw-toolbar .button{margin:0 2px}.draw-toolbar .button-red{float:right}.draw-colors{display:block;overflow:hidden;min-height:28px;margin:5px;text-align:right}.draw-color-current{display:block;float:left;width:24px;height:24px;border:#333 2px solid;border-radius:50%;margin:2px;cursor:pointer}.draw-color-item{display:inline-block;width:24px;height:24px;border:#333 2px solid;border-radius:4px;margin:2px;cursor:pointer}.draw-wrap{display:block;text-align:center;padding:10px;margin:5px;background-color:#ddd}.draw-inner{display:block;text-align:center}.draw-inner canvas{display:inline-block}.draw-tool-active{background:#294 !important;color:#fff !important}.draw-color-picker{display:block;margin:0 auto 30px;width:200px;height:200px;cursor:pointer;border:0;padding:0;background:0}.draw-color-picker::-webkit-color-swatch-wrapper{padding:0}.draw-color-picker::-webkit-color-swatch{border:2px solid #333;border-radius:4px}.draw-color-picker::-moz-color-swatch{border:2px solid #333;border-radius:4px}.draw-export{display:block;padding:5px 0}.draw-hide{display:none !important}body.dark .list-color{border-color:#eee}body.dark .upload{border-color:#eee}body.dark .upload:hover{border-color:#ddd}body.dark .upload:active{border-color:#fff}body.dark .upload-ok{border-color:#294}body.dark .upload-ok:hover{border-color:#3a5}body.dark .upload-ok:active{border-color:#4b6}body.dark .upload-err{border-color:#a33}body.dark .upload-err:hover{border-color:#b44}body.dark .upload-err:active{border-color:#c55}body.dark .draw-color-current{border-color:#eee}body.dark .draw-color-item{border-color:#eee}body.dark .draw-wrap{background-color:#222}body.dark .draw-color-picker::-webkit-color-swatch{border-color:#eee}body.dark .draw-color-picker::-moz-color-swatch{border-color:#eee}body.dark .draw-tool-active{background:#3a5 !important;color:#fff !important}