section{margin:20px 0}section.main{margin:0 20px}.input-area>section.split{display:flex;flex-direction:row}.input-area>section.split section{margin:0;margin-right:10px}.preview{width:100%;display:flex;flex-direction:column}.background{width:100%;height:100%;aspect-ratio:1025/104;flex-grow:1;background:linear-gradient(45deg, #a9a9a9 25%, transparent 25%, transparent 75%, #a9a9a9 75%),linear-gradient(45deg, #a9a9a9 25%, transparent 25%, transparent 75%, #a9a9a9 75%);background-color:dimgray;background-size:40px 40px;background-position:0 0,20px 20px}.draw-area{position:relative;width:100%;height:100%;display:flex;justify-content:right;align-items:center;font-size:2rem;color:#fff}canvas{background:linear-gradient(45deg, #a9a9a9 25%, transparent 25%, transparent 75%, #a9a9a9 75%),linear-gradient(45deg, #a9a9a9 25%, transparent 25%, transparent 75%, #a9a9a9 75%);background-color:dimgray;background-size:42px 42px;background-position:0 0,21px 21px}