#root{margin:0 auto;min-height:100vh}.App{width:100%}.Pattern{overflow:hidden;display:flex;width:100%}.Control{background-color:#fffe;padding:2rem;z-index:100;width:300px;max-height:100vh;max-height:100dvh;overflow-x:hidden;overflow-y:auto;flex-basis:300px;flex-grow:0;flex-shrink:0}.box-shadow{box-shadow:0 0 8px #8888}.Outputs{background-color:#fffe;padding:2rem;z-index:100;width:400px;max-height:100vh;max-height:100dvh;overflow-x:hidden;overflow-y:scroll;flex-basis:300px;flex-grow:0;flex-shrink:0}.Background{position:relative;flex:auto;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background-position:center;overflow:hidden}.bg{position:absolute;width:100%;height:100vh;height:100dvh;align-items:center;justify-content:center;background-position:center}.multiply{mix-blend-mode:multiply}.semitransparent{opacity:.5}.nodisplay{display:none}.Tile{position:relative;outline:6px dashed #0008;z-index:50}canvas{image-rendering:pixelated;image-rendering:crisp-edges}.Message{position:absolute;top:1rem;left:50%;transform:translate(-50%);background-color:#fff;padding:.5rem 1rem;border-radius:1rem;z-index:100}.SizePreview{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background-color:#fff;padding:.5rem 1rem;border-radius:1rem;z-index:100}.SizePreview input[type=range]{width:500px;max-width:90vw}.Templates{max-width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:.5rem;margin-bottom:1rem}.Templates button{position:relative;background-color:#fff;color:#000;border:1px solid #ccc;aspect-ratio:1;background-size:contain;background-position:center;padding:0;display:flex;align-items:center;justify-content:center}.Templates button div{background-color:#fffc;border-radius:.4rem;padding:.2rem .4rem;font-size:.8rem}.Templates .pro{position:absolute;top:0;right:5px;font-size:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.gap{gap:1rem}.gap-s{gap:.5rem}.align-center{align-items:center}.centerVH{align-items:center;justify-content:center}.full{height:100vh;width:100%}.Results{display:flex;flex-direction:column;gap:1rem}.Results img{width:100%}.pending{width:100%;aspect-ratio:1;background-color:#ccc;padding:1rem;font-size:.8rem;overflow:hidden;text-overflow:ellipsis}.clickable:hover{cursor:pointer}button.on{background-color:#000}button.off{background-color:#ccc}nav.Panel1{position:absolute;top:3.5rem;right:7.5rem;z-index:100;padding:.5rem}nav.Panel1 button{position:absolute;width:80px;height:50px;font-size:.8rem;display:flex;align-items:end;box-shadow:2px 2px 5px #0003;background-color:#fff;color:#000}nav.Panel1 button.on{color:#000}nav.Panel1 button.off{background-color:transparent}nav.Panel1 button:disabled{background-color:transparent;color:#ccc}nav.Panel1 button:nth-child(1){transform:translateY(40px) rotate(-45deg) skew(15deg,15deg);z-index:1}nav.Panel1 button:nth-child(2){transform:translateY(0) rotate(-45deg) skew(15deg,15deg);z-index:2}nav.Panel1 button:nth-child(3){transform:translateY(-40px) rotate(-45deg) skew(15deg,15deg);z-index:3}.Styletransfer img,.LineInput img{width:100%}.absolute{position:absolute}.relative{position:relative}.removeBtn{right:5px;top:5px;font-size:1rem}.dropzone{border:2px dotted #888;border-radius:.5rem;aspect-ratio:1;overflow:hidden}.dropzone div{padding:1rem;color:#555;font-size:.8rem;height:100%;display:flex;align-items:center}.placeholder{padding:1rem}.Generate textarea{height:8rem;resize:none}nav.min{display:none}.Samples{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.Samples img{width:100%;border-radius:.5rem}.credituse,.running{float:right;font-size:.8rem;background-color:#888;padding:.2rem .4rem;border-radius:.4rem}.DownloadButtons button{font-size:.8rem}@media only screen and (max-width: 1000px){.Control,.Outputs{position:absolute;z-index:200;display:none;top:0;padding-top:10vh;width:100%;max-width:500px;height:100vh;height:100dvh}.minshow{display:block}nav.min{position:absolute;z-index:300;display:flex;flex-wrap:wrap;gap:.5rem;top:.5rem;left:.5rem;max-width:70vw}.on{display:block}}.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{line-height:1.5;font-weight:400;color:#000;background-color:#efefef}body{margin:0;min-width:320px;min-height:100vh}a{font-weight:500;color:#000;text-decoration:inherit}a:hover{color:#888}*{box-sizing:border-box;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}h1,h2,h3,h4,h5{margin:.4rem 0}.S{font-size:.8rem}.L{font-size:2.5rem}.sitename{line-height:2rem;margin-bottom:1rem}.color2{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#000;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#000}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled{color:#666}input[type=checkbox],input[type=range]{accent-color:#000}hr{border:1px solid #000}.grid-form{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}label{font-weight:700}input,textarea,select{width:100%;padding:5px;border:1px solid #ccc;border-radius:5px}textarea{height:5rem}