@charset "UTF-8";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,button,input,select,textarea{border:none;color:#ccc}a{color:#fff;text-decoration:none}::selection{background:transparent}img{vertical-align:middle;border:none}input{vertical-align:middle}body{line-height:1.6em;color:#ccc;background-color:#333;font:13px/1.2 Arial,sans-serif;font-family:Franklin Gothic Book,MS Gothic,小塚ゴシック Pr6N R,Hiragino Kaku Gothic Pro,hiragino,Arial,Helvetica,sans-serif}.note{color:#aaa;font-size:85%}.hidden{display:none!important}.clearfix:after{content:"";display:table;clear:both}@font-face{font-family:Title;src:url(/assets/CabinSketch-Regular-CiqBJxAj.ttf);font-weight:400}@font-face{font-family:Title;src:url(/assets/CabinSketch-Bold-n--wvaSC.ttf);font-weight:700}@font-face{font-family:JMAD;src:url(/assets/JustMeAgainDownHere-Regular-SfSi7fBv.ttf)}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-weight:400}ol,ul{list-style:none;padding:0;margin:0}a img{border:none}html{height:100%}body{height:100%;margin:0;font-size:75%;-webkit-font-smoothing:antialiased}#app{height:100%}.page{display:flex;flex-direction:column;height:100%;background:url(/image/bg-wide.png) left 30px repeat-x,url(/image/bg-long.png) top center repeat-y,#333}.page>#wrap{flex:1;overflow-y:auto}.page>footer{flex-shrink:0;width:100%;max-width:600px;height:36px;margin:0 auto;padding:0 20px;background:url(/image/footer.png) bottom left no-repeat;display:flex;align-items:flex-end}.page>footer p{color:#212121;padding:0 0 2px 30px;margin:0}#wrap_in{margin:0 auto;padding-top:75px}#wrap_in .inner{max-width:600px;margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;gap:20px}#wrap_in .inner article{flex:1;min-width:280px}article>header h1{font-family:Title;font-size:30px;font-weight:700;color:#fff;text-align:center;margin-bottom:17px}article>header h1 span{color:#c87ae4}.JMAD{font-family:JMAD}#description{padding-bottom:40px;position:relative}#description>header{overflow:visible;position:relative}#description>header h1{color:#ccc;font-family:JMAD;font-size:24px;border-bottom:1px solid #666;margin-bottom:15px;padding-bottom:3px;text-align:left}#description .indexword{line-height:180%;font-size:12px;margin-bottom:25px;text-align:center}#description .hero-image{width:100%;max-width:400px;margin:0 auto 25px;padding:5px;background-color:#999}#description .hero-image img{width:100%;height:auto;display:block}#description #btn-draw{height:93px;width:92px;text-align:center;line-height:86px;margin:0 auto;vertical-align:middle;font-size:30px;background:url(/image/btn-draw.png) no-repeat}#description .read{color:#eee}#description .read a{color:#c87ae4;text-decoration:underline}#description .read p{margin-bottom:18px}#description ol li{margin-bottom:20px;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}#description ol li p{flex:1;min-width:150px;display:flex;gap:5px}#description ol li p span{flex-shrink:0}#description ol li figure{flex-shrink:0;margin:0;padding:5px;background-color:#999}#description ol li figure img{max-width:150px;height:auto;display:block}#description ol li .figures-row{display:flex;gap:1px;flex-shrink:0}#description ol li .figures-row figure img{max-width:120px}#description ol li span{color:#c87ae4}#description .cross{height:auto}#description .cross ul{display:flex;flex-wrap:wrap;justify-content:space-between}#description .cross ul li{font-size:30px;margin-bottom:20px}#description .cross ul .sitemap-image{width:100%;max-width:160px;padding-top:13px;margin:0 auto}#description .sitemap-li li{padding-bottom:5px;border-bottom:1px solid #666;margin-bottom:15px}#description .sitemap-li li header h1{padding-bottom:5px}#wrap_in .inner nav{flex-shrink:0;align-self:flex-start;margin-top:125px;font-family:JMAD}#wrap_in .inner nav li{margin-bottom:20px;padding-left:21px;background:url(/image/nav-list-icon.png) left center no-repeat}#wrap_in .inner nav li a{color:#ccc;font-size:18px}.altText{height:0;border:none!important;text-indent:-9999px;overflow:hidden;display:block}.title{display:none}.drag{cursor:move}.clickzone{width:100%;height:100%;z-index:999}.mainview{height:100%;min-height:100%}body{font-size:75%;-webkit-font-smoothing:antialiased}body .header-navi{border-bottom:1px solid #666;margin-bottom:3px;padding:5px 15px 7px;display:flex;align-items:center;justify-content:flex-start}body .header-navi header{margin-right:20px}body .header-navi header h1{font-size:22.3px;font-family:Title;line-height:1;font-weight:700}body .header-navi header h1 span{color:#c87ae4}body .header-navi nav ul{display:flex;align-items:center}body .header-navi nav ul li{cursor:pointer;overflow:hidden;width:29px;height:24px}body .header-navi nav ul li:hover{opacity:.6}body .header-navi nav .back img{margin:-41px 0 0 -25px}body .header-navi nav .next img{margin:-41px 0 0 -54px}body .header-navi nav .local-save img{margin:-41px 0 0 -80px}body .header-navi nav .delete img{margin:-41px 0 0 -104px}body .header-navi nav .save{width:63px;height:22px;line-height:22px;vertical-align:middle;text-align:center;font-family:JMAD;font-size:18px;background:url(/image/parts.png) -130px -42px no-repeat}body .sub-header-navi{border-bottom:1px solid #666;margin-bottom:3px;padding:3px 30px 1px}body .sub-header-navi p{line-height:16px;float:left}body .sub-header-navi div{width:241px;height:21px;overflow:hidden;float:left}body .sub-header-navi div p{width:241px;height:10px;position:relative;background:url(/image/parts.png) 0px 6px no-repeat}body .sub-header-navi div p span{width:61px;height:16px;top:0%;left:0%;position:absolute;background:url(/image/parts.png) 0px -179px no-repeat}body .main{color:#222}body .main .tool{background-color:#707070;-webkit-border-radius:10px 10px 0px 0px;border-radius:10px 10px 0 0;background-image:-moz-linear-gradient(top,#686868,#444);background-image:-ms-linear-gradient(top,#686868,#444);background-image:-webkit-gradient(linear,center top,center bottom,from(#686868),to(#444));background-image:-webkit-linear-gradient(top,#686868,#444);background-image:linear-gradient(top,#686868,#444);width:39px;min-width:39px;flex-shrink:0;padding-top:15px;position:relative;float:left}body .main .tool ul{z-index:1;min-height:315px;padding:3px 0 15px;background-color:#cdcdcd;-webkit-box-shadow:0px 6px 8px 1px #222;box-shadow:0 6px 8px 1px #222}body .main .tool ul li{width:25px;height:23px;text-align:center;cursor:pointer;overflow:hidden;margin:8px auto;padding:1px 0}body .main .tool ul li:hover{background-color:#eee}body .main .tool ul li.use{-webkit-border-radius:2px;border-radius:2px;border:1px solid #444;background-color:#eee}body .main .tool ul .pen img{margin:-7px 0 0}body .main .tool ul .figure img{margin:-32px 0 0}body .main .tool ul .frame img{margin:-55px 0 0}body .main .tool ul .stamp img{margin:-79px 0 0}body .main .tool ul .local-result img{margin:-105px 0 0}body .main .tool ul .webcamera img{margin:-129px 0 0}body .main .tool ul .instagram img{margin:-155px 0 0}body .main article{margin-bottom:20px}body .main .canvas{width:851px;height:315px;border:1px solid #666;background-color:#d9d9d9;margin:0 18px;float:left}body .main .canvas article #canvas{width:851px;height:315px;position:relative}body .main .canvas article #canvas li{position:absolute}body .main .stage{width:456px;height:128px;float:left;overflow:hidden;margin-top:26px;background-color:#b1b1b1;-webkit-box-shadow:inset 0px 0px 12px #111;box-shadow:inset 0 0 12px #111;display:-webkit-box;display:-moz-box}body .main .stage aside{width:133px;padding:57px 0 0;position:relative}body .main .stage aside p{width:32px;height:25px;position:absolute;top:4px;right:4px;background:url(/image/parts.png) -26px -66px no-repeat}body .main .stage aside ul{width:64px;height:19px;margin-left:35px;overflow:hidden;display:-webkit-box;display:-moz-box;background:url(/image/parts.png) -26px -21px no-repeat}body .main .stage aside ul li{width:30px;height:19px;margin-right:4px}body .main .stage>div{width:323px;display:none}body .main .stage>div.show{display:block}body .main .stage>div.show div li{width:50px;height:50px;float:left;margin:10px 0 0 10px;-webkit-box-shadow:0px 0px 7px #111;box-shadow:0 0 7px #111;background-color:#ccc}body .main .chat{width:372px;float:right;color:#fff;background-color:#707070;-webkit-border-radius:10px 10px 0px 0px;border-radius:10px 10px 0 0;background-image:-moz-linear-gradient(top,#686868,#444);background-image:-ms-linear-gradient(top,#686868,#444);background-image:-webkit-gradient(linear,center top,center bottom,from(#686868),to(#444));background-image:-webkit-linear-gradient(top,#686868,#444);background-image:linear-gradient(top,#686868,#444);background-image:-moz-linear-gradient(top,#2b3b5d,#162543);background-image:-ms-linear-gradient(top,#2b3b5d,#162543);background-image:-o-linear-gradient(top,#2b3b5d,#162543);background-image:-webkit-linear-gradient(top,#2b3b5d,#162543);background-image:linear-gradient(top,#2b3b5d,#162543);margin-bottom:12px}body .main .chat header{padding:7px}body .main .chat div{background-color:#cdcdcd;-webkit-box-shadow:0px 6px 8px 1px #222;box-shadow:0 6px 8px 1px #222}body .main .chat div ul{width:100%;height:100px}body .main .chat div ul li{padding:7px 8px;border-bottom:1px dashed #999}body .main .chat div div{background-image:-moz-linear-gradient(top,#2b3b5d,#162543);background-image:-ms-linear-gradient(top,#2b3b5d,#162543);background-image:-o-linear-gradient(top,#2b3b5d,#162543);background-image:-webkit-linear-gradient(top,#2b3b5d,#162543);background-image:linear-gradient(top,#2b3b5d,#162543);padding:5px 10px;height:20px}body .main .chat div div p,body .main .chat div div input{float:left}body .main .chat div div p{line-height:20px;vertical-align:middle;margin-right:6px}body .main .chat div div input{width:200px;padding:1px 5px;background-color:#fff;-webkit-border-radius:11px;border-radius:11px;-webkit-box-shadow:inset 0px 0px 8px #0f021c;box-shadow:inset 0 0 8px #0f021c}body .main .funciton{width:176px;min-width:176px;flex-shrink:0;float:left;position:relative}body .main .funciton section>dl,body .main .funciton section>ul,body .main .funciton section>div{padding:10px 5px;background-color:#cdcdcd;-webkit-box-shadow:0px 6px 8px 1px #222;box-shadow:0 6px 8px 1px #222}body .main .funciton section header{padding:7px}body .main .funciton #tab1 header,body .main .funciton #tab2 header{width:70px;cursor:pointer;background-color:#707070;-webkit-border-radius:10px 10px 0px 0px;border-radius:10px 10px 0 0;background-image:-moz-linear-gradient(top,#686868,#444);background-image:-ms-linear-gradient(top,#686868,#444);background-image:-webkit-gradient(linear,center top,center bottom,from(#686868),to(#444));background-image:-webkit-linear-gradient(top,#686868,#444);background-image:linear-gradient(top,#686868,#444)}body .main .funciton #tab2 header{position:absolute;cursor:pointer;top:0;left:84px}body .main .funciton #tab1 dl,body .main .funciton #tab2 div{display:none}body .main .funciton #tab2.cur,body .main .funciton #tab1.cur{margin-bottom:12px}body .main .funciton #tab2.cur header,body .main .funciton #tab1.cur header{background-color:#707070;-webkit-border-radius:10px 10px 0px 0px;border-radius:10px 10px 0 0;background-image:-moz-linear-gradient(top,#999,#545454);background-image:-ms-linear-gradient(top,#999,#545454);background-image:-webkit-gradient(linear,center top,center bottom,from(#999),to(#545454));background-image:-webkit-linear-gradient(top,#999,#545454);background-image:linear-gradient(top,#999,#545454);-webkit-background-clip:padding-box;background-clip:padding-box}body .main .funciton #tab2.cur .tab-i,body .main .funciton #tab1.cur .tab-i{display:block}body .main .funciton #tab1 dt{padding:5px 0}body .main .funciton #tab1 .imcus,body .main .funciton #tab1 .cust{display:-webkit-box;display:-moz-box}body .main .funciton #tab1 .imcus li{width:25px;height:25px;margin-left:2px;text-indent:-9999px;cursor:pointer;background-color:#444;-webkit-box-ordinal-group:1;box-ordinal-group:1}body .main .funciton #tab1 .cust li{width:27px;margin:5px 0;display:block;-webkit-box-ordinal-group:1;box-ordinal-group:1}body .main .funciton #tab1 .cust li input{width:23px;border:1px solid #333}body .main .funciton #tab2 .layer ol li{height:44px;line-height:44px;vertical-align:middle}body .main .funciton #tab2 .layer ol li img{width:50px;height:34px;vertical-align:middle;background-image:url(/image/bg_none.png)}body .main .funciton #tab2 .layer .layer-func{margin:5px 0 0;border-top:1px solid #999}body .main .funciton #tab2 .layer .layer-func li{width:15px;height:15px;margin-left:5px;overflow:hidden}body .main .funciton #tab2 .layer .layer-func li #layer-plus{margin:-66px 0 0 -58px}body .main .funciton #tab2 .layer .layer-func li #layer-delete{margin:-66px 0 0 -74px}body .main .funciton #tab2 .layer ul{text-align:right;padding-top:5px;border-top:1px solid #e3e3e3}body .main .funciton #tab2 .layer ul li{display:inline-block;float:left}body .main .funciton .info dl{padding:5px;display:-webkit-box;display:-moz-box}body .main .funciton .info dl dt,body .main .funciton .info dl dd{padding-right:3px;-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;box-ordinal-group:1}body .main .funciton .info{background-color:#707070;-webkit-border-radius:10px 10px 0px 0px;border-radius:10px 10px 0 0;background-image:-moz-linear-gradient(top,#686868,#444);background-image:-ms-linear-gradient(top,#686868,#444);background-image:-webkit-gradient(linear,center top,center bottom,from(#686868),to(#444));background-image:-webkit-linear-gradient(top,#686868,#444);background-image:linear-gradient(top,#686868,#444);margin-bottom:12px}#footer{width:1210px;height:36px;margin:-36px auto 0;background:url(/image/footer.png) bottom left no-repeat}#footer p{color:#212121;padding:18px 0 0 30px}.draw{min-height:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.draw .mainview{min-height:100%;height:100%;position:relative}.draw #wrap{min-height:100%;height:100%;margin:0 auto;padding-bottom:36px;box-sizing:border-box}.draw .main{display:flex;gap:1px;margin:0 auto;padding:10px 0 50px;box-sizing:border-box;width:fit-content;align-items:stretch}.draw .main .left-panel{flex-shrink:0;flex-grow:0;flex-basis:auto;min-width:213px;order:1;display:flex;gap:0}.draw .main .left-panel .tool{flex-shrink:0;flex-grow:0}.draw .main .left-panel .funciton{flex-shrink:0;flex-grow:0;width:176px;min-width:176px}.draw .main .canvas-area{display:flex;gap:1px;order:2;align-items:stretch}.draw .main .canvas-block{flex-shrink:0;margin:0;display:flex;flex-direction:column}.draw .main .canvas-block .tab-headers{display:flex}.draw .main .canvas-block .tab-headers header{width:100px;padding:7px;color:#fff;background-color:#707070;border-radius:10px 10px 0 0;background-image:linear-gradient(to bottom,#686868,#444)}.draw .main .canvas-block .tab-headers header h2{font-size:12px;margin:0;text-align:center}.draw .main .canvas-block .tab-content{background-color:#cdcdcd;padding:5px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.draw .main .drawing-area{position:relative;list-style:none;padding:0;margin:0;flex-shrink:0;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none}.draw .main .canvas-block #canvas li{position:absolute;top:0;left:0;width:100%}.draw .main .canvas-block #canvas li canvas{display:block;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none}.draw .main .motif-block{flex-shrink:0;margin:0;display:flex;flex-direction:column}.draw .main .motif-block .tab-headers{display:flex}.draw .main .motif-block .tab-headers header{width:100px;padding:7px;color:#fff;background-color:#707070;border-radius:10px 10px 0 0;background-image:linear-gradient(to bottom,#686868,#444)}.draw .main .motif-block .tab-headers header h2{font-size:12px;margin:0;text-align:center}.draw .main .motif-block .tab-content{background-color:#cdcdcd;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px}.draw .main .motif-block .no-motif{font-size:12px;color:#666;margin:0}.draw .main .funciton .tab-block{margin-bottom:0}.draw .main .funciton .tab-headers{display:flex}.draw .main .funciton .tab-headers header{width:70px;padding:7px;cursor:pointer;color:#fff;background-color:#707070;border-radius:10px 10px 0 0;background-image:linear-gradient(to bottom,#686868,#444);margin-right:1px}.draw .main .funciton .tab-headers header.cur{background-image:linear-gradient(to bottom,#999,#545454)}.draw .main .funciton .tab-headers header h2{font-size:12px;margin:0;text-align:center}.draw .main .funciton .tab-content .tab-i{padding:10px 5px;background-color:#cdcdcd}.draw .main .funciton .stage-panel .slide.pen p,.draw .main .funciton .stage-panel .slide.eraser p,.draw .main .funciton .stage-panel .slide.smudge p{margin:0;font-size:12px}.draw .main .funciton .stage-panel .slide.pen p:nth-of-type(2),.draw .main .funciton .stage-panel .slide.eraser p:nth-of-type(2),.draw .main .funciton .stage-panel .slide.smudge p:nth-of-type(2){margin-top:10px}.draw .main .funciton .stage-panel .slide.pen span,.draw .main .funciton .stage-panel .slide.eraser span,.draw .main .funciton .stage-panel .slide.smudge span{font-size:10px;flex-shrink:0;width:35px;text-align:right}.draw .main .funciton .stage-panel .range-row{display:flex;align-items:center;gap:5px;margin-left:10px;margin-top:2px;margin-bottom:5px}.draw .main .funciton .stage-panel .range-wrapper{flex:1;display:grid;align-items:center}.draw .main .funciton .stage-panel .range-track{grid-area:1 / 1;width:100%;height:5px;background:#000;border-radius:10px}.draw .main .funciton .stage-panel input[type=range]{grid-area:1 / 1;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:calc(100% + 61px);margin-left:-30px;height:16px;background:transparent;background-color:transparent;outline:none;border:none}.draw .main .funciton .stage-panel input[type=range]::-webkit-slider-runnable-track{background:transparent;border:none;box-shadow:none}.draw .main .funciton .stage-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:61px;height:17px;background:url(/image/parts.png) no-repeat;background-position:0px -179px;background-color:transparent;cursor:pointer;border:none;box-shadow:none}.draw .main .funciton .stage-panel input[type=range]::-moz-range-track{background:transparent}.draw .main .funciton .stage-panel input[type=range]::-moz-range-thumb{width:61px;height:17px;background:url(/image/parts.png) no-repeat;background-position:0px -179px;cursor:pointer;border:none}.draw .main .funciton .palette-colors{display:flex;flex-wrap:wrap}.draw .main .funciton .palette-colors li{width:16px;height:16px;cursor:pointer}.draw .main .funciton .palette-colors li:hover{opacity:.7}.draw .main .funciton .palette-colors li.selected{outline:2px solid #333;outline-offset:-2px}.draw .main .funciton .palette-section p{font-size:11px;margin:0 0 5px;color:#666}.draw .main .funciton .palette-section .image-upload-btn{display:inline-block;padding:5px 10px;margin-bottom:5px;font-size:11px;background-color:#707070;color:#fff;border-radius:3px;cursor:pointer}.draw .main .funciton .palette-section .image-upload-btn:hover{background-color:#888}.draw .main .funciton .palette-colors.extracted{margin-top:5px}.draw .main .funciton .color-input{display:block;width:80%;height:18px;margin:0 auto;padding:0;border:1px solid #999;border-radius:3px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none}.draw .main .funciton .color-input::-webkit-color-swatch-wrapper{padding:0}.draw .main .funciton .color-input::-webkit-color-swatch{border:none;border-radius:2px}.draw .main .funciton .color-history{margin-top:10px}.draw .main .funciton .color-history p{font-size:11px;margin:0 0 5px;color:#666}.draw .main .funciton .color-history ul{display:flex;flex-wrap:wrap}.draw .main .funciton .color-history li{width:16px;height:16px;cursor:pointer}.draw .main .funciton .color-history li:hover{opacity:.7}.draw .main .funciton .color-history li.selected{outline:2px solid #333;outline-offset:-2px}.draw .main .funciton .info-content dl{display:flex;padding:5px}.draw .main .funciton .info-content dl dt,.draw .main .funciton .info-content dl dd{padding-right:5px}.draw .main .funciton .motif-content .motif-input{width:100%;padding:8px;font-size:12px;border:1px solid #999;border-radius:3px;margin-bottom:5px;box-sizing:border-box}.draw .main .funciton .motif-content .generate-motif-btn{width:100%;padding:8px;font-size:12px;background-color:#707070;color:#fff;border:none;border-radius:3px;cursor:pointer}.draw .main .funciton .motif-content .generate-motif-btn:hover{background-color:#888}.draw .main .funciton .tool-buttons{display:flex;gap:5px;margin-bottom:5px}.draw .main .funciton .tool-buttons button{flex:1;padding:3px;background-color:#999;border:none;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center}.draw .main .funciton .tool-buttons button img{width:20px;height:20px;object-fit:contain}.draw .main .funciton .tool-buttons button:hover{background-color:#999}.draw .main .funciton .tool-buttons button.active{background-color:#707070}.draw .main .funciton .stage-panel{margin-top:0}.draw .main .funciton .stage-panel .slide{display:none;padding:5px;max-height:120px;overflow-y:auto;background-color:#e5e5e5;border-radius:3px}.draw .main .funciton .stage-panel .slide.show{display:block}.draw .main .funciton .stage-panel ul{display:flex;flex-wrap:wrap;gap:2px;list-style:none;padding:0;margin:0}.draw .main .funciton .stage-panel li{cursor:pointer}.draw .main .funciton .stage-panel li:hover{opacity:.7}.draw .main .funciton .stage-panel li.selected{outline:2px solid #333;outline-offset:-2px}.draw .main .funciton .local-save-section{margin-top:5px;padding:5px;background-color:#e5e5e5}.draw .main .funciton .local-save-section .save-local-btn{width:100%;padding:5px;margin-bottom:5px;cursor:pointer;background-color:#707070;color:#fff;border:none;border-radius:3px;font-size:11px}.draw .main .funciton .local-save-section .save-local-btn:hover{background-color:#888}.draw .main .funciton .local-save-section .local-saves-list{display:flex;flex-wrap:wrap;list-style:none;padding:0}.draw .main .funciton .local-save-section .local-saves-list li{cursor:pointer;border:1px solid #999}.draw .main .funciton .local-save-section .local-saves-list li:hover{opacity:.7}.draw .main .stage{width:100%;max-width:456px;margin-top:1px!important}.draw #footer{width:100%;max-width:1210px;min-height:36px;background:url(/image/footer.png) bottom left no-repeat;position:fixed;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;box-sizing:border-box}.draw #footer p{color:#212121;padding:0 0 2px 30px;margin:0}@media (max-width: 1100px){.draw .main .canvas-area{flex-direction:column}.draw .main .canvas-block{flex-direction:column-reverse}.draw .main .canvas-block .tab-headers header{border-radius:0 0 10px 10px}}.disabled[data-v-e9846eb0]{opacity:.3;pointer-events:none;cursor:not-allowed}#sortable[data-v-e9846eb0]{list-style:none;padding:0;margin:0}#sortable li[data-v-e9846eb0]{cursor:pointer;display:flex;align-items:center;gap:8px;padding:4px}#sortable li img[data-v-e9846eb0]{border:1px solid #666;object-fit:contain;background-color:#e0e0e0}#sortable li[data-v-e9846eb0]:hover{background-color:#ddd}#sortable li.active[data-v-e9846eb0]{background-color:#999}#sortable li span[data-v-e9846eb0]{font-size:12px}.local-saves-list img[data-v-e9846eb0]{object-fit:contain;background-color:#e0e0e0}.motif-label[data-v-e9846eb0]{font-size:11px;color:#666;margin:0 0 5px}.motif-buttons[data-v-e9846eb0]{display:flex;gap:5px}.motif-buttons .file-upload-btn[data-v-e9846eb0]{flex:1;text-align:center}.motif-thumbs[data-v-e9846eb0]{display:flex;flex-wrap:wrap;gap:2px;list-style:none;padding:0;margin:0}.motif-thumbs li[data-v-e9846eb0]{width:50px;height:50px;cursor:pointer;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;border-radius:3px}.motif-thumbs li[data-v-e9846eb0]:hover{opacity:.7}.motif-thumbs li.selected[data-v-e9846eb0]{outline:2px solid #333;outline-offset:-2px}.motif-thumbs li span[data-v-e9846eb0]{font-size:9px;text-align:center;word-break:break-all;padding:2px}.paper-color-picker[data-v-e9846eb0]{width:24px;height:20px;border:1px solid #999;border-radius:3px;cursor:pointer;margin-left:auto;padding:0}.layer-clear-btn[data-v-e9846eb0]{width:24px;height:20px;border:1px solid #999;border-radius:3px;cursor:pointer;margin-left:auto;padding:0;background-color:#707070;color:#fff;font-size:12px;line-height:1}.layer-clear-btn[data-v-e9846eb0]:hover{background-color:#888}.motif-overlay-controls[data-v-e9846eb0]{position:absolute;bottom:10px;left:10px;right:10px;display:flex;align-items:center;gap:10px;background:#00000080;padding:8px 10px;border-radius:5px}.motif-overlay-controls .light-icon[data-v-e9846eb0]{width:20px;height:20px;flex-shrink:0}.motif-overlay-controls .overlay-slider[data-v-e9846eb0]{flex:1;display:flex;align-items:center;gap:5px}.motif-overlay-controls .slider-label[data-v-e9846eb0]{font-size:10px;color:#fff;white-space:nowrap}.motif-overlay-controls input[type=range][data-v-e9846eb0]{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#888;border-radius:2px;outline:none}.motif-overlay-controls input[type=range][data-v-e9846eb0]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.motif-overlay-controls input[type=range][data-v-e9846eb0]:disabled{opacity:.5}.motif-overlay-controls .lock-btn[data-v-e9846eb0]{padding:4px 8px;font-size:10px;background-color:#646464cc;color:#fff;border:none;border-radius:3px;cursor:pointer;white-space:nowrap}.motif-overlay-controls .lock-btn[data-v-e9846eb0]:hover{background-color:#787878e6}.motif-overlay-controls .lock-btn.locked[data-v-e9846eb0]{background-color:#c87ae4}.inner-tabs[data-v-e9846eb0]{display:flex;gap:5px;margin-bottom:8px}.inner-tabs button[data-v-e9846eb0]{flex:1;padding:5px 10px;font-size:11px;border:none;background-color:#707070;color:#fff;cursor:pointer;border-radius:3px}.inner-tabs button[data-v-e9846eb0]:hover{background-color:#888}.inner-tabs button.active[data-v-e9846eb0]{background-color:#333}.inner-tab-content[data-v-e9846eb0]{min-height:50px}.file-upload-section[data-v-e9846eb0]{margin-bottom:8px}.file-upload-btn[data-v-e9846eb0]{display:inline-block;padding:5px 10px;font-size:11px;background-color:#707070;color:#fff;border-radius:3px;cursor:pointer}.file-upload-btn[data-v-e9846eb0]:hover{background-color:#888}.file-ext-note[data-v-e9846eb0]{font-size:10px;color:#666;margin:3px 0 0}.motif-3d-view[data-v-e9846eb0]{position:absolute;top:0;left:0;width:100%;height:100%}.motif-image-view[data-v-e9846eb0]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0}.motif-image-view img[data-v-e9846eb0]{max-width:100%;max-height:100%;object-fit:contain}.pen-cursor[data-v-e9846eb0]{position:fixed;border:1px solid;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:9999;box-sizing:border-box;min-width:2px;min-height:2px}.save-modal-overlay[data-v-e9846eb0]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.save-modal[data-v-e9846eb0]{background-color:#cdcdcd;border-radius:10px 10px 0 0;max-width:90%;max-height:90%;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d}.save-modal-header[data-v-e9846eb0]{display:flex;justify-content:space-between;align-items:center;padding:7px 15px;background-image:linear-gradient(to bottom,#686868,#444);border-radius:10px 10px 0 0}.save-modal-header h2[data-v-e9846eb0]{margin:0;font-size:12px;color:#fff}.save-modal-header .close-btn[data-v-e9846eb0]{background:none;border:none;font-size:18px;cursor:pointer;color:#fff;line-height:1}.save-modal-header .close-btn[data-v-e9846eb0]:hover{color:#ccc}.save-modal-body[data-v-e9846eb0]{padding:10px;overflow:auto;background-color:#cdcdcd}.save-modal-body img[data-v-e9846eb0]{display:block;max-width:100%;height:auto}.save-modal-footer[data-v-e9846eb0]{padding:10px;background-color:#cdcdcd;text-align:center;display:flex;gap:10px;justify-content:center;align-items:center}.save-modal-footer .modal-btn[data-v-e9846eb0]{display:inline-block;padding:8px 20px;background-color:#707070;color:#fff;text-decoration:none;border-radius:3px;font-size:11px;border:none;cursor:pointer;box-sizing:border-box;line-height:1}.save-modal-footer .modal-btn[data-v-e9846eb0]:hover{background-color:#888}