@charset "UTF-8";:root{--ja: "Noto Sans JP", sans-serif;--en: "Noto Sans JP", sans-serif;--white: #eef0f4;--black: #161616;--gray: #5c5c5c;--purple: #7856ff;--red: rgb(255, 84, 84)}html,body{font-family:var(--ja);font-weight:400;font-size:62.5%;color:var(--black);background:var(--white);background-size:cover;background-repeat:no-repeat;overscroll-behavior:none}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}iframe,fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}legend{color:var(--black)}*:focus{outline:none}a{cursor:pointer;color:var(--black);text-decoration:none;box-shadow:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}input{cursor:pointer;-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:0}textarea{cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:0;resize:vertical}select{cursor:pointer;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;border:none}button{cursor:pointer;border:none;background:initial}::-webkit-scrollbar{width:8px;height:8px;border-radius:4px}::-webkit-scrollbar-track{background-color:var(--white);border-left:solid 1px rgba(0,0,0,.1);border-radius:4px}::-webkit-scrollbar-thumb{background-color:var(--purple);border-radius:4px}::selection{background:var(--purple);color:var(--white)}input[type=range]{-webkit-appearance:none;appearance:none;outline:none;cursor:pointer;width:100%;background:rgba(120,86,255,.5);height:12px;border-radius:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:16px;width:16px;background-color:var(--purple);border-radius:50%}input[type=range]::-moz-range-thumb{border:none;height:16px;width:16px;background-color:var(--purple);border-radius:50%}.uHidden{display:none!important}.uNoClick{pointer-events:none;user-select:none}body{-webkit-tap-highlight-color:transparent;font-feature-settings:"palt";width:calc(100% - 48px);height:calc(100svh - 24px);padding:24px 0 0;margin:auto;color:var(--gray)}body[data-loading="1"]{cursor:wait}h1{display:none}summary{display:block}summary::-webkit-details-marker{display:none}main{padding-top:16px;color:var(--gray)}main p{font-size:14px;font-weight:400;line-height:160%;letter-spacing:1px;color:var(--gray);margin-top:8px}main li{margin-left:24px;font-size:14px;letter-spacing:1px;padding-bottom:4px}main li:nth-last-of-type(1){padding-bottom:0}main ul{list-style-type:disc;margin:16px auto 0}main ul li span{font-size:12px;line-height:120%;letter-spacing:1px;color:var(--red)}main ul li span:before{content:"※";font-size:12px;line-height:120%;letter-spacing:1px}main figure{margin:0;padding:0;width:100%;overflow:auto}main ol{margin:16px auto 0;list-style-type:decimal}main ol li span{font-size:12px;line-height:120%;letter-spacing:1px;color:var(--red)}main ol li span:before{content:"※";font-size:12px;line-height:120%;letter-spacing:1px}main img{width:100%;height:auto;object-fit:contain;border:solid 2px var(--white);margin:16px auto 0;border-radius:12px;box-sizing:border-box}main a{cursor:pointer;text-decoration:underline;font-size:14px;font-weight:400;line-height:160%;letter-spacing:1px;color:var(--gray);transition:.4s cubic-bezier(.25,1,.5,1) color}main a:focus{outline:2px dashed #000;outline-offset:2px;border-radius:2px}.ac{margin:16px auto 0;width:100%;background:#fff;border-radius:12px}.ac summary{cursor:pointer;display:inline-block;margin:0;font-size:14px;line-height:120%;display:flex;width:calc(100% - 32px);padding:16px;border-radius:12px;transition:.4s cubic-bezier(.25,1,.5,1) background,.4s cubic-bezier(.25,1,.5,1) color}.ac summary:before{pointer-events:none;user-select:none;content:"👉";font-size:14px;line-height:120%}.ac summary h2{pointer-events:none;user-select:none;display:inline-block;font-size:14px;line-height:120%}.ac summary:focus{outline:2px dashed #000;outline-offset:2px;border-radius:2px}.ac summary:focus{outline:2px dashed var(--purple);outline-offset:2px}.ac[open]{border-radius:12px}.ac[open] summary{border-radius:12px;background:#7856ff;color:var(--white)}.ac[open] summary:before{content:"👇 "}.acContent{font-size:14px;line-height:160%;width:calc(100% - 32px);padding:16px}.acContent h3{font-size:14px;line-height:160%;font-weight:700;letter-spacing:1px}.acContent h4{font-size:14px;line-height:160%;font-weight:700;letter-spacing:1px;margin-top:12px}.acContent ul,.acContent ol,.acContent img{margin-top:8px}.acContent img{min-width:980px}.acContent__group{margin-top:16px}.acContent__group:nth-of-type(1){margin-top:0}.acContent__group-flex{display:flex;flex-wrap:wrap;gap:16px}.pageTitle{pointer-events:none;user-select:none;font-size:24px;color:var(--gray);letter-spacing:1px;line-height:100%;font-weight:700;color:var(--purple);text-align:center}.inputFile{cursor:pointer;display:block;font-size:14px;text-align:center;line-height:120%;width:100%;padding:16px;background:var(--purple);color:var(--white);border-radius:12px;margin:16px auto 0;letter-spacing:1px;transition:.4s cubic-bezier(.25,1,.5,1) background}.inputFile span{pointer-events:none;user-select:none;font-size:14px;text-align:center;line-height:120%;letter-spacing:1px}.inputFile:focus{outline:2px dashed #000;outline-offset:2px;border-radius:2px}input[type=file]{display:none}.checkbox{position:relative;z-index:0;width:max-content;height:max-content;display:flex;align-items:center}.checkbox .checkbox__checked{position:absolute;top:.5px;z-index:0;display:flex;align-items:center;justify-content:center;width:17.5px;height:17.5px;box-sizing:border-box;border:solid 2px var(--purple);border-radius:2px}.checkbox .checkbox__checked svg{position:relative;z-index:0;top:0;left:-.1px;opacity:0;width:70%;height:70%}.checkbox .checkbox__checked svg path{stroke:var(--white);stroke-width:7px}.checkbox input{display:none}.checkbox label,.checkbox button{cursor:pointer;position:relative;z-index:1;padding-left:24.5px;font-size:14px;line-height:120%;font-weight:400;letter-spacing:1px;color:var(--gray);text-align:left;transition:.4s cubic-bezier(.25,1,.5,1) color}.checkbox label:focus,.checkbox button:focus{outline:2px dashed #000;outline-offset:2px;border-radius:2px}.checkbox input:checked+.checkbox__checked{background:var(--purple)}.checkbox input:checked+.checkbox__checked svg{opacity:1}.dropArea{user-select:none;display:flex;align-items:center;justify-content:center;width:100%;height:300px;border:dashed 3px var(--gray);border-radius:12px;font-size:14px;line-height:160%;letter-spacing:1px;margin:16px auto 0;text-align:center;box-sizing:border-box;color:var(--gray);background:rgba(120,86,255,.1);transition:.4s cubic-bezier(.25,1,.5,1) background}.dropArea[data-dragover="1"]{background:rgba(120,86,255,.5)}.downloadBtn{position:relative;z-index:1;display:block;font-size:14px;text-align:center;line-height:120%;width:100%;padding:16px;color:var(--white);border-radius:12px;margin:16px auto 0;overflow:hidden;background:var(--white);letter-spacing:1px}.downloadBtn:before{pointer-events:none;user-select:none;content:"";position:absolute;inset:0;z-index:-1;margin:auto;width:100%;height:100%;background:var(--purple);transition:.4s cubic-bezier(.25,1,.5,1) background}.downloadBtn span{display:inline-block;transform:rotate(-90deg);font-size:14px;line-height:120%;letter-spacing:1px}.downloadBtn:focus{outline:2px dashed #000;outline-offset:2px;border-radius:2px}.downloadBtn:disabled{pointer-events:none;user-select:none}.downloadBtn:disabled:before{background:rgba(120,86,255,.5)}.clearBtn{position:relative;z-index:1;display:block;font-size:14px;text-align:center;line-height:120%;width:100%;padding:16px;color:var(--white);border-radius:12px;overflow:hidden;background:var(--white);letter-spacing:1px}.clearBtn:before{pointer-events:none;user-select:none;content:"";position:absolute;inset:0;z-index:-1;margin:auto;width:100%;height:100%;background:var(--red);transition:.4s cubic-bezier(.25,1,.5,1) background}.clearBtn span{display:inline-block;transform:rotate(-90deg);font-size:14px;line-height:120%;letter-spacing:1px}.clearBtn:focus{outline:2px dashed #000;outline-offset:2px;border-radius:2px}.clearBtn:disabled{pointer-events:none;user-select:none}.clearBtn:disabled:before{background:rgba(255,84,84,.5)}.result{position:relative;z-index:0}.result__sticky{position:sticky;top:24px;z-index:1;display:flex;flex-wrap:wrap;gap:16px}.result__data{margin:24px auto;padding:24px;width:calc(100% - 48px);background:#fff;border-radius:16px}.result__items{display:flex;flex-wrap:wrap;gap:0px 24px}.result__title{width:100%;height:max-content;display:flex;flex-wrap:wrap;gap:24px}.result__empty{width:100%;font-size:14px;line-height:1.6}.titleh2{position:relative;z-index:0;font-size:16px;font-weight:700;line-height:120%;height:max-content;padding:4px 0 4px 14px;letter-spacing:1px}.titleh2:before{pointer-events:none;user-select:none;content:"";position:absolute;top:0;left:0;bottom:0;z-index:0;margin:auto;width:4px;height:100%;background:var(--purple);border-radius:2px}.card{margin-top:24px;position:relative;z-index:0;box-sizing:border-box;padding:12px 8px;border-radius:8px;background:rgba(120,86,255,.1);box-shadow:0 0 2px #0000001a;width:240px}.card .icon-btn{position:absolute;top:12px;right:8px;z-index:2;width:20px;height:20px;margin:0;padding:0}.card .icon-btn svg{pointer-events:none;user-select:none;width:100%;height:100%}.card .icon-btn svg path{stroke:var(--purple)}.card .icon-btn:focus{outline:2px dashed #000;outline-offset:2px;border-radius:2px}.card .btn{width:100%;height:max-content;box-sizing:border-box;padding:8px;border-radius:8px;background:var(--purple);color:#fff;margin-top:16px;font-size:14px}.card .btn:focus{outline:2px dashed #000;outline-offset:2px;border-radius:2px}.card-title{font-size:12px;line-height:1.2}.card-imgWrap{position:relative;z-index:0;display:flex;align-items:center;margin-top:8px;background:#fff;padding:8px;border-radius:8px;box-sizing:border-box;width:100%;-webkit-aspect-ratio:1/1;aspect-ratio:1/1;cursor:pointer}.card-img{position:relative;z-index:0;width:100%;height:100%;object-fit:contain;border:none;margin:0;border-radius:0}.card-imgScale{display:block;position:absolute;bottom:4px;right:4px;z-index:2;width:20px;height:20px;margin:0;padding:0;border:none;cursor:pointer}.card-imgScale svg{pointer-events:none;user-select:none;width:100%;height:100%}.card-imgScale svg path{fill:var(--purple)}.card-size{display:flex;align-items:center;gap:12px;margin-top:8px}.card-before p,.card-after p{margin:0;padding:0;line-height:1.6;font-size:12px}.card-before p:nth-of-type(1),.card-after p:nth-of-type(1){color:var(--purple)}.card-arrow{margin:0;padding:0;line-height:1.6;font-size:12px}.card-compress{line-height:1;font-size:10px;padding:4px;background:var(--purple);color:#fff;width:max-content;height:max-content;border-radius:4px;margin:auto 0 0 auto}.status{color:var(--purple);display:flex;align-items:center;gap:0 4px;font-size:14px;line-height:1.2;width:calc(100% - 36px)}.status svg{position:relative;z-index:0;top:.5px;width:20px;height:20px}.status-wait{color:var(--gray)}.status-wait svg{position:relative;z-index:0;top:.75px;width:14px;height:14px;animation:loopRotate .4s linear infinite}@keyframes loopRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-ok{color:var(--purple)}.status-err{color:var(--red)}.cookieSaveBtn{cursor:pointer;display:flex;align-items:center;font-size:14px;text-align:center;line-height:120%;background:var(--purple);color:var(--white);border-radius:12px;letter-spacing:1px;padding:16px;transition:.4s cubic-bezier(.25,1,.5,1) background}.cookieSaveBtn span{pointer-events:none;user-select:none;font-size:14px;text-align:center;line-height:120%;letter-spacing:1px}.cookieSaveBtn:focus{outline:2px dashed #000;outline-offset:2px;border-radius:2px}footer{position:sticky;top:100%;width:100%;height:max-content;margin:16px auto 0;padding-bottom:16px}.footer__inner{display:flex;justify-content:space-between;background:#fff;padding:16px;width:calc(100% - 32px);height:max-content;border-radius:12px}.copyright{display:block;font-size:12px;line-height:100%;font-weight:700;width:max-content;height:max-content;color:var(--gray);opacity:.75}.privacy{display:block;font-size:12px;line-height:100%;font-weight:700;width:max-content;height:max-content;color:var(--gray);transition:.4s cubic-bezier(.25,1,.5,1) color;opacity:.75;text-decoration:underline}.privacy:focus{outline:2px dashed #000;outline-offset:2px;border-radius:2px}.loading{pointer-events:none;user-select:none;position:fixed;bottom:24px;left:0;right:0;margin:auto;z-index:10;width:max-content;height:max-content;background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;overflow:hidden;border:solid 2px rgba(120,86,255,.25);box-sizing:border-box;opacity:0}body[data-loading="1"] .loading{opacity:1}.loading__inner{display:flex;align-items:center;gap:8px;font-size:14px;line-height:120%;font-weight:700;width:max-content;height:max-content;padding:8px}.loading__inner .img{width:20px;height:20px}.loading__inner img{transform:scale(1.2);width:100%;height:100%;object-fit:contain}.compress{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}.compress label{min-width:116px;font-size:16px}.compress input{width:300px}.compress input:focus{outline:2px dashed #000;outline-offset:2px;border-radius:2px}.previewModal{position:fixed;top:0;left:0;z-index:200;width:100vw;height:100vh;background:rgba(0,0,0,.5)}.previewModal:not([data-show="1"]){pointer-events:none;user-select:none;opacity:0}.previewModal__inner{position:relative;z-index:0;width:100%;height:100svh;display:flex;align-items:center;justify-content:center}.previewModal__img{width:calc(100% - 128px);height:calc(100% - 128px)}.previewModal__img img{width:100%;height:100%;object-fit:contain}.previewModal__close{position:absolute;top:24px;right:24px;z-index:2;width:32px;height:32px;margin:0;padding:0}.previewModal__close svg{pointer-events:none;user-select:none}.previewModal__close svg path{stroke:var(--white)}@media (min-width: 769px){html,body{--base-vw: 1440}.uPcHide{display:none!important}}@media (max-width: 768px){html,body{--base-vw: 375}.uSpHide{display:none!important}body{width:calc(100% - 32px);height:calc(100svh - 24px)}main{padding-top:8px}.dropArea{height:160px;font-size:12px}.card{width:calc(50% - 12px)}.card-title{font-size:10px}.card-size{gap:8px}.card-before p,.card-after p,.card-arrow{font-size:10px}.loading{bottom:16px}}@media (hover: hover){main a:hover{color:var(--purple)}.ac summary:hover{background:rgba(120,86,255,.5);color:var(--white)}.inputFile:hover{background:rgba(120,86,255,.5)}.checkbox label:hover,.checkbox button:hover{color:var(--purple)}.downloadBtn:hover:before{background:rgba(120,86,255,.5)}.clearBtn:hover:before{background:rgba(255,84,84,.5)}.card .icon-btn:hover svg path{stroke:#7856ff80}.card .btn:hover{background:rgba(120,86,255,.5)}.card-imgWrap:hover{opacity:.5}.cookieSaveBtn:hover{background:rgba(120,86,255,.5)}.privacy:hover{color:var(--purple)}}@media (max-width: 768px) and (max-width: 480px){.card{width:calc(100% + -0px)}.card-title{font-size:12px}.card-size{gap:12px}.card-before p,.card-after p,.card-arrow{font-size:12px}}