/* CSS Document */

	body{background:#000;color:#fff;padding:0;margin:0;font-family:Helvetica,"sans-serif"}
	div, input, p{box-sizing: border-box;}

	.left{width:40%;float:left;margin:20px 0 0 1%}
	
	.l{width:1920px;height:1080px;}
	.p{width:1080px;height:1920px;}

	.imagepreview{transform-origin:top left;position: relative;image-rendering: pixelated;background-image:url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMyaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA5LjEtYzAwMiA3OS5hNmE2Mzk2OGEsIDIwMjQvMDMvMDYtMTE6NTI6MDUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNS4xMSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3QkY1MkIwMzc0MDgxMUVGQTdEOEQ3MERDNDE3QTRCMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3QkY1MkIwNDc0MDgxMUVGQTdEOEQ3MERDNDE3QTRCMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdCRjUyQjAxNzQwODExRUZBN0Q4RDcwREM0MTdBNEIzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjdCRjUyQjAyNzQwODExRUZBN0Q4RDcwREM0MTdBNEIzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgAFAAUAwERAAIRAQMRAf/EAGIAAQEBAAAAAAAAAAAAAAAAAAgJBwEBAAAAAAAAAAAAAAAAAAAAABAAAAMDCgcAAAAAAAAAAAAAAAUGAhUHEgMEFFaGprbWNwETIyUWCBgRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/ALsALMeqOwKCvTnRRgEQAO/yjAGwWKVpqMAM4rxXX8D1+fwuhcf+MIVMOtxkbrJTqovolLlCZ9zUJcbHFJrJwbUie61InJHMkMSWGWWeAZ39XR+t7hZF6cAWYARn9rt/l7dbJacAHcB//9k=');overflow: hidden;}

	.imagepreview .background{position: absolute;top:0;left:0;background-repeat: no-repeat;z-index:1}
	.imagepreview .foreground{position: absolute;top:0;left:0;background-repeat: no-repeat;z-index:2}
	.imagepreview .text{text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;font-size:40px;position: absolute;bottom:65px;left:95px;z-index:3}

	.right{width:57%;float:right;margin:20px 1% 0 0;}
	.right .rule{margin-bottom:5px;clear:both;height:37px}
	.right .label{float:left;margin:0 1% 0 1%;text-align: right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:bold;font-size:18px;line-height:32px;}
	.right .landscape{width:32px;height:18px;float:left;margin:7px 0 0 0;background:#CCC;cursor:pointer;}
	.right .portrait{width:18px;height:32px;float:left;margin:0 0 0 7px;background:#CCC;cursor:pointer;}
	.right .green{background: #00FF00;}
	.right .field{float:left;}
	.right .field input{font-size:18px;height:32px;width:100%;background:rgba(255,255,255,.2);color:#FFF;border-radius:3px;border:0;padding:0 4px 0 4px}
	.right .download{float:right;font-size:24px;line-height:50px;font-weight:bold;padding:0 20px !important;background:rgba(50,255,50,.5);cursor:pointer;margin-top:20px;display: none;border-radius:5px;}
	.right .download:hover{background:rgba(50,255,50,.8);}
#width,#height,#x,#y,#widthbg,#heightbg,#xbg,#ybg{cursor:ew-resize}

#dd {border:2px dotted #FFF;width:100%;color:#FFF;text-align:center;vertical-align:middle;padding:5px;margin-bottom:5px;font-size:150%;line-height:30px;}