.modal-shut,.modal-shut.modalOn{z-index:100;height:max-content;display:none;position:fixed;top:50%;left:50%}.modal-shut .image-modal{background-color:#121826;flex-direction:row;width:clamp(300px,70vw,1000px);padding:24px 8px 24px 24px;display:flex;transform:translate(-50%,-50%)}.modal-shut .image-modal .image{aspect-ratio:3/2;border-radius:3px;flex:1 0;width:100px;min-width:0;margin-right:24px;display:block}.modal-shut .image-modal .prompt-container{flex-direction:column;flex:1.5 0;gap:24px;display:flex}.modal-shut .image-modal .prompt-container .prompt-info{flex-direction:column;gap:8px;display:flex}.modal-shut .image-modal .prompt-container .prompt-info h2{color:#394150;font-size:.875rem}.modal-shut .image-modal .prompt-container .prompt-info .info{color:#e4e4e7}.modal-shut .image-modal .prompt-container .generate{background-color:#7c71ff;border-radius:5px;place-content:center;gap:5px;width:100%;height:40px;display:flex}.modal-shut .image-modal .prompt-container .generate .magic-img{aspect-ratio:1;height:100%;display:block}.modal-shut .image-modal .prompt-container .generate .text{color:#e4e4e7;place-self:center}.modal-shut .image-modal .close-cross-column{background-color:#121826;flex-direction:column;flex:.03 0 10px;padding-top:8px;padding-left:8px;padding-right:8px;display:flex}.modal-shut .image-modal .close-cross-column .close-cross{aspect-ratio:1;background-color:#e4e4e7;place-self:center;width:100%}.modal-shut.modalOn{display:block}.aside-hover-box{aspect-ratio:1;border-radius:3px;place-content:center;width:clamp(5px,50%,50px);padding:1px;display:flex}.aside-hover-box:hover{background-color:#4e80ee}.aside-container{width:clamp(0px,10vw,300px);height:100vh;position:sticky;top:0}@media (width<=640px){.aside-container{display:none}}.aside{border-right:1px solid #6c727f;flex-direction:column;justify-content:center;gap:clamp(3px,4vh,20px);width:100%;height:100%;padding:20px 25% 10px;display:flex}.aside-logo{aspect-ratio:1;width:clamp(5px,50%,50px);margin-bottom:20px;padding:1px}.aside-logo-image,.aside-icon{aspect-ratio:1;width:100%}.aside-logout{margin-top:auto}.aside-logout-image{aspect-ratio:1;width:100%}.aside-close-cross-box,.aside-text{display:none}@media (width<=640px){aside,.aside-hamburger{z-index:100;background-color:#212936;width:45vw;animation:.25s slideIn;display:none;position:fixed;top:0;right:0}aside .aside,.aside-hamburger .aside{color:#e4e4e7;border-right:1px solid #6c727f;flex-direction:column;justify-content:space-between;gap:0;width:100%;height:100vh;padding:20px 7% 10px;display:flex}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}aside .aside-hover-box,.aside-hamburger .aside-hover-box{aspect-ratio:auto;width:100%;height:clamp(40px,5%,70px);margin-top:10px;margin-bottom:10px;font-size:clamp(16px,2.5vw,32px)}aside .aside-icon,.aside-hamburger .aside-icon{flex-grow:0;flex-shrink:0;width:clamp(5px,13%,50px);min-width:0;display:block}aside .aside-logo,.aside-hamburger .aside-logo{display:none}aside .aside-close-cross-box,.aside-hamburger .aside-close-cross-box{background-color:#6c727f;border-radius:3px;place-content:center;width:20px;height:20px;display:flex}aside .aside-text,.aside-hamburger .aside-text{white-space:nowrap;flex:1;align-self:center;width:100%;display:block}aside .aside-logout,.aside-hamburger .aside-logout{margin-top:auto;margin-bottom:5px}aside,.aside-hamburger{display:block}.blur{filter:blur(5px)}}.collection-content-container .content-container{padding-block:clamp(5px,5vh,20px);padding-inline:clamp(10px,5vw,40px)}.collection-content-container .content-container .content{flex-direction:column;gap:clamp(30px,5vh,70px);width:100%;height:100%;display:flex}.collection-content-container .content-container .keyword-search{border:2px solid #394150;border-radius:3px;outline:0;flex-direction:row;width:clamp(300px,5vw,600px);display:flex}.collection-content-container .content-container .keyword-search input{color:#e4e4e7;background-color:#121826;border:none;outline:none;width:calc(100% - 24px);height:24px;padding-left:10px;font-size:14px;transition:border-color .2s}.collection-content-container .content-container .keyword-search input:focus{border-color:#7c6cff}.collection-content-container .content-container .keyword-search input::placeholder{color:#394150}.collection-content-container .content-container .keyword-search .search-symbol{aspect-ratio:1;place-content:start center;width:24px;display:flex}.collection-content-container .content-container .keyword-search .search-symbol img{display:block}.collection-content-container .content-container .image-card{break-inside:avoid;background:#121826;border-radius:5px;width:180px;margin-bottom:20px;overflow:hidden}.collection-content-container .content-container .image-card img{width:100%;display:block}.collection-content-container .content-container .masonry-layout{column-count:4;column-gap:5px}@media (width<=1280px){.collection-content-container .content-container .masonry-layout{column-count:4}}@media (width<=1024px){.collection-content-container .content-container .masonry-layout{column-count:3}}@media (width<=640px){.collection-content-container .content-container .masonry-layout{column-count:2}}.collection-content-container .content-container .card-info{justify-content:space-between;align-items:center;padding:1px;display:flex}.collection-content-container .content-container .card-info button{div:block;border:none;outline:none}.collection-content-container .content-container .card-info button img{div:block;aspect-ratio:1;background-color:#4e80ee;height:100%}.collection-content-container .content-container .card-info button img:hover{background-color:#6c727f}.collection-content-container .content-container .card-info .card-maker{display:flex}.collection-content-container .content-container .card-info .card-maker img{div:block;background-color:#121826;border-radius:3px;height:100%}.collection-content-container .content-container .card-info .card-maker div{color:#e4e4e7;align-self:center;font-size:12px}.top{display:none}@media (width<=640px){.top{border:2px solid #6c727f;justify-content:space-between;height:clamp(15px,7vh,90px);padding-block:10px;padding-inline:20px;display:flex}}.top .logo{aspect-ratio:1;height:100%;display:block}.top .hamburger-container{aspect-ratio:1;border-radius:3px;place-content:center;height:100%;padding:3px;display:flex}.top .hamburger-container:hover{background-color:#4e80ee}.top .hamburger-container .hamburger-image{width:100%;height:100%;display:block}.collection-container{scroll-behavior:smooth;grid-template-columns:auto 1fr;grid-template-areas:"collection-aside collection-content";display:grid}@media (width<=640px){.collection-container{grid-template:"collection-top""collection-content"1fr/100vw}}.collection-container .blur{filter:blur(5px)}.collection-container .overlay{z-index:99;position:fixed;inset:0}.feed-content-container .content-container{padding-block:clamp(5px,5vh,20px);padding-inline:clamp(10px,5vw,40px)}.feed-content-container .content-container .content{flex-direction:column;gap:clamp(30px,5vh,70px);width:100%;height:100%;display:flex}.feed-content-container .content-container .keyword-search{border:2px solid #394150;border-radius:3px;outline:0;flex-direction:row;width:clamp(300px,5vw,600px);display:flex}.feed-content-container .content-container .keyword-search input{color:#e4e4e7;background-color:#121826;border:none;outline:none;width:calc(100% - 24px);height:24px;padding-left:10px;font-size:14px;transition:border-color .2s}.feed-content-container .content-container .keyword-search input:focus{border-color:#7c6cff}.feed-content-container .content-container .keyword-search input::placeholder{color:#394150}.feed-content-container .content-container .keyword-search .search-symbol{aspect-ratio:1;place-content:start center;width:24px;display:flex}.feed-content-container .content-container .keyword-search .search-symbol img{display:block}.feed-content-container .content-container .image-card{break-inside:avoid;background:#121826;border-radius:5px;width:180px;margin-bottom:20px;overflow:hidden}.feed-content-container .content-container .image-card img{width:100%;display:block}.feed-content-container .content-container .masonry-layout{column-count:4;column-gap:20px}@media (width<=1280px){.feed-content-container .content-container .masonry-layout{column-count:4}}@media (width<=1024px){.feed-content-container .content-container .masonry-layout{column-count:3}}@media (width<=640px){.feed-content-container .content-container .masonry-layout{column-count:2}}.feed-content-container .content-container .card-info{justify-content:space-between;align-items:center;padding:1px;display:flex}.feed-content-container .content-container .card-info button{div:block;border:none;outline:none}.feed-content-container .content-container .card-info button img{div:block;aspect-ratio:1;background-color:#4e80ee;height:100%}.feed-content-container .content-container .card-info button img:hover{background-color:#6c727f}.feed-content-container .content-container .card-info .card-maker{display:flex}.feed-content-container .content-container .card-info .card-maker img{div:block;background-color:#121826;border-radius:3px;height:100%}.feed-content-container .content-container .card-info .card-maker div{color:#e4e4e7;align-self:center;font-size:12px}.feed-container{scroll-behavior:smooth;grid-template-columns:auto 1fr;grid-template-areas:"feed-aside feed-content";display:grid}@media (width<=640px){.feed-container{grid-template:"feed-top""feed-content"1fr/100vw}}.feed-container .blur{filter:blur(5px)}.feed-container .overlay{z-index:99;position:fixed;inset:0}.history-content-container header{color:#e4e4e7;font-size:1.25rem}.history-content-container .content-container{scroll-behavior:smooth;padding-block:clamp(5px,5vh,20px);padding-inline:clamp(10px,5vw,40px);overflow-y:auto}.history-content-container .content{flex-direction:column;gap:clamp(30px,5vh,70px);width:100%;height:100%;display:flex}.history-content-container .image-card{color:#e4e4e7;border-bottom:2px solid #394150;border-radius:3px;flex-direction:row;gap:clamp(20px,5vw,40px);width:100%;padding-bottom:clamp(20px,3vh,40px);display:flex}.history-content-container .image-card .img{border:none;flex:1;width:100%;height:auto;display:block}.history-content-container .image-card .info-column{flex-direction:column;flex:2;gap:clamp(20px,5vh,30px);display:flex}.history-content-container .image-card .info-column .prompt{flex-direction:column;flex:1;display:flex}.history-content-container .image-card .info-column .prompt header{color:#394150;font-size:.75rem}.history-content-container .image-card .info-column .prompt div{width:100%}@media (width<=6400px){.history-content-container .image-card{flex-direction:column}}.history-container{scroll-behavior:smooth;grid-template-columns:auto 1fr;grid-template-areas:"history-aside history-content";display:grid}@media (width<=640px){.history-container{grid-template:"history-top""history-content"1fr/100vw}}.history-container .blur{filter:blur(5px)}.history-container .overlay{z-index:99;position:fixed;inset:0}.homepage-content-container .content-container{padding-block:clamp(5px,5vh,20px);padding-inline:clamp(10px,5vw,30px)}.homepage-content-container .content{flex-direction:row;gap:clamp(30px,5vw,70px);width:100%;height:100%;display:flex}@media (width<=640px){.homepage-content-container .content{flex-direction:column}}.homepage-content-container .prompt{flex-direction:column;gap:24px;width:50%;height:50%;display:flex}@media (width<=640px){.homepage-content-container .prompt{width:auto;height:auto}}.homepage-content-container .form-group{flex-direction:column;gap:10px;width:100%;display:flex}.homepage-content-container .form-group label{color:#8d97ab;font-size:14px;font-weight:500}.homepage-content-container .form-group label span{color:#667085;font-weight:400}.homepage-content-container .form-group textarea{color:#e4e4e7;background-color:#394150;border:1px solid #ffffff14;border-radius:5px;outline:none;width:100%;height:48px;padding:0 16px;font-size:14px;transition:border-color .2s}.homepage-content-container .form-group textarea::placeholder{color:#6b7280}.homepage-content-container .form-group textarea:focus{border-color:#7c6cff}.homepage-content-container .form-group input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%}.homepage-content-container .form-group input[type=range]::-webkit-slider-runnable-track{background:#212936;border-radius:999px;height:6px}.homepage-content-container .form-group input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#4e80ee;border:2px solid #fff;border-radius:50%;width:18px;height:18px;margin-top:-6px}.homepage-content-container .form-group .promp-area{height:96px}.homepage-content-container .form-group .color-picker{gap:12px;width:max-content;display:flex}.homepage-content-container .form-group .color{border:none;border-radius:50%;width:20px;height:20px}.homepage-content-container .form-group .color:hover{border:2px solid #121826;outline:2px solid #4e80ee}.homepage-content-container .form-group .purple{background:#9d59ef}.homepage-content-container .form-group .blue{background:#4e80ee}.homepage-content-container .form-group .red{background:#dd524c}.homepage-content-container .form-group .orange{background:#e87b35}.homepage-content-container .form-group .green{background:#5ec269}.homepage-content-container .form-group .white{background:#e4e4e7}.homepage-content-container .form-group .blank{background:0 0;border:2px solid #6c727f}.homepage-content-container .resolution-grid{grid-template-columns:repeat(auto-fit,clamp(70px,7vw,90px));gap:12px;display:grid}.homepage-content-container .resolution-btn{color:#e4e4e7;cursor:pointer;background:#212936;border-width:0;border-radius:3px;height:clamp(30px,9vh,90px);transition:all .2s}.homepage-content-container .resolution-btn:hover{border-color:#4e80ee}.homepage-content-container .resolution-btn.active{background:#4e80ee}.homepage-content-container #generate-image{border-radius:inherit;background:#4e80ee;place-content:center;width:100%;display:flex}.homepage-content-container #generate-image .magic{aspect-ratio:1;background:#4e80ee;border:none;width:clamp(5px,5.85vw - 1px,25px);display:block}.homepage-content-container #generate-image div{color:#e4e4e7;align-self:center;font-size:clamp(.75rem,20%,1.5rem)}.homepage-content-container #AI-image-container{border:3px solid #6c727f;width:100%;height:100%;display:block}.homepage-content-container #AI-image{width:100%;height:100%}.common-page-background{background-color:#212936}.homepage-container{scroll-behavior:smooth;grid-template-columns:auto 1fr;grid-template-areas:"homepage-aside homepage-content";display:grid}@media (width<=640px){.homepage-container{grid-template:"homepage-top""homepage-content"1fr/100vw}}.homepage-container .blur{filter:blur(5px)}.homepage-container .overlay{z-index:99;position:fixed;inset:0}