/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */*,:after,:before{box-sizing:border-box;border-style:solid;border-width:0;min-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}address,blockquote,dl,figure,form,iframe,p,pre,table{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ol,ul{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}embed,iframe,img,object,svg{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled,button:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}fieldset,option{padding:0}fieldset{margin:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=number]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}*{box-sizing:border-box;margin:0;padding:0}#app,body,html{height:100%;width:100%}.edit{height:100%;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:grid;grid-template-columns:auto 1fr}.side-menu{width:55px;height:100%;background-color:#fff;filter:drop-shadow(0 0 3px rgba(0,0,0,.2));display:flex;flex-direction:column}.side-menu .side-menu-botton{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-bottom:1px solid #afafaf}.side-menu .side-menu-botton .icon{width:24px;height:24px;background-color:#afafaf;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:background-color .6s}.side-menu .side-menu-botton .icon.back{-webkit-mask-image:url(/img/icon_arrow_tab.21e6c18b.svg);mask-image:url(/img/icon_arrow_tab.21e6c18b.svg)}.side-menu .side-menu-botton .icon.template{-webkit-mask-image:url(/img/icon_template_2.365c7d43.svg);mask-image:url(/img/icon_template_2.365c7d43.svg)}.side-menu .side-menu-botton .icon.photo{-webkit-mask-image:url(/img/icon_library_tab.034b5395.svg);mask-image:url(/img/icon_library_tab.034b5395.svg)}.side-menu .side-menu-botton .icon.sticker{-webkit-mask-image:url(/img/icon_sticker.7c21bb09.svg);mask-image:url(/img/icon_sticker.7c21bb09.svg)}.side-menu .side-menu-botton .icon.text{-webkit-mask-image:url(/img/icon_text_2.30c12b06.svg);mask-image:url(/img/icon_text_2.30c12b06.svg)}.side-menu .side-menu-botton .icon.face{-webkit-mask-image:url(/img/icon-meibo.ed01b9b9.svg);mask-image:url(/img/icon-meibo.ed01b9b9.svg)}.side-menu .side-menu-botton span{font-size:8px;color:#afafaf;font-weight:700}.side-menu .side-menu-botton:hover .icon{background-color:#61a7cb}.side-menu .side-menu-botton:hover span{color:#61a7cb}.side-menu .spacer{flex:1}.side-menu .zoom-in-out{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:20px;gap:5px}.side-menu .zoom-in-out button,.side-menu .zoom-in-out div{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;flex-direction:column}.side-menu .zoom-in-out button .icon,.side-menu .zoom-in-out div .icon{width:24px;height:24px;background-color:#afafaf;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:background-color .6s}.side-menu .zoom-in-out button .icon.in,.side-menu .zoom-in-out div .icon.in{-webkit-mask-image:url(/img/canvas-expansion.5dce7279.svg);mask-image:url(/img/canvas-expansion.5dce7279.svg)}.side-menu .zoom-in-out button .icon.out,.side-menu .zoom-in-out div .icon.out{-webkit-mask-image:url(/img/canvas-shrink.065d8ec4.svg);mask-image:url(/img/canvas-shrink.065d8ec4.svg)}.side-menu .zoom-in-out button .icon.percent,.side-menu .zoom-in-out div .icon.percent{-webkit-mask-image:url(/img/show-whole.9e99092f.svg);mask-image:url(/img/show-whole.9e99092f.svg)}.side-menu .zoom-in-out button span,.side-menu .zoom-in-out div span{font-size:8px;color:#afafaf;font-weight:700}.side-menu .zoom-in-out button:hover .icon{background-color:#61a7cb}.side-menu .zoom-in-out button:hover span{color:#61a7cb}.edit-area{width:100%;height:100%;background-color:#afafaf;display:flex;overflow:auto;padding:20px}.edit-area .inner{margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}.edit-area .inner .next,.edit-area .inner .prev{display:flex;justify-content:center;align-items:center;width:50px;height:60px;background-color:#fff;border-radius:10px;box-shadow:3px 3px 6px rgba(0,0,0,.16)}.edit-area .inner .next .icon,.edit-area .inner .prev .icon{width:24px;height:24px;background-color:#524b3d;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:background-color .6s}.edit-area .inner .next .icon.back,.edit-area .inner .prev .icon.back{-webkit-mask-image:url(/img/next_524b3d.34d23cfc.svg);mask-image:url(/img/next_524b3d.34d23cfc.svg)}.edit-area .inner .next .icon.prev,.edit-area .inner .prev .icon.prev{-webkit-mask-image:url(/img/back_524b3d.3e93f45b.svg);mask-image:url(/img/back_524b3d.3e93f45b.svg)}.edit-area .inner .next:hover .icon,.edit-area .inner .prev:hover .icon{background-color:#61a7cb}.edit-area .inner .center{display:flex;flex-direction:column;gap:10px}.edit-area .inner .center .paper canvas{width:1142px;height:822px;background-color:#fff}.edit-area .inner .center .discription{font-size:12px;color:#fff;font-weight:700;display:flex;gap:10px}