.notice,body{font-size:16px}#imgCanvas,#save,.canvas-wrap{display:none}.canvas-wrap,.copy,.gb-wrap,.notice,.show-wrap{text-align:center}*{box-sizing:border-box}body{margin:0;padding:0;font-family:sans-serif;line-height:1.3}.canvas-wrap{width:801px;margin:40px auto}.notice{font-weight:700;text-style:italic;color:#940a4b;width:100%;margin-bottom:10px}#canvas{border-right:1px solid #a1a776;border-bottom:1px solid #a1a776}#canvas[data-brush='1']{cursor:url(/img/cursor.cur),none}#canvas[data-brush='2']{cursor:url(/img/cursor2.cur),none}#canvas[data-brush='3']{cursor:url(/img/cursor3.cur),none}#canvas[data-brush='4']{cursor:url(/img/cursor4.cur),none}button{display:inline-block;vertical-align:bottom;border:0;margin:5px 10px;padding:6px 10px 0;height:42px;background:#bbbcac;color:#fff;cursor:pointer;transition:border .2s;border-bottom:4px solid rgba(0,0,0,.2)}button.small{padding:2px 5px;background:#afafaf}button.bw{width:42px}button[data-color='8b956d']{background:#8b956d}button[data-color='4d533c']{background:#4d533c}button[data-color='1f1f1f']{background:#1f1f1f}button[data-color=c4cfa1]{background:#c4cfa1}button.clear{background:#940a4b}button.clear:hover{border-bottom:4px solid #333}button.undo span{content:'';display:inline-block;width:16px;height:8px;overflow:hidden;position:relative}button.undo span:after,button.undo span:before{position:absolute;content:''}button.undo span:before{right:0;top:0;width:15px;height:15px;border:2px solid #333;border-radius:100%;display:block;box-sizing:border-box}button.undo span:after{left:0;bottom:0;border-style:solid;border-width:4px;border-color:transparent transparent #333 #333}.gb,.gb-wrap,.show-wrap{position:relative}button[data-steps="0"].undo:hover{border-color:rgba(0,0,0,.2);cursor:default}button[data-steps="0"].undo span:before{border-color:#d9dacd}button[data-steps="0"].undo span:after{border-color:transparent transparent #d9dacd #d9dacd}button.edit,button.new,button.show{padding:5px 20px;background:#809640;font-size:20px;transition:color .2s,border .2s;margin-top:20px;margin-bottom:20px}button.edit{background:#afafaf}button.edit:hover,button.new:hover,button.show:hover{color:#333;border-bottom:4px solid #333}.copy,.copy a,.copy a:hover,.share-label{color:#8a8a8a}button.active,button:hover{border-bottom:4px solid #9c320b}.brush[data-size]:before{content:'';width:4px;height:4px;background:#333;display:inline-block;top:-5px;position:relative}.brush[data-size="2"]:before{width:8px;height:8px;top:-3px}.brush[data-size="3"]:before{width:12px;height:12px;top:-1px}.brush[data-size="4"]:before{width:16px;height:16px;top:0}.show-wrap{max-width:626px;margin:20px auto}.show-menu{opacity:0;pointer-events:none;transition:opacity .3s}.show-menu.show{opacity:1;pointer-events:auto}.gb{z-index:10;max-width:100%;width:100%;height:auto}.gb-screen-wrap{width:51.1182%;height:28.0155%;position:absolute;top:13.9105%;left:24.28115%;background:#c4cfa1;outline:#c4cfa1 solid 4px;z-index:1;overflow:hidden}.gb-screen-wrap img{position:absolute;top:-100%;left:0;opacity:.7;width:100%;height:auto}.gb-screen-wrap.animate img{top:0}button.mbutton{display:none;position:absolute;top:22%;left:50%;transform:translatex(-50%);border-style:solid;border-width:40px 0 40px 70px;border-color:transparent transparent transparent #fff;width:0;height:0;padding:0;margin:0;background:0 0;z-index:20}.mbutton:before{content:'';transform:translatex(-42px);position:absolute;top:-60px;bottom:-60px;left:-60px;right:-60px;border:4px solid #fff;border-radius:100%}.share-wrap{display:inline-block;position:relative;margin-bottom:20px;margin-right:20px}.share-label{position:absolute;left:10px;top:-10px;font-size:11px}#share{border:2px solid #8a8a8a;padding:0 10px;height:40px;width:220px;font-size:16px}.copy{margin:20px 0;font-size:12px;width:100%}.copy a{text-decoration:none}.copy a:hover{text-decoration:underline}