*,:after,:before{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden=until-found])){display:none!important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light}@supports not (min-block-size:100dvb){:where(html){block-size:100%}}@media(prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){block-size:100%;block-size:100dvb;line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role=button],[role=option]){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(button){border-style:solid}:where(a){text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,picture,svg){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + .5rem)}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:2px solid var(--focus-color,Highlight);outline-offset:2px}:where(.visually-hidden:not(:focus,:active,:focus-within,.not-visually-hidden)){-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}@media screen and (max-width:768px){.sp\:hidden{display:none!important}}@media screen and (min-width:769px){.pc\:hidden{display:none!important}}body{background:#fff}#app{display:flex;width:100%;height:100%}.container{display:flex;flex-direction:column;width:100vw;max-width:100vw;min-height:100dvh;position:relative;touch-action:none}.container.-templateString .upper-canvas,.container.-text .upper-canvas{cursor:text!important}.container.-mosaic .upper-canvas,.container.-rectangle .upper-canvas{cursor:crosshair!important}.main{flex:1;overflow:hidden;padding-left:70px}@media screen and (max-width:768px){.main{padding:0 0 50px}}.content{display:flex;width:100%;height:100%;min-height:100dvh;background:#777;border:none;position:relative}.content .canvas-container{background:#555;margin:auto}.sidemenu{display:flex;flex-direction:column;width:70px;height:100dvh;padding:10px 0;background:#aaa;position:absolute;left:0;top:0;overflow:auto}@media screen and (max-width:768px){.sidemenu{align-items:center;flex-direction:row;width:100%;height:auto;padding:5px 5px;overflow:scroll;top:auto;bottom:0;-ms-overflow-style:none;scrollbar-width:none}.sidemenu::-webkit-scrollbar{display:none}}.sidemenu .icons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:auto}@media screen and (max-width:768px){.sidemenu .icons{justify-content:flex-start;gap:5px 0}}.anglerange-content{max-width:300px;width:80vw;position:relative;position:absolute;left:50%;top:15px;transform:translate(-50%);z-index:10}.anglerange-content input[type=range]{width:100%;opacity:0}.anglerange-content-dummy{display:flex;align-items:center;justify-content:center;width:100%;height:16px;position:absolute;left:0;top:0;background:url(/assets/img/bg_anglerange.svg) repeat-x 0 50%/auto 3px}.anglerange-content-dummy span{display:inline-block;padding:0 2px 0 5px;font-size:12px;color:#fff;background:#555}.header-contoller{display:flex;justify-content:center;gap:10px;position:absolute;top:50px;left:50%;transform:translate(-50%);z-index:10;opacity:.5}.button-block{display:flex;flex-wrap:wrap;gap:16px}@media screen and (max-width:768px){.button-block{gap:12px;justify-content:center}}.button{display:flex;justify-content:center;align-items:center;min-width:clamp(96px,30vw,150px);min-height:40px;padding:6px 10px;font-size:13px;font-weight:600;border-radius:6px;border:none;background:#4a4a4a;color:#fff;transition:.4s ease}@media screen and (max-width:768px){.button{min-height:36px;font-size:12px}}.button:hover{opacity:.7}.button.-active{background:#2c7d96;color:#fff}.button.-disabled{pointer-events:none;opacity:.4;-moz-user-select:none;-webkit-user-select:none;user-select:none}.button.-save{background:#36c076;color:#fff}.icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;font-size:0;background:#aaa;border-radius:2px;border:none;position:relative;margin-top:5px}.icon i{font-size:16px;transition:.2s ease}.icon i.-shapes-light{mask-image:url(/assets/icons/shapes-light.svg);-webkit-mask-image:url(/assets/icons/shapes-light.svg)}.icon i.-message-text,.icon i.-shapes-light{content:"";pointer-events:none;display:inline-block;width:22px;height:22px;background-color:#fff;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.icon i.-message-text{mask-image:url(/assets/icons/message-text-regular.svg);-webkit-mask-image:url(/assets/icons/message-text-regular.svg)}.icon i.-undo{mask-image:url(/assets/icons/arrow-rotate-left-solid.svg);-webkit-mask-image:url(/assets/icons/arrow-rotate-left-solid.svg)}.icon i.-redo,.icon i.-undo{content:"";pointer-events:none;display:inline-block;width:20px;height:20px;background-color:#fff;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.icon i.-redo{mask-image:url(/assets/icons/arrow-rotate-right-solid.svg);-webkit-mask-image:url(/assets/icons/arrow-rotate-right-solid.svg)}@media screen and (max-width:768px){.icon{width:30px;height:30px;margin:0}.icon i{font-size:16px}.icon.-spacer{display:none}}.icon:hover{opacity:.7}.icon.-clip:hover,.icon.-color:hover,.icon.-svg:hover{opacity:1}.icon.-clip i:hover,.icon.-clip img:hover,.icon.-color i:hover,.icon.-color img:hover,.icon.-svg i:hover,.icon.-svg img:hover{opacity:.7}.icon.-active{background:#2c7d96;color:#fff}.icon.-disabled{pointer-events:none;opacity:.4;-moz-user-select:none;-webkit-user-select:none;user-select:none}.color{display:flex;align-items:center;justify-content:center;border:1px solid #fff;background:#ccc;border-radius:20px;width:20px;height:20px;line-height:1}.color i{font-size:13px;line-height:0}@media screen and (max-width:768px){.color{width:24px;height:24px}.color i{font-size:16px}}.color-sample{display:flex;position:fixed;margin-left:25px;transform:translate(50%);background:#aaa;padding:10px;border-radius:10px;opacity:0;visibility:hidden;transition:.2s ease;z-index:10}.color-sample i+i{margin-left:10px}@media screen and (max-width:768px){.color-sample{justify-content:center;width:100%;margin:0;transform:translate(0);border-radius:0;position:fixed;left:0;bottom:40px;background:hsla(0,0%,40%,.9)}}.color-sample.-show{opacity:1;visibility:visible}.blackboard{max-width:350px;margin:auto}.blackboard textarea{flex:1;width:100%;height:100%;min-height:7rem;padding:10px;font-size:16px;line-height:1.4;background:#173f18;color:#fff;border:none;outline:none;form-sizing:content}.blackboard-head{background:#173f18}.-isBlackboardPrint .blackboard-head{background:rgba(23,63,24,.9)}.blackboard-head-label{font-size:14px;margin-bottom:5px}.blackboard-head dl{border-left:1px solid #fff;border-top:1px solid #fff;display:flex;font-size:14px;line-height:1.4;vertical-align:middle;color:#fff}@media screen and (max-width:768px){.blackboard-head dl{font-size:12px}}.blackboard-head dl+dl{border-top:none}.blackboard-head dl dt{flex-shrink:0;width:100px;text-align:center}.blackboard-head dl dd,.blackboard-head dl dt{padding:5px 5px;border-bottom:1px solid #fff;border-right:1px solid #fff}.blackboard-head dl dd{flex:1;word-break:break-word}.blackboard-body{margin-top:-1px;border:1px solid #fff;position:relative;min-height:6em;background:#173f18}.-isBlackboardPrint .blackboard-body{background:rgba(23,63,24,.9)}.blackboard-body textarea{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;color:#fff;font-family:Noto Sans JP,sans-serif;font-family:Shin Go Regular,Noto Sans JP,sans-serif}.-isBlackboardPrint .blackboard-body textarea{opacity:0}@media screen and (max-width:768px){.blackboard-body textarea{font-size:12px;min-height:calc(6em + 40px)}}.blackboard-body .preview{word-break:break-word;white-space:pre-wrap;min-height:calc(6em + 28px);z-index:1;width:100%;height:100%;pointer-events:none;padding:10px;font-size:14px;line-height:1.4;color:#fff;font-family:Noto Sans JP,sans-serif;font-family:Shin Go Regular,Noto Sans JP,sans-serif;text-align:center;opacity:0}@media screen and (max-width:768px){.blackboard-body .preview{font-size:12px;min-height:calc(6em + 40px)}}.-isBlackboardPrint .blackboard-body .preview{opacity:1}.blackboard-select{margin-top:20px;max-width:350px;margin:20px auto 0}.blackboard-select-label{margin-bottom:8px;font-size:14px;font-weight:700}.blackboard-select select{width:100%;padding:8px 20px 8px 8px;font-size:16px;color:#333;background:#fff;border:1px solid #ddd;border-radius:6px}.cliplist{display:flex;align-items:center;justify-content:center;border:transparent;background:transparent;border-radius:4px;width:24px;height:24px;line-height:1}@media screen and (max-width:768px){.cliplist{width:30px;height:30px}}.cliplist-content{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:80vw;padding:10px;margin-left:29px;transform:translate(50%);background:#2c7d96;border-radius:4px;opacity:0;visibility:hidden;transition:.2s ease;position:fixed;z-index:10}@media screen and (max-width:768px){.cliplist-content{width:100%;flex-direction:row;justify-content:center;max-width:100%;margin:0;background:#aaa;transform:translate(0);left:0;bottom:40px;background:hsla(0,0%,40%,.9);border-radius:4px 4px 0 0}}.cliplist-content.-show{opacity:1;visibility:visible}.cliplist-content button{display:flex;align-items:center;justify-content:center;background:#fff}.cliplist-content button img{width:30px}.cliplist-content button.size1\:1{width:30px;height:30px}.cliplist-content button.size6\:4{width:45px;height:30px;aspect-ratio:6/4}.cliplist-content button.size4\:6{width:30px;height:45px;aspect-ratio:4/6}.cliplist-content button.size16\:9{width:53.34px;height:30px;aspect-ratio:16/9}.cliplist-content button.size9\:16{width:30px;height:53.34px;aspect-ratio:9/16}.svglist{display:flex;align-items:center;justify-content:center;border:1px solid #fff;background:transparent;border-radius:4px;width:24px;height:24px;line-height:1}.svglist:before{content:"";display:block;width:0;height:0;border-right:3px solid #fff;border-bottom:3px solid #fff;border-left:3px solid transparent;border-top:3px solid transparent;position:absolute;right:4px;bottom:4px}.svglist i{font-size:13px;color:#fff;line-height:0}@media screen and (max-width:768px){.svglist{width:30px;height:30px}.svglist:before{right:6px;bottom:6px}.svglist i{font-size:16px}}.svglist-content{display:flex;flex-direction:column;gap:10px;width:300px;max-width:80vw;padding:10px;margin-left:40px;transform:translate(50%);background:#aaa;border-radius:0 10px 10px 0;opacity:0;visibility:hidden;transition:.2s ease;position:fixed;z-index:10}@media screen and (max-width:768px){.svglist-content{width:100%;max-width:100%;margin:0;overflow-y:scroll;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;border-radius:4px 4px 0 0;background:#aaa;transform:translate(0);left:0;bottom:40px;background:hsla(0,0%,40%,.9)}.svglist-content::-webkit-scrollbar{display:none}}.svglist-content.-show{opacity:1;visibility:visible}.svglist__group{display:flex;flex-wrap:wrap;gap:10px}@media screen and (max-width:768px){.svglist__group{gap:8px}}.svglist__item{display:flex;align-items:center;justify-content:center;width:22px;height:22px}@media screen and (max-width:768px){.svglist__item{width:6.25vw;height:6.25vw}}.svglist__item img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.modal{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.6);transform:.4s ease}.modal,.modal-wrapper{display:flex;justify-content:center;align-items:center}.modal-wrapper{flex-direction:column;width:80vw;max-width:600px;max-height:80vh;background:#fff;border-radius:10px;overflow:hidden}.modal-header{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;min-height:50px;width:100%;background:#36c076;color:#fff;font-size:clamp(14px,4vw,16px);font-weight:700;padding:8px 20px}.modal-header+.modal-content{padding-top:20px}.modal-content{width:100%;color:#333;padding:0 clamp(16px,4.5vw,30px);overflow-y:auto;overflow-x:hidden}.modal-body{align-items:center;padding:16px 0;min-height:100px}.modal-body,.modal-footer{display:flex;justify-content:center}.modal-footer{flex-wrap:wrap;margin-top:20px;padding:20px clamp(16px,4.5vw,30px)}.modal-footer .button+.button{margin-left:20px}.-uploader{position:relative;padding:20px;border:1px dashed #aaa;font-size:14px}.-uploader .button{margin-bottom:10px}.-uploader .fileArea:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0}.loading{opacity:0;visibility:hidden;transition:.5s ease}.loading:before{content:"";display:block;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.5);position:fixed}.loading.isLoading{opacity:1;visibility:visible}.loader{position:absolute;top:calc(50% - 32px);left:calc(50% - 32px);width:64px;height:64px}.loader div{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;box-sizing:border-box;opacity:.8}.one{border-top:2px solid #8fb259;animation:rotate-left 1s linear infinite}.two{border-right:2px solid #cccc52}.three,.two{animation:rotate-right 1s linear infinite}.three{border-bottom:2px solid #ffd933}.four{border-left:2px solid #ff7f00;animation:rotate-right 1s linear infinite}@keyframes rotate-left{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes rotate-right{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{font-family:Noto Sans JP,sans-serif;font-family:Shin Go Regular,Noto Sans JP,sans-serif}.tempDummyIcon{position:absolute;width:25px;height:25px;transform:translate(-50%,-50%);pointer-events:none;opacity:.5}