:root{--text-color: #ebedec;--corner-6px: 6px;--inputGap-between-one: 1rem;--input-form-font1: 1.5rem;--nav-background:#151f1a;--container-background:#1f2f27;--component-background:#1f2f27;--for-choice:#1a2721;--prompt-backround:#1a2721;--table-row-backcolor:#1a2721;--main-orange:#ffa500;--orange-sec:#cc8400;--flex: display: flex;align-items:center}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;color:#ebedec;scroll-behavior:smooth;background-color:var(--nav-background)}.a-links:link,.a-links:visited{text-decoration:none}.body{position:relative;background:#151f1a;background:linear-gradient(180deg,#151f1a,#24372e 63%,#344e41)}.noto-sans-400{font-family:Noto Sans,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}.hanuman-thin{font-family:Hanuman,serif;font-weight:100;font-style:normal}.hanuman-light{font-family:Hanuman,serif;font-weight:300;font-style:normal}.hanuman-regular{font-family:Hanuman,serif;font-weight:400;font-style:normal}.hanuman-bold{font-family:Hanuman,serif;font-weight:700;font-style:normal}.hanuman-black{font-family:Hanuman,serif;font-weight:900;font-style:normal}.hidden{display:none!important}.for-choice-prompt-p{font-family:Noto Sans,serif;font-optical-sizing:auto;font-weight:400;color:#d2d2d2;padding:.5rem;border:1px solid #464646;border-radius:var(--corner-6px);background-color:var(--for-choice)}.common-flex{display:flex}.common-flex-alignCenter{display:flex;align-items:center;gap:1rem}.border-updown-margin{padding:1.5rem .5rem;border:1px solid #464646;border-radius:var(--corner-6px)}.slider{accent-color:var(--main-orange)}.box-shadow{box-shadow:0 10px 25px #151f1a80}.loading-div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:fixed;background-color:#000000e6;z-index:9}; .loading-div svg{width:100%;height:100%}.loading-div svg text{animation:stroke 1s infinite alternate;stroke:#365fa0;font-size:6rem}@keyframes stroke{0%{fill:#488acc00;stroke:#fff;stroke-dashoffset:25%;stroke-dasharray:0 50%;stroke-width:1}70%{fill:#488acc00;stroke:#fff}80%{fill:#488acc00;stroke:#fff;stroke-width:2}to{fill:#fff;stroke:#fff0;stroke-dashoffset:-25%;stroke-dasharray:50% 0;stroke-width:0}}.loading-div-inactive{display:none}.alert{visibility:hidden;background-color:var(--text-color);border-radius:var(--corner-6px);border:1px solid var(--main-orange);padding:0 .5rem;margin:0 auto;position:fixed;right:50%;transform:translate(50%);z-index:10}.alert div{display:flex;align-items:center}.alert-p{color:var(--nav-background);font-size:1.5rem;font-weight:500}.alertV{visibility:visible}.close-icon{font-size:2.5rem;color:var(--main-orange);padding-top:.2rem;cursor:pointer}.nav{display:flex;flex-direction:row;justify-content:end;align-items:center;padding:.5rem 2rem;background-color:var(--nav-background);border-radius:var(--corner-6px);box-shadow:#00000073 0 5px 10px}.nav-sticky .nav{position:fixed;top:0;width:100%;background-color:#151f1ae6}.nav-sticky .app{margin-top:68px}.nav-h1{font-size:4rem}.nav-div-h1{display:flex;flex-direction:column;align-items:start;margin:0 auto 0 2rem}.nav-div-h1-p{font-size:1.5rem}.nav-h2{font-size:2.2rem;justify-items:end;margin-right:2rem}.nav-signOut{color:#000;font-size:1.8rem;background-color:var(--main-orange);padding:.8rem;border-radius:var(--corner-6px);cursor:pointer}.intro-div{font-size:1rem;display:flex;align-items:center;gap:1rem;justify-content:end;margin:1rem}.intro-div-below{display:none}.choose-model{display:flex;margin-bottom:1.5rem;width:100%;justify-self:center;transition:all .3s}.choose-model-btn{padding:1.5rem .5rem;border:1px solid #464646;border-radius:25px;display:inline-block;font-size:1.5rem;text-transform:capitalize;cursor:pointer}.choose-model-btn.flex{text-align:center;width:100%;border-top-right-radius:0;border-bottom-right-radius:0}.choose-model-btn.other{text-align:center;width:100%;border-top-left-radius:0;border-bottom-left-radius:0}.choose-model-btn.flex:hover,.choose-model-btn.other:hover{background-color:#344e41}.current-model{color:#000;background-color:var(--main-orange)!important}.app{display:flex;justify-content:space-around;border-radius:var(--corner-6px);max-width:95%;margin:1rem auto 2rem}.input{width:48%;margin:1rem;background-color:var(--container-background)}.form{font-size:var(--input-form-font1);display:flex;flex-direction:column;gap:2rem}.model-div{display:flex;align-items:center;gap:2rem;background-color:var(--component-background)}.model-choice{flex-grow:1}.div-style-imgSize{display:flex;align-items:center;justify-content:space-between;gap:1rem;background-color:var(--component-background)}.div-style-preset{flex-grow:1;display:flex;align-items:center;gap:1rem}.div-image-size{display:flex;align-items:center;gap:1rem}.div-prompts{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;background-color:var(--component-background)}.prompt{color:#fff;resize:vertical;width:100%}.prompt::placeholder{color:#d2d2d2}.div-steps{display:flex;align-items:center;gap:1rem;background-color:var(--component-background)}.steps-input{flex-grow:1}.steps-p{flex-basis:10%;text-align:center}.div-cfg-seed{background-color:var(--component-background)}.div-seed,.div-cfg{flex-basis:100%}.cfg-input,.seed-input{flex-grow:1}.cfg-p,.seed-p{flex-basis:40px;text-align:center}.div-upscale-sampler{justify-content:space-between;background-color:var(--component-background)}.div-upscale,.div-sampler,.sampler-input{flex-grow:1}.form-btn{background-color:var(--component-background)}.btn{width:20rem;display:inline-block}.btn-submit{border:none;color:#000;background-color:var(--main-orange);transition:all .3s;cursor:pointer}.btn-submit:hover{border:none;background-color:var(--orange-sec)}.btn-submit:active{background-color:var(--main-orange)}.btn-reset{border:1px solid #969696;background-color:var(--component-background);color:#d2d2d2;cursor:pointer;transition:all .3s}.btn-reset:hover{background-color:#344e41}.btn-reset:active{background-color:var(--component-background)}.btn-reset,.btn-submit{font-size:1.5rem;font-weight:700;padding:1rem;flex-grow:1;border-radius:var(--corner-6px)}.output{display:flex;flex-direction:column;gap:3rem;width:48%;margin:1rem}.div-output{display:flex;flex-direction:column;gap:1rem;background-color:var(--container-background)}.div-output-down{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.div-output-down .svg-download{max-width:2.5rem}.svg-download-hide{display:none}.div-output-img{display:flex;justify-content:center;align-items:center;min-width:100%;min-height:30rem;border:1px solid #464646;border-radius:var(--corner-6px);overflow:hidden}.image{display:inline-block;width:100%;border-radius:var(--corner-6px);cursor:pointer}.previous-img-container{display:flex;flex-direction:column;gap:1rem;background-color:var(--container-background)}.div-previous-imgs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;border:1px solid #464646;max-height:40rem;overflow-y:scroll}.div-previous-imgs p{grid-column:1/3;align-content:center;justify-self:center;font-size:1.2rem;min-height:20rem}.previous-image{align-self:center}.image-window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000080;display:flex;justify-content:center;align-items:center}.image-window2{width:40%;display:flex;gap:1rem;padding:1rem;justify-content:space-between;background-color:var(--container-background);border-radius:var(--corner-6px)}.image-window img{width:90%;cursor:default}.image-window-svg{width:3rem;display:flex;flex-direction:column;justify-content:space-between}.svg-close,.svg-download{min-width:3rem;max-width:3rem;cursor:pointer;transition:all .3s}.svg-download{max-width:4rem;background-color:var(--orange-sec);padding:.5rem;border-radius:var(--corner-6px)}.svg-download:hover{background-color:var(--main-orange)}.svg-download:active{background-color:var(--orange-sec)}.try{color:#d2d2d2;margin:2rem auto 0;max-width:95%;padding:3rem 1rem;display:flex;flex-direction:column;gap:3rem;border:1px solid #969696;border-radius:var(--corner-6px);background-color:var(--container-background)}.example-prompts{width:100%;overflow-x:auto;box-sizing:border-box}.ex-table{border-collapse:collapse;border-radius:var(--corner-6px);border-radius:10px;font-size:1.4rem;border:1px solid #464646;padding:1rem}.ex-thead{color:#000;font-size:1.4rem;background-color:var(--orange-sec);border-top:1px solid #464646;border-bottom:1px solid #464646}tr>th{text-align:center}th,td{padding:1rem;text-align:left}tbody>tr:nth-child(2n){border-top:1px solid #464646;border-bottom:1px solid #464646;background-color:var(--table-row-backcolor)}tr>td:nth-child(odd),tr>th:nth-child(odd){border-right:1px solid #464646;border-left:1px solid #464646}tbody>tr{cursor:pointer;transition:all .3s}tbody>tr:hover{background-color:#344e41}tr>td:nth-child(1),tr>td:nth-child(2),tr>td:nth-child(3){min-width:21rem}tr>td:nth-child(5),tr>td:last-child{min-width:10rem}@media (max-width: 75rem){.model-div{flex-direction:column;align-items:start;padding-left:1rem;padding-right:1rem}.div-style-imgSize{align-items:start;flex-direction:column;gap:2rem;padding-left:1rem}.image-window2{width:50%}}@media (max-width: 62.5rem){.nav-h1{font-size:3rem}.nav-h2{font-size:1.8rem}.nav-signOut{font-size:1.5rem;font-weight:400;padding:.5rem}.model-choice{max-width:100%}.common-flex-alignCenter{align-items:center;gap:1.5rem}.div-cfg-seed,.div-upscale-sampler{flex-direction:column;align-items:start}.div-seed,.div-cfg{width:100%}.output-h2{font-size:1.2rem}.image-window2{width:50%}}@media (max-width: 56.5rem){.div-image-size{flex-direction:column;gap:1rem;align-items:start}}@media (max-width: 48.8rem){.app{flex-direction:column;gap:1rem}.nav-div-h1{margin-left:1rem}.input,.output{width:100%;margin:auto}.model-div,.div-cfg-seed,.div-image-size,.div-style-imgSize,.div-upscale-sampler{flex-direction:row;align-items:center}}@media (max-width: 36.5rem){.loading-div svg text{font-size:4rem}.nav-h1{font-size:2.5rem}.nav-div-h1-p{font-size:1.2rem}.intro-div-top{display:none}.intro-div-below{display:flex}.model-div,.div-cfg-seed,.div-image-size{flex-direction:column;align-items:start}.image-window2{width:80%}}@media (max-width: 30.7rem){.nav-h2{font-size:1.5rem}.model-div,.div-cfg-seed,.div-image-size,.div-style-imgSize,.div-upscale-sampler{flex-direction:column;align-items:start}.div-image-size{flex-direction:row;align-items:center}.image-window2 img{width:85%}}@media (max-width: 25rem){.loading-div svg text{font-size:3rem}.nav{padding:.5rem}.nav-div-h1-p{font-size:1rem}.nav-h1{font-size:2.5rem}.nav-h2{font-size:1.5rem}.nav-signOut{font-size:1.2rem}.div-image-size{flex-direction:column;align-items:start}}