html[light]{--bkc1:#fff;--bkc2:#f5f5f5;--bkc3:#ebebeb;--bkc4:#e0e0e0;--ftc:#000;--ftc2:#555;--afc:#2196f3;--svgc:invert(0);--svgc2:invert(33%);--svgc3:invert(62%);--blue:#2196f3;--blue2:#2196f326;--line:#00000033;--hovc:#0000001a;--hovc2:#00000033;--actc:#00000033;--actc2:#0000004d}html[dark]{--bkc1:#35363b;--bkc2:#2e2f33;--bkc3:#27272b;--bkc4:#1f2023;--ftc:#fff;--ftc2:#9e9e9e;--afc:#03a9f4;--svgc:invert(100%);--svgc2:invert(62%);--svgc3:invert(62%);--blue:#03a9f4;--blue2:#03a9f426;--line:#ffffff33;--hovc:#ffffff1a;--hovc2:#ffffff33;--actc:#ffffff33;--actc2:#ffffff4d}html{--mW:calc(100% - 48px)}body{background-color:var(--bkc2);margin:0;font-family:monospace;overflow:overlay}.scrollbar::-webkit-scrollbar{width:14px;height:8px}.scrollbar::-webkit-scrollbar-button{background:transparent;border-radius:0;height:2px;width:2px}.scrollbar::-webkit-scrollbar-corner{background:transparent}.scrollbar::-webkit-scrollbar-track-piece{background:transparent}.scrollbar::-webkit-scrollbar-thumb{background-color:transparent;border:4px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:9999px;cursor:pointer}.scrollbar::-webkit-scrollbar-track{box-shadow:none}.scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--hovc)}.scrollbar:hover::-webkit-scrollbar-thumb:hover{background-color:var(--actc);cursor:pointer}body,input{transition-property:background-color;transition-duration:200ms;transition-timing-function:ease-in-out}body,.btn{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ic{--size:24px;width:var(--size);height:var(--size);padding:4px;position:relative}.ic::before{content:"";position:absolute;pointer-events:none;width:var(--size);height:var(--size);background-repeat:no-repeat;background-position:center;background-size:contain;filter:var(--svgc);-moz-filter:var(--svgc);-webkit-filter:var(--svgc);-webkit-transform:translateZ(0);-webkit-perspective:1000;-webkit-backface-visibility:hidden}#header{width:var(--mW);max-width:1200px;left:0;right:0;margin:16px auto;padding:0 8px;display:flex;justify-content:space-between;align-items:center;color:var(--ftc);font-size:24px;font-weight:bold;padding-bottom:18px}#theme{background-color:var(--bkc2);display:flex;justify-content:space-between;align-items:center;width:60px;border:1px solid var(--line);border-radius:50px;height:28px;padding:0 2px;cursor:pointer;position:relative}#theme .dot{--size:22px;width:var(--size);height:var(--size);position:absolute;border-radius:50px;box-shadow:0 0 2px var(--line);transition-property:left;transition-duration:200ms;transition-timing-function:ease-in-out}html[light] #theme .dot{left:3px;background-color:#35363b}html[dark] #theme .dot{left:38px;background-color:#fff}#theme .ic{--size:18px;padding:4px}#theme .light::before{--svgc:invert(100%);background-image:url(/img/sun-regular.svg)}#theme .dark::before{--svgc:invert(0);background-image:url(/img/moon-solid.svg)}#lang{cursor:pointer}#langBox{position:absolute;background-color:var(--bkc2);width:170px;font-size:16px;right:-8px;top:40px;z-index:999;border:1px solid var(--line);border-radius:6px;overflow:hidden}#langBox .it{padding:10px 24px;cursor:pointer;color:var(--ftc);font-weight:400}#langBox .it:hover{background-color:var(--bkc3)}#langBox .it:active{background-color:var(--bkc4)}#closeBg{position:absolute;top:0;left:0;height:100vh;width:100vw;z-index:998}.rig{display:flex;align-items:center;justify-content:flex-end;margin-bottom:8px}.btn{font-weight:400;font-size:16px;padding:6px 8px;display:inline-block;border-radius:4px;cursor:pointer;width:fit-content;color:var(--blue);--svgc:invert(44%) sepia(91%) saturate(1400%) hue-rotate(184deg) brightness(98%) contrast(95%)}.btn:active{background-color:var(--blue2)}.btn.ic{--size:16px;display:flex;align-items:center}.btn.ic::before{position:relative;margin-right:8px}.btn.ic.nm::before{margin-right:0}.btn.dis{color:var(--ftc2);--svgc:var(--svgc2);cursor:default}.btn.dis:hover{background-color:transparent}.plus::before{background-image:url(/img/plus-solid.svg)}.xmark::before{background-image:url(/img/xmark-solid.svg)}.left::before{background-image:url(/img/align-left-solid.svg)}.center::before{background-image:url(/img/align-center-solid.svg)}.right::before{background-image:url(/img/align-right-solid.svg)}.del::before{background-image:url(/img/trash-can-regular.svg)}.download::before{background-image:url(/img/download-solid.svg)}.globe::before{background-image:url(/img/globe-solid.svg)}.setting{width:var(--mW);max-width:1200px;left:0;right:0;margin:auto}.setting .font{color:var(--ftc);font-size:18px;padding:4px 0}.setting .flex{display:flex;flex-wrap:wrap}.setting .flex>div{margin-right:8px}.selList{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;margin-bottom:8px}#family1,#family2,#fontSize1,#fontSize2{text-align:center}.selList .it{width:150px;height:85px;background-image:var(--img);background-position:center;background-size:cover;margin:8px;border-radius:8px;box-shadow:0 0 4px var(--line);border:1px solid var(--line);cursor:pointer}.selList .it.sel{box-shadow:0 0 8px 4px #4caf50}.list{padding-bottom:8px}.list .it{display:flex;align-items:center;margin-bottom:8px}.list .it input{outline:0;border:1px solid var(--line);height:22px;padding:2px 6px;border-radius:6px;background-color:var(--bkc1);color:var(--ftc);margin-right:8px;font-family:monospace;font-size:15px;width:100%}.list .it .w100{max-width:110px}.list .it .wa{width:auto}.list .it .ct{text-align:center}#showBox{display:flex;align-items:flex-start;justify-content:center;height:calc(1080px * var(--sc))}#show{transform:scale(var(--sc));transform-origin:top;}#show .bg{width:1920px;height:1080px;background-image:var(--img);background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;box-shadow:0 0 8px var(--line);overflow:hidden}#show .bg .all{width:1920px;height:1080px;position:absolute;pointer-events:none;top:0;left:0;background-image:var(--img)}#box .it:nth-child(odd){background-image:var(--borderA)}#box .it:nth-child(even){background-image:var(--borderB)}#box .it>div:nth-child(1){color:var(--ftcA)}#box .it>div:nth-child(2){color:var(--ftcB)}#box .it>div:nth-child(1){font-family:var(--family1);font-size:var(--fontSize1)}#box .it>div:nth-child(2){font-family:var(--family2);font-size:var(--fontSize2)}#box .it>div:nth-child(2){display:flex;justify-content:space-around;align-items:center}#box .it>div:nth-child(2)>div{width:100%}#boxOut{pointer-events:none}.style01 #boxOut{position:absolute;top:32px;left:50px}.style01 #box{display:flex;flex-direction:column;justify-content:space-around;height:1016px}.style01 #box .it{width:997px;height:136px;display:flex;align-items:center;justify-content:space-between}.style01 #box .it:nth-child(even){margin-left:84px}.style01 #box .it>div:nth-child(1){padding-left:28px;width:318px;text-align:center}.style01 #box .it>div:nth-child(2){padding-right:34px;width:784px;text-align:center}.style03 #boxOut{position:absolute;top:103px;left:117px}.style03 #box{display:flex;flex-direction:column;justify-content:space-around;height:888px}.style03 #box .it{width:1017px;height:112px;display:flex;align-items:center;justify-content:space-between}.style03 #box .it>div{padding-top:8px;padding-bottom:0;line-height:68px}.style03.color1 #box .it>div{padding-top:0;padding-bottom:14px}.style03.color4 #box .it>div{padding-top:0;padding-bottom:0}.style03 #box .it>div:nth-child(1){padding-left:68px;width:208px;text-align:center}.style03 #box .it>div:nth-child(2){padding-right:34px;width:760px;text-align:center}.style04 #boxOut{position:absolute;top:88px;left:164px}.style04 #box{display:flex;flex-direction:column;justify-content:space-around;height:906px}.style04 #box .it{width:1052px;height:104px;display:flex;align-items:center;justify-content:space-between}.style04 #box .it>div:nth-child(1){padding-left:28px;width:208px;text-align:center}.style04 #box .it>div:nth-child(2){padding-right:34px;width:784px;text-align:center}.style04 #box .it:nth-child(even)>div:nth-child(1),.style04 #box .it:nth-child(odd)>div:nth-child(2){color:var(--ftcA)}.style04 #box .it:nth-child(odd)>div:nth-child(1),.style04 #box .it:nth-child(even)>div:nth-child(2){color:var(--ftcB)}#imgFile{border:0;padding:0;border-radius:0;background-color:transparent;height:auto}.cimg{position:absolute;display:flex;align-items:center;justify-content:center}.imgS{position:absolute;cursor:all-scroll}.imgS img{width:100%;height:100%;pointer-events:none;position:absolute;top:0;left:0;transform-origin:left top}.imgS:hover,.imgS:active{box-shadow:0 0 0 4px #2196f3}.imgS i{position:absolute;--s:24px;--f:14px;width:var(--s);height:var(--s);border-radius:var(--s)}.imgS:hover i,.imgS:active i{background-color:#2196f3}.imgS .r1{top:calc(-1 * var(--f));left:calc(-1 * var(--f));cursor:nw-resize}.imgS .r2{top:calc(-1 * var(--f));right:calc(-1 * var(--f));cursor:ne-resize}.imgS .r3{bottom:calc(-1 * var(--f));left:calc(-1 * var(--f));cursor:ne-resize}.imgS .r4{bottom:calc(-1 * var(--f));right:calc(-1 * var(--f));cursor:nw-resize}.imgS s{position:absolute;right:12px;top:12px;padding:8px;display:none;cursor:pointer;--svgc:invert(0);--size:24px}.imgS:hover s,.imgS:active s{background-color:#ffffff4d;border-radius:100px;display:block}.imgS:hover s:hover{background-color:#ffffffcc}.imgS:hover s:active{background-color:#fff}#floor,#floor a{width:var(--mW);max-width:1200px;margin:auto;left:0;right:0;margin:24px auto;margin-top:32px;color:var(--ftc2);text-align:center;font-size:16px;text-decoration:none}#floor a:hover{text-decoration:underline}@media all and (max-width:800px){html{--mW:calc(100% - 24px)}}