#root{margin:0 auto}.App{display:flex;flex-direction:column;align-items:center;width:100%}.relative{position:relative}.absolute{position:absolute}.width100{width:100%}.bgcheck{background-color:#fc0}.pill{background:#fc0;color:#000;padding:.2rem .4rem;border-radius:1rem}.active{outline:1px solid red}.bbox{position:absolute;pointer-events:none}.outline{outline:3px dashed #000c}.flex{display:flex}.flex-col{flex-direction:column}.flexcenter{align-items:center;justify-content:center}.flexauto{flex:auto}.flexwrap{flex-wrap:wrap}.spbetween{justify-content:space-between}.gap{gap:1rem}.canvasinput{width:100%;max-height:80vh;image-rendering:pixelated}.transformcenter{top:50%;left:50%;transform:translate(-50%,-50%)}.fitcontent{width:fit-content}.padding{padding:1rem}.padding2{padding:2rem}.noshow{display:none}.textcenter{text-align:center}.SeamlessCheck{width:100%;height:100vh}.SeamlessChecker{width:100%;height:100vh;background-color:#555;background-position:center center}nav.bar{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);padding:.4rem;background-color:#eee;border-radius:.6rem;display:flex;gap:.4rem}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;margin-top:.2rem;min-width:200px;height:3rem;flex:auto}input[type=range]:active{cursor:grabbing}input[type=range]::-webkit-slider-runnable-track{background:#eee;height:3rem;border-radius:.3rem;box-shadow:inset 0 0 5px #ccc;border:1px solid #ccc}input[type=range]::-moz-range-track{background:#eee;height:3rem;border-radius:.3rem;box-shadow:inset 0 0 5px #ccc;border:1px solid #ccc}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-1px;background-color:#ddd;height:3rem;width:3rem;border-radius:.2rem;outline:1px solid #888}input[type=range]::-moz-range-thumb{border:none;border-radius:0;background-color:#ddd;height:3rem;width:3rem;border-radius:.2rem;outline:1px solid #888}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.shadow{box-shadow:0 25px 20px -30px #011a}.shadow2{box-shadow:0 5px 10px #888a}.left{width:50vw}@media only screen and (max-width: 1000px){.TileExtractor{max-width:100vw;overflow:auto}.canvasinput{width:auto;min-height:80vh}.left{width:100vw}}.Logo{display:flex;align-items:center}.Logo svg{width:80px;height:100%}.Logo .sitename{margin:0;padding:0;font-size:1.6rem;line-height:1.3rem}.Logo .color2{color:#888}.Logo .sitename:hover{color:#ccc}.Logo .titleblock{display:flex;flex-direction:column}.Logo .tagline{margin-top:.5rem}.Logo .tagline h2{margin:0;font-size:1rem}:root{font-family:Poppins,Arial,Helvetica,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;scrollbar-width:thin}*{box-sizing:border-box}a{font-weight:500;color:#fff;text-decoration:inherit}a:hover{color:#fff}body{margin:0;padding:0;min-width:320px;min-height:100vh;overscroll-behavior-x:none;overscroll-behavior-y:none}h1{font-size:3.2em;line-height:1.1}.L{font-size:2.5rem}button{border-radius:.4rem;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#3a3a3a;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#fff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled{color:#888}