@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{background-color:#121212;font-family:Roboto,sans-serif;height:100%;max-height:100vh;width:100%}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:#0000}html::-webkit-scrollbar-thumb{background-color:#ffffff80;border-radius:4px}#root{background-color:#121212;min-height:100vh}#root,.App{display:flex;flex-direction:column}.App{height:100vh;overflow:hidden}a{color:#76a9fa}a,a:focus,a:hover{text-decoration:none}*{box-sizing:border-box;margin:0;padding:0}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.mt-2{margin-top:.5rem}.mb-2{margin-bottom:.5rem}button,select,textarea{background-color:#262626;border:1px solid #333;border-radius:8px;color:#fff;padding:10px}button{background-color:#333}button:hover{background-color:#444}.loader-container{height:100%;max-height:150px;padding:15px;width:100%}.loader,.loader-container{align-items:center;display:flex;justify-content:center}.loader{font-size:10px;position:relative}.loader .face{animation:animate linear infinite;border-radius:50%;border-style:solid;position:absolute}.loader .face:first-child{--deg:-45deg;animation-direction:normal;border-color:currentColor #0000 #0000 currentColor;border-width:.2em .2em 0 0;height:100%;width:100%}.loader .face:nth-child(2){--deg:-135deg;animation-direction:reverse;border-color:currentColor currentColor #0000 #0000;border-width:.2em 0 0 .2em;height:70%;width:70%}.loader .face .circle{background-color:initial;height:.1em;left:50%;position:absolute;top:50%;transform:rotate(var(--deg));transform-origin:left;width:50%}.loader .face .circle:before{background-color:currentColor;border-radius:50%;box-shadow:0 0 2em,0 0 4em,0 0 6em,0 0 8em,0 0 10em,0 0 0 .5em #ff00001a;content:"";height:1em;position:absolute;right:-.5em;top:-.5em;width:1em}@keyframes animate{to{transform:rotate(1turn)}}.app-header{align-items:center;background-color:#1e1e1e;border-bottom:2px solid #333;color:#fff;display:flex;justify-content:space-between;padding:16px}.settings-icon{cursor:pointer;font-size:24px;position:relative;-webkit-user-select:none;user-select:none}.settings-icon.active{background-color:#555;border-radius:4px}.popup-menu{background-color:#333;border-radius:8px;box-shadow:0 2px 5px #0003;opacity:0;padding:10px;position:absolute;right:10px;top:72px;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:200px;z-index:10}.settings-icon.active+.popup-menu{opacity:1;visibility:visible}.popup-menu a{border-radius:5px;color:#fff;display:block;padding:10px;text-decoration:none;transition:background-color .3s ease}.popup-menu a:hover{background-color:#444;text-decoration:none}.header-right{align-items:center;display:flex}.user-name{color:#fff;margin-right:20px}.message-bar{background-color:#333;border-radius:0 0 10px 10px;color:#fff;left:0;margin:auto;padding:10px;position:fixed;right:0;text-align:center;text-overflow:clip;top:70px;transition:transform .5s ease,opacity .5s ease,background-color .5s ease;width:500px;z-index:1000}.message-bar.show{opacity:1}.message-bar.hide{opacity:0}.message-bar.generating,.message-bar.loading{background-color:#f0ad4e}.message-bar.success{background-color:#5cb85c}.message-bar.error{background-color:#d9534f}.close-btn{cursor:pointer;margin-left:20px}.menu{background-color:#1e1e1e;box-sizing:border-box;height:100%;min-width:240px;overflow-y:auto;padding:20px;width:240px}.menu a{background-color:#262626;border-radius:10px;color:#fff;display:block;margin:10px 0;padding:15px;text-decoration:none;transition:background-color .3s ease}.menu a:hover{background-color:#333}.dashboard{background-color:#121212;color:#fff;display:flex;font-family:Arial,sans-serif;height:calc(100vh - 90px);overflow:hidden;width:100vw}.content,.dashboard{scrollbar-color:#ffffff80 #0000;scrollbar-width:thin}.content{height:100%;overflow:auto;transition:all .2s ease;width:calc(100% - 150px)}.login-container{align-items:center;background-color:#333;border-radius:12px;box-shadow:0 4px 8px #00000080;display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:500px;padding:50px;width:90%}.login-logo{margin-bottom:20px;width:100px}.login-heading{font-size:24px;margin:10px 10px 30px}.loginInput,button{background-color:#555;border:none;border-radius:8px;color:#fff;font-size:16px;margin:10px 0;padding:10px;width:calc(100% - 40px)}.loginInput::placeholder{color:#ffffff80}form{display:flex;flex-direction:column;width:100%}button.demo-login-button,button.register,button.sign-in,button.toggle-form,button.user-login-button{background-color:#f44336;border:none;border-radius:8px;color:#fff;margin:10px;max-width:250px;padding:10px 0}button.demo-login-button{background-color:#4caf50}button.user-login-button{background-color:#555}button:hover{opacity:.8}button.toggle-form{background-color:initial;border:1px solid #fff;color:#fff;margin-top:30px}.loading-symbol{align-items:center;display:flex;justify-content:center;margin-top:20px}.loading-symbol:before{animation:spin 1s ease-in-out infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";display:inline-block;height:20px;width:20px}body,html{background-color:#2a2a2a;color:#fff;font-family:Arial,sans-serif;margin:0;overflow:hidden;padding:0}.homepage{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.header-text{background-color:#000000b3;border-radius:10px;box-shadow:0 4px 8px #00000080;left:20px;padding:20px;position:absolute;top:20px;z-index:10}.header-text h1{color:#ec2f28;font-size:2rem;margin:0 0 10px}.header-text p{color:#ccc;font-size:1rem;margin:5px 0}.animation-canvas{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.demo-button{background-color:#ec2f28;border-radius:10px;bottom:20px;color:#fff;cursor:pointer;font-size:1.5rem;padding:15px;position:absolute;text-align:center;transition:transform .3s ease,background-color .3s ease;width:300px;z-index:10}.demo-button:hover{background-color:#ff4c4c;transform:scale(1.05)}.generate-face-container{align-items:start;display:flex;height:100%;width:100%}.sidebar{border-radius:8px;display:flex;flex-direction:column;max-width:500px;width:30%}.sidebar-column,.toggle-column{flex:1 1;min-width:0}.sidebar-title{color:#fff;margin-bottom:15px}.sidebar h2{border-bottom:2px solid #444;padding-bottom:10px}.sidebar input,.sidebar label,.sidebar select{background-color:#1e1e1e;border-radius:4px;color:#fff;margin:5px;padding:15px}.sidebar input[type=checkbox]{margin-left:10px}.sidebar button{background-color:#ec2f28;border-radius:20px 20px 20px 20px}.sidebar-column{flex-direction:column;margin-right:10px}.toggle-column{border-left:2px solid #444;flex-direction:column;padding-left:10px}.display-column{flex-grow:1;padding:20px;position:relative}.message{border-radius:8px;color:#fff;display:none;margin-bottom:20px;padding:10px}.message.success{background-color:#4caf50;display:block}.message.error{background-color:#f44336;display:block}.loading-face-generation{color:#666;display:block;font-size:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.images-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;margin:auto;max-height:80vh;max-width:100%;overflow-y:auto;padding:20px;scrollbar-color:#ffffff80 #0000;scrollbar-width:thin}.images-grid img{border-radius:8px;cursor:pointer;height:auto;max-width:512px;object-fit:cover;transition:transform .3s ease;-webkit-user-select:none;user-select:none;width:100%}.images-grid img:hover{transform:scale(1.05)}.fullscreen-image{align-items:center;background-color:#000c;cursor:pointer;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}.fullscreen-image img{max-height:90%;max-width:90%}.grid-single{grid-template-columns:repeat(1,1fr)}.grid-multiple{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.images-grid::-webkit-scrollbar{width:8px}.images-grid::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.images-grid::-webkit-scrollbar-track{background:#555}.generated-image{border-radius:8px;height:auto}button,input{display:block;margin:10px 0;padding:8px;width:100%}.numberInput{font-size:20px;text-align:center}button{background-color:#007bff;border:none;color:#fff;cursor:pointer}.loading-icon{animation:spin 1.5s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#444;height:120px;margin:0 auto;width:120px}.input-group{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.toggle-switch{background-color:#555;border-radius:22px;cursor:pointer;height:25px;position:relative;transition:background-color .3s ease;width:50px}.toggle-switch.on{background-color:#ec2f28;transition:transform .3s ease}.toggle-thumb{background-color:#fff;border-radius:50%;height:21px;position:absolute;top:2px;transition:left .3s ease;width:21px}.toggle-thumb.thumb-off{left:2px;transition:transform .3s ease}.toggle-thumb.thumb-on{left:29px}.toggle-switch.on .toggle-thumb{transform:translateX(-2px);transition:transform .3s ease}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.timer{font-size:20px;margin-top:20px;text-align:center}.dropdown,.toggle-switch{margin-left:10px}.dropdown,.dropdown-label{flex:1 1;min-width:0}.loading-image-placeholder{max-width:300px}.loading-image-placeholder:before{animation:loading-sheen 3s infinite;width:20%}.parameters-display{background-color:#000000b3;border-radius:8px;color:#fff;margin-bottom:20px;padding:10px}.loading-image-placeholder{align-items:center;background-color:#1e1e1e;border-radius:8px;display:flex;height:0;justify-content:center;padding-bottom:100%;position:relative;width:100%}.loading-image-placeholder:before{animation:loading-sheen 1.5s infinite;background:linear-gradient(90deg,#fff3,#ffffff1a 50%,#fff3);border-radius:8px;content:"";display:block;height:100%;width:100%}.expanded-image{max-height:60%}.select-face-button{background-color:#ec2f28;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;max-width:300px;padding:10px 20px;z-index:10}.image-tile{background-color:#1e1e1e;border-radius:8px;overflow:hidden;padding-bottom:100%;position:relative;width:100%}.loading-image-tile{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.loading-image-tile:before{animation:loading-sheen 2.5s infinite;background:linear-gradient(90deg,#fff3,#ffffff1a 50%,#fff3);border-radius:8px;content:"";display:block}.generated-image,.loading-image-tile:before{height:100%;left:0;position:absolute;top:0;width:100%}.generated-image{object-fit:cover}@keyframes loading-sheen{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.subbd-beta-demo-dots{background-color:initial}.subbd-beta-demo-landing-page{background:linear-gradient(180deg,#000,#1a0000 60%,#290000 90%,#470000);color:#fff;min-height:100vh;overflow:hidden;position:relative}.subbd-beta-demo-dots{height:800px;opacity:.4;pointer-events:none;position:absolute;width:800px}.subbd-beta-demo-dots.canvas-top-left{left:25%;top:20%;transform:translate(-50%,-50%);z-index:0}.subbd-beta-demo-dots.canvas-center-right{left:75%;top:60%;transform:translate(-50%,-50%);z-index:0}.subbd-beta-demo-title{margin-bottom:20px}.subbd-beta-demo-images-generated{color:#fe3642;font-family:Poppins,sans-serif;font-size:28px;font-weight:600;margin-bottom:10px}.subbd-beta-demo-note{font-size:16px;margin-bottom:30px}.subbd-beta-demo-generate-button{font-size:18px;margin-bottom:50px;max-width:300px}.subbd-beta-demo-image-container-landing{max-width:1200px;padding:0 20px;width:100%}.subbd-beta-demo-container-title{color:#c5c5c5;font-family:Poppins,sans-serif;font-size:24px;font-weight:600;margin-bottom:20px;text-align:left}.subbd-beta-demo-image-row{display:flex;flex-wrap:nowrap;justify-content:space-between}.subbd-beta-demo-landing-image{aspect-ratio:2/3;border-radius:10px;flex-basis:calc(20% - 10px);flex-grow:0;flex-shrink:1;margin:15px;max-width:calc(20% - 10px);object-fit:cover}@media (max-width:768px){.subbd-beta-demo-image-row{flex-wrap:wrap}.subbd-beta-demo-landing-image{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;max-width:calc(50% - 10px)}}.subbd-beta-demo-main-content>*{margin-bottom:20px}.subbd-beta-demo-progress-header{align-items:center;display:flex;flex-direction:column;width:100%}.subbd-beta-demo-progress-titles{display:flex;justify-content:space-between;width:100%}.subbd-beta-demo-progress-title{color:#3a3a3a;flex:1 1;font-family:Poppins,sans-serif;font-size:16px;font-weight:500;text-align:center;-webkit-user-select:none;user-select:none}.subbd-beta-demo-progress-title.active{color:#c5c5c5}.subbd-beta-demo-progress-bar{background-color:#3a3a3a;height:4px;margin-top:5px;position:relative;width:100%}.subbd-beta-demo-progress-bar-fill{background-color:#e11f28;height:100%;transition:width .3s ease;width:0}.subbd-beta-demo-choose-creator-page{background:linear-gradient(180deg,#000,#1a0000 60%,#290000 90%,#470000);color:#fff;min-height:100vh;overflow:hidden;position:relative}.subbd-beta-demo-back-button{margin-right:20px}.subbd-beta-demo-title{margin-bottom:10px}.subbd-beta-demo-subtitle{font-family:Poppins,sans-serif;font-size:28px;font-weight:600;margin-bottom:10px}.subbd-beta-demo-description{color:#c5c5c5;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;margin-bottom:30px}.subbd-beta-demo-creators-row{display:flex;flex-wrap:nowrap;justify-content:space-between;max-width:1200px;width:100%}.subbd-beta-demo-creator-card{cursor:pointer;flex-basis:calc(20% - 10px);flex-grow:0;flex-shrink:1;margin:15px;text-align:center}.subbd-beta-demo-creator-card.selected{border:3px solid #fff;border-radius:10px}.subbd-beta-demo-creator-image{aspect-ratio:2/3;border-radius:10px;object-fit:cover;opacity:1;transition:opacity .5s ease;width:100%}@media (max-width:768px){.subbd-beta-demo-creators-row{flex-wrap:wrap}.subbd-beta-demo-creator-card{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;max-width:calc(50% - 10px)}}.toast{align-items:center;border-radius:10px 0 0 10px;color:#fff;display:flex;height:50px;line-height:50px;min-width:300px;padding:0 10px;position:fixed;right:20px;top:20px;z-index:1000}.toast-success{background-color:#25bb48}.toast-error{background-color:#96000f}.toast-info{background-color:#17a2b8}.toast-close-button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:18px;height:50px;margin-left:auto;max-width:30px}.subbd-beta-demo-add-prompt-page{background:linear-gradient(180deg,#000,#1a0000 60%,#290000 90%,#470000);color:#fff;min-height:100vh;overflow:hidden;position:relative}.subbd-beta-demo-title{color:#c5c5c5;font-size:24px}.subbd-beta-demo-creator-display{margin-bottom:20px;text-align:center}.subbd-beta-demo-creator-image-selected{border:3px solid #fff;border-radius:10px;height:300px;object-fit:cover;width:200px}.subbd-beta-demo-creator-info{align-items:center;display:flex;justify-content:center;margin-top:10px}.subbd-beta-demo-creator-name{color:#fff;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;margin-right:5px}.subbd-beta-demo-tick{color:#e11f28;font-size:16px}.subbd-beta-demo-input-container{margin-bottom:10px;max-width:500px;position:relative;width:100%}.subbd-beta-demo-input-field{background-color:#20202080;border:none;border-radius:5px;color:#fff;font-family:Poppins,sans-serif;font-size:16px;outline:none;padding:15px 40px 15px 15px;width:100%}.subbd-beta-demo-input-field::placeholder{color:#c5c5c5}.subbd-beta-demo-clear-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:5px;position:absolute;right:10px;top:40%;transform:translateY(-60%);width:30px}.subbd-beta-demo-clear-button:hover{background-color:#ffffff1a;border-radius:50%}.subbd-beta-demo-error-message{align-items:center;color:#e11f28;display:flex;font-size:14px;font-weight:600;margin-bottom:10px}.subbd-beta-demo-note{color:#c5c5c5;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;margin-bottom:20px}.subbd-beta-demo-generate-button{background-color:#e11f28;border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:500;max-width:250px;padding:10px 15px;width:100%}.subbd-beta-demo-generate-button:hover{background-color:#fe3642}.subbd-beta-demo-generate-button:disabled{background-color:#c5c5c5;cursor:not-allowed}.subbd-beta-demo-policy-button{align-items:center;background-color:#3a3a3a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;margin-left:10px;width:20px}.subbd-beta-demo-policy-button:hover{background-color:#505050}.subbd-beta-demo-modal-policy{align-items:center;background-color:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.subbd-beta-demo-modal-content-policy{background-color:#1a1a1a;border-radius:10px;color:#fff;margin-top:30px;max-width:600px;min-height:500px;overflow-y:auto;padding:20px;position:relative;width:90%}.subbd-beta-demo-modal-policy-close{background:none;border:none;color:#fff;cursor:pointer;font-size:30px;height:40px;position:absolute;right:10px;top:10px;width:40px}.subbd-beta-demo-modal-policy-close:hover{color:#c5c5c5}.subbd-beta-demo-generation-page{background:linear-gradient(180deg,#000,#1a0000 60%,#290000 90%,#470000);color:#fff;min-height:100vh;overflow:hidden;position:relative}.subbd-beta-demo-content{position:relative;z-index:1}.subbd-beta-demo-header{align-items:center;display:flex;justify-content:space-between;padding:20px}.subbd-beta-demo-logo{height:50px}.subbd-beta-demo-login-button{background-color:#e11f28;border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;max-width:200px;padding:10px 20px}.subbd-beta-demo-login-button:hover{background-color:#fe3642}.subbd-beta-demo-main-content{align-items:center;display:flex;flex-direction:column;padding:20px}.subbd-beta-demo-top-row{align-items:center;display:flex;position:relative;width:100%}.subbd-beta-demo-back-button{align-items:center;background-color:#3a3a3a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;left:0;margin-left:100px;position:absolute;width:40px}.subbd-beta-demo-progress-header{align-self:center;flex-grow:1;margin:0 auto;max-width:500px}.subbd-beta-demo-title{color:#fff;font-family:Poppins,sans-serif;font-size:36px;font-weight:500;margin:20px 0;text-align:center}.subbd-beta-demo-title .highlight{color:#e11f28}.subbd-beta-demo-request-info{align-items:center;display:flex;margin-bottom:20px}.subbd-beta-demo-fire-icon{font-size:24px;margin-right:10px}.subbd-beta-demo-request-label{color:#fff;font-family:Poppins,sans-serif;font-size:18px;font-weight:500;margin-right:10px}.subbd-beta-demo-request-text{color:#c5c5c5;font-family:Poppins,sans-serif;font-size:16px;font-weight:400}.subbd-beta-demo-image-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;max-width:512px;position:relative;width:100%}.subbd-beta-demo-estimated-time{color:#fff;font-family:Poppins,sans-serif;font-size:18px;font-weight:500;margin-top:10px}.subbd-beta-demo-image-placeholder{background-color:#202020;border-radius:10px;height:0;overflow:hidden;padding-bottom:150%;position:relative;width:100%}.subbd-beta-demo-image-placeholder .shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#202020 0,#2a2a2a 50%,#202020);background-size:200% 100%;height:100%;width:100%}.subbd-beta-demo-generated-image-wrapper{cursor:zoom-in;display:inline-block;position:relative}.subbd-beta-demo-generated-image{border-radius:10px;height:auto;max-height:400px;width:100%}.subbd-beta-demo-generated-image-wrapper:hover>.subbd-beta-demo-download-button{opacity:1}.subbd-beta-demo-download-button{background-color:#3a3a3a;border:none;border-radius:25px;bottom:10px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;left:50%;max-width:200px;opacity:0;padding:8px 16px;position:absolute;transform:translateX(-50%);transition:opacity .3s}.subbd-beta-demo-download-button:hover{background-color:#505050}.subbd-beta-demo-generate-again-button{animation:fadeIn 1s forwards;animation-delay:.5s;background-color:#e11f28;border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:500;max-width:250px;opacity:0;padding:10px 15px;width:100%}.subbd-beta-demo-generate-again-button:hover{background-color:#fe3642}@keyframes fadeIn{to{opacity:1}}.subbd-beta-demo-modal{align-items:center;background-color:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.subbd-beta-demo-modal-content{position:relative}.subbd-beta-demo-modal-image{max-height:90%;max-width:90%}.subbd-beta-demo-modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:30px;height:40px;position:absolute;right:10px;top:10px;width:40px}.subbd-beta-demo-modal-close:hover{color:#c5c5c5}.gallery-container{display:flex;height:100vh;overflow:hidden;width:100%}.sidebar{border-right:2px solid #444;padding:10px;width:150px}.back-button,.sidebar h2{color:#fff;margin-bottom:10px}.back-button{background-color:#007bff;border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:10px 20px}.back-button:hover{background-color:#0056b3}.folder-list,.subfolder-list{list-style:none;padding-left:10px}.folder-item{align-items:center;cursor:pointer;display:flex;padding:5px}.folder-item:hover{background-color:#444}.folder-icon{height:20px;margin-right:10px;width:20px}.gallery-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:20px;position:relative}.image-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-items:center;padding:20px;width:100%}.folder-image,.gallery-image{border-radius:8px;cursor:pointer;height:auto;object-fit:cover;width:100%}.image-overlay{align-items:center;background-color:#000000b3;border-radius:8px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;padding:10px;position:absolute;top:0;transition:opacity .3s;width:100%}.image-container:hover .image-overlay{opacity:1}.metadata-overlay,.metadata-overlay-thumbnail{font-size:12px;margin:5px 0}.overlay-select-image-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;margin-top:10px;padding:5px 10px}.fullscreen-image-container{background-color:#000000e6;z-index:1000}.hidden{display:none}.image-wrapper{align-items:center;display:flex;height:70vh;justify-content:center;position:relative;width:100%}.expanded-image{max-height:70vh;max-width:60%}.metadata{background:#000000b3;border-radius:10px;color:#fff;margin-left:20px;margin-top:20px;max-height:80vh;max-width:400px;overflow-x:wrap;overflow-y:auto;padding:10px;position:absolute;right:10px}.metadata p{margin:5px 0}.select-image-button{background-color:blue;border-radius:10px;font-size:16px;margin-top:10px;max-width:300px;padding:10px 20px;z-index:10}.close-button,.select-image-button{border:none;color:#fff;cursor:pointer}.close-button{align-items:center;background:red;border-radius:50%;display:flex;font-size:18px;height:30px;justify-content:center;position:absolute;right:20px;top:20px;width:30px;z-index:100}.loading-symbol{color:#fff;font-size:16px;position:absolute}.pagination{align-items:center;display:flex;justify-content:center;margin-bottom:10px;margin-top:10px}.pagination button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:0 15px;padding:10px 20px}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.pagination span{color:#fff;font-size:16px;margin:0 10px;min-width:150px;padding:5px;text-align:center}.runpod-status-container{background-color:#121212;box-sizing:border-box;color:#fff;display:flex;height:95vh;padding:20px;width:100%}.details-container{border-right:2px solid #333;display:flex;flex:1 1;flex-direction:column;padding:20px}.details-container h2{color:#fff;font-size:1.2rem;margin-bottom:20px}.details-container ul{font-size:.9rem;list-style-type:none;padding:0}.details-container li{cursor:pointer;font-size:1rem;list-style-type:none;padding:10px 0}.details-container li:hover{background-color:#333}.endpoint-item.selected{background-color:#555}.endpoint-details{background-color:#1e1e1e;border-radius:8px;margin-top:20px;padding:10px}.endpoint-details h3{font-size:1.4rem;margin-bottom:10px}.endpoint-metrics{display:flex;justify-content:space-between}.jobs-column,.workers-column{width:48%}.endpoint-metrics h4{font-size:1.2rem;margin-bottom:5px}.endpoint-metrics ul{font-size:1rem;list-style-type:none;padding:0}.endpoint-metrics ul li{border-bottom:1px solid #555;padding:4px 0}.charts-container{flex:2 1}.chart,.charts-container{display:flex;flex-direction:column;padding:20px}.chart{background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 8px #00000080;flex-grow:1;justify-content:center;margin-bottom:20px}.chart>canvas{height:90%!important;width:80%!important}.chart-container::-webkit-scrollbar,.chart::-webkit-scrollbar{width:8px}.chart-container::-webkit-scrollbar-track,.chart::-webkit-scrollbar-track{background:#2c2c2c}.chart-container::-webkit-scrollbar-thumb,.chart::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}@media (max-width:768px){.runpod-status-container{flex-direction:column}.details-container{border-bottom:2px solid #333;border-right:none;margin-bottom:20px}.chart{height:300px;margin-bottom:20px}}.dropdown-container{margin-bottom:1em;max-width:100%;position:relative;width:400px}.dropdown-label{color:#fff;display:inline-block;margin-right:10px}.dropdown{background-color:#333;border:1px solid #444;border-radius:8px;color:#fff;cursor:pointer;padding:.5em;position:relative;-webkit-user-select:none;user-select:none}.dropdown.selected{background-color:#444}.dropdown-options{background-color:#333;border:1px solid #444;border-radius:8px;border-top:none;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;scrollbar-color:#ffffff80 #0000;scrollbar-width:thin;top:100%;z-index:1000}.dropdown-option{cursor:pointer;padding:.5em;white-space:nowrap}.dropdown-option:hover{background-color:#555}.dropdown-container .dropdown-options{display:block}.dropdown.disabled{background-color:#555;cursor:not-allowed}.dropdown-selected{align-items:center;display:flex;justify-content:space-between}.dropdown-placeholder{color:#888}.create-model-container{align-items:start;display:flex;height:100%;width:100%}.create-model-sidebar{background-color:#2a2a2a;border-radius:8px;display:flex;flex-direction:column;max-width:500px;padding:20px;width:30%}.model-image-display{align-items:center;display:flex;flex-grow:1;justify-content:center;padding:20px}.selected-model-image{border-radius:8px;max-height:80vh;max-width:70%}.sidebar input{background-color:#1e1e1e;border:none;border-radius:10px;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;margin:5px;max-width:425px;padding:15px}.sidebar button{background-color:#4caf50;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.error-message{background-color:#fdd;border-bottom:1px solid #d8000c;color:#d8000c;left:0;padding:10px 0;text-align:center;top:0;width:100%}.modal-backdrop{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#333;border-radius:20px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:20px;text-align:center;width:80%}.modal-content button{background-color:#007bff;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.modal-content button:hover{background-color:#0056b3}.models-page-container{display:flex;margin-top:20px}.sidebar{background-color:#2a2a2a;flex:0 0 500px;height:calc(100vh - 20px)}.content,.sidebar{overflow-y:auto;padding:20px}.content{flex-grow:1}.tiles{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tile{background-color:#2a2a2a;cursor:pointer;max-width:512px;padding:10px;transition:transform .3s ease}.tile,.tile img{border-radius:8px}.tile img{height:auto;width:100%}.tile:hover{transform:scale(1.05)}.tile h3{margin-top:8px;text-align:center}.loading-icon{color:#666;display:block;font-size:24px;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}.model-sidebar{background-color:#2a2a2a;color:#fff;display:flex;flex-direction:column;padding:20px;width:400px}.model-sidebar button{border:none;color:#fff;cursor:pointer;margin-bottom:10px;padding:10px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.model-sidebar input{font-size:20px;margin:10px 0;max-width:100%}.load-button{background-color:#4caf50}.model-generate-button{background-color:#007bff}.modify-button{background-color:#f09b1d}.delete-button{background-color:#f44336}.model-sidebar button:hover{opacity:.8}.diabled{background:#444;cursor:no-drop}.dropdown-container{margin:10px 0}.model-profile-container{display:flex;justify-content:space-between}.model-details{border-right:1px solid #ccc;flex:1 1;max-width:300px;padding:0 20px}.model-details img{max-width:100%}.model-info p{margin:10px 0}.image-results{flex:2 1;overflow-y:auto;padding:0 20px}.image-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.image-container{cursor:pointer}.image-container.selected{border:2px solid blue;opacity:.8}.image-container img{border-radius:5px;height:auto;width:100%}.image-results::-webkit-scrollbar{width:6px}.image-results::-webkit-scrollbar-thumb{background-color:#000}.clickable-image{cursor:pointer;transition:transform .3s ease}.fullscreen-image-container{align-items:center;background-color:#000c;cursor:default;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}.expanded-image{max-height:90%;max-width:90%;transform:scale(1.5)}.column-3-heading-container{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:flex-end;margin-bottom:15px;max-width:820px;min-width:600px;padding:10px 20px;position:absolute;right:0;width:60%;z-index:10}.control-button{background-color:#007bff;border:none;cursor:pointer;flex:1 1;margin:10px 15px;max-width:200px}.control-button,.tooltip{border-radius:5px;color:#fff;padding:10px}.tooltip{background-color:#000c;max-width:300px;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease-in-out;z-index:1000}.tooltip.visible{opacity:1}.tooltip h4{font-size:14px;font-weight:700;margin:0}.tooltip p{font-size:13px;margin:5px 0}.image-grid{display:flex;flex-wrap:wrap;position:relative}.image-item{margin:10px;position:relative}.selection-checkbox{left:5px;position:absolute;top:5px;z-index:1}.image-container{position:relative}.image-placeholder{align-items:center;background-color:#0006;color:#555;display:flex;font-size:16px;justify-content:center;margin:10px}.list-view-container{position:relative}.list-view{border-collapse:collapse;table-layout:fixed;width:100%}.list-view td,.list-view th{border:1px solid #ddd;overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:nowrap}.list-view th{position:relative}.list-view th,.list-view th .resizer{-webkit-user-select:none;user-select:none}.list-view th .resizer{cursor:col-resize;height:100%;position:absolute;right:0;top:0;width:5px}.list-view tr:hover{background-color:#0006}.moderation-tool{padding:20px}.controls-row{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:10px}.bulk-actions,.date-filters,.display-mode-toggle,.filters,.pagination-controls,.results-per-page,.sorting{align-items:center;display:flex;margin-right:20px}.date-filters input[type=date],.filters input[type=text],.filters select{margin-bottom:10px;margin-right:10px;padding:5px}.filters label{margin-bottom:10px;margin-right:10px}.bulk-button,.display-mode-toggle .display-mode,.fetch-button,.sorting .sort-option{background-color:#0006;color:#fff;cursor:pointer;margin-right:10px;padding:5px 10px}.display-mode-toggle .display-mode.active,.sorting .sort-option.active{background-color:#007bff;color:#fff}.fetch-button{background-color:#28a745;color:#fff}.bulk-button{background-color:#dc3545;color:#fff}.bulk-button[disabled]{background-color:#ccc;cursor:not-allowed}.pagination-controls button{margin-right:5px;padding:5px 10px}.pagination-controls span,.results-per-page label{margin-right:5px}.testing-page{background-color:#121212;color:#fff;padding:20px}.settings,.settings-column{display:flex;flex-direction:column}.settings{margin-bottom:20px}.randomize-container{align-items:center;display:flex}.randomize-button{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;text-align:left;transition:background-color .3s;width:100%}.randomize-button.active,.randomize-button:hover:not(:disabled){background-color:#c0392b}.check-mark-box{align-items:center;background-color:#fff;border:1px solid #e74c3c;border-radius:2px;display:flex;height:18px;justify-content:center;margin-left:10px;width:18px}.check-mark{color:#2ecc71;font-size:18px}.quantity-setting{align-items:center;display:flex;margin-top:10px}.quantity-setting label{align-items:center;display:flex;width:100%}.quantity-setting input{background-color:#1e1e1e;border:1px solid #555;border-radius:4px;color:#fff;flex:1 1;margin-left:10px;padding:5px;width:100%}.tabs{display:flex;margin-bottom:20px}.tab-button{background-color:#555;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:10px;padding:10px 20px;transition:background-color .3s}.tab-button.active{background-color:#007bff}.input-output-container{display:flex;justify-content:space-between}.input-column{padding-right:20px;width:30%}.results-column{padding-left:20px;width:70%}.testing-section{margin-bottom:20px}.testing-section textarea{background-color:#1e1e1e;border:1px solid #555;border-radius:4px;color:#fff;height:300px;margin-bottom:10px;max-width:100%;padding:10px;resize:both;width:100%}.testing-section button{border:none;border-radius:4px;cursor:pointer;padding:10px 20px;transition:background-color .3s;width:100%}.prefill-button{background-color:#555;color:#fff}.generate-button{background-color:#e74c3c;color:#fff}.generate-button:disabled,.prefill-button:disabled{background-color:#555;cursor:not-allowed}.prefill-button:hover:not(:disabled){background-color:#444}.generate-button:hover:not(:disabled){background-color:#c0392b}.results-section{margin-top:20px}.result-item{cursor:pointer;margin-bottom:20px;max-width:512px;position:relative}.result-item img{border:1px solid #555;border-radius:4px;height:auto;max-width:100%}.result-item-overlay{align-items:center;background:#000000b3;border-radius:4px;bottom:0;color:#fff;display:flex;justify-content:center;left:0;max-height:100%;max-width:100%;opacity:0;overflow:hidden;padding:10px;position:absolute;right:0;top:0;transition:opacity .3s}.result-item-overlay>pre{max-width:100%}.result-item:hover .result-item-overlay{opacity:1}.input-images-section{margin-top:20px}.input-image-item{margin-bottom:10px;position:relative}.input-image-item img{border:1px solid #555;border-radius:4px;height:auto;max-width:100%}.input-image-overlay{align-items:left;background:#000000b3;border-radius:4px;bottom:0;color:#fff;display:flex;justify-content:left;left:0;max-height:100%;max-width:100%;opacity:0;overflow:hidden;padding:10px;position:absolute;right:0;top:0;transition:opacity .3s}.input-image-overlay>pre{max-width:100%}.input-image-item:hover .input-image-overlay{opacity:1}.input-images-loader{color:#fff;text-align:center}.image-loading-div{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1e1e1e 25%,#2e2e2e 50%,#1e1e1e 75%);background-size:200% 100%;border:1px solid #555;border-radius:4px;height:512px;max-width:512px;width:100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.enlarged-image-container{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:20}.enlarged-image-wrapper{align-items:center;display:flex;flex-direction:column;max-height:100vh}.enlarged-image{margin-bottom:20px;max-height:70%;max-width:700px}.enlarged-metadata{background-color:#1e1e1e;border-radius:4px;max-height:30%;max-width:100%;max-width:512px;overflow-y:auto;padding:10px}
/*# sourceMappingURL=main.1ba091bf.css.map*/