@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";*,*:before,*:after{box-sizing:border-box}html,body,div,span,input,object,iframe,button,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none;background:none;border:none;outline:none;box-shadow:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{border-radius:0}body{font-family:Figtree,Helvetica,Arial,Lucida Grande;background-color:#000;height:100vh}.editor-page{max-height:100%;height:100vh;padding:12px;display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:60px 1fr;gap:12px}.editor-page .search-bar.artist{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2}.editor-page .image-gallery{grid-column-start:1;grid-column-end:2;grid-row-start:2;grid-row-end:3}.editor-page .button-bar{grid-column-start:2;grid-column-end:4;grid-row-start:1;grid-row-end:2}.editor-page .button-bar .search-bar{flex:2 2 0;gap:12px}.editor-page .button-bar .search-bar.verified input{border:2px solid #35d0a7}.editor-page .button-bar .search-bar.unverified input{border:2px solid red}.editor-page .button-bar p{color:#35d0a7;white-space:nowrap;width:0;overflow:hidden;transition:width .5s ease}.editor-page .button-bar p.verified{width:100px}.editor-page .render-container{grid-column-start:2;grid-column-end:3;grid-row-start:2;grid-row-end:3;background-color:#191919;display:flex;flex-direction:column;gap:12px;padding:0 12px 12px;border-radius:6px}@media (min-aspect-ratio: 90/55){.editor-page .render-container .prompt-bar{display:none}}.editor-page .control-panel{grid-column-start:3;grid-column-end:4;grid-row-start:2;grid-row-end:3;background-color:#191919;overflow-y:auto;border-radius:6px;display:flex;flex-direction:column;gap:12px;padding:12px}.editor-page .control-panel .prompt-bar{max-height:200px;flex-grow:1;display:none}@media (min-aspect-ratio: 90/55){.editor-page .control-panel .prompt-bar{display:block}}.editor-page .control-panel .history-viewer{flex-grow:1;background-color:#242424;overflow-y:scroll}.editor-page .control-panel .submit-render-button{height:100px;border-radius:6px;border:2px solid #35d0a7;background-color:#242424;color:#35d0a7;font-size:20px;font-weight:600}.editor-page .control-panel .submit-render-button:hover,.editor-page .control-panel .submit-render-button.active{background-color:#35d0a7;color:#242424}.login-container{margin-top:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.login-container .save-token{margin-top:50px;max-width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.login-container .input-container{display:flex;gap:12px;align-items:center;padding:10px}.login-container .input-container input{padding:10px}.login-container form{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:20px}.login-container input{border:1px solid white;color:#fff}.landing-page{padding:60px;margin:12px;height:100vh;position:relative;display:flex;gap:12px;align-items:center;justify-content:center}.landing-page h1{color:#a7a7a7;font-size:30px;text-align:center}.landing-page p{color:#a7a7a7;text-align:center}.landing-page .title{position:absolute;right:0;top:0;transform:translateY(-100%);font-family:Inter,Arial;font-size:1.5em;font-weight:300;color:#fff}.landing-page .go-to-editor{position:absolute;right:0;bottom:0;transform:translateY(100%);font-family:Inter,Arial;font-size:1.5em;font-weight:300;color:#fff}.landing-page .go-to-editor:hover{border-bottom:1px solid white}.landing-page .how-to-use{position:absolute;left:0;bottom:0;transform-origin:0% 100%;transform:rotate(-90deg);font-family:Inter,Arial;font-size:1.5em;font-weight:300;color:#fff}.landing-page .how-to-use:hover{border-top:1px solid white}.landing-page .container{position:relative;width:80%;aspect-ratio:1/1}@media (min-aspect-ratio: 1.2/1){.landing-page .container{width:40%}}.landing-page .container .img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover}.landing-page .container .background-img{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.landing-page .container .background-img .square-input-image{position:relative;width:100%;height:100%;background-size:cover;background-position:center}.landing-page .container .foreground-img{background-image:url(/assets/output-example-Gn_At8Yt.png);width:50%}.landing-page .slider{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;background:#f2f2f24d;outline:none;margin:0;transition:all .2s;display:flex;justify-content:center;align-items:center}.landing-page .slider:hover{background:#f2f2f200}.landing-page .slider:before{content:"";position:absolute;left:calc(var(--before-left) - 5px);width:6px;height:100%;background:#fff;pointer-events:none}.landing-page .slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:6px;height:20px;background:#fff;cursor:pointer}.landing-page .slider-button{pointer-events:none;position:absolute;width:30px;height:30px;border-radius:50%;background-color:#fff;left:calc(50% - 18px);top:calc(50% - 18px);display:flex;justify-content:center;align-items:center}.landing-page .slider-button:after{content:"";padding:3px;display:inline-block;border:solid #191919;border-width:0 2px 2px 0;transform:rotate(-45deg)}.landing-page .slider-button:before{content:"";padding:3px;display:inline-block;border:solid #191919;border-width:0 2px 2px 0;transform:rotate(135deg)}.center-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}.how-to-container{padding:10px;margin:10px;display:grid;grid-template-columns:2fr 1fr;width:90vw;align-items:center;gap:16px}@media (max-width: 600px){.how-to-container{grid-template-columns:none;grid-template-rows:auto auto}}.how-to-container ol li{padding-bottom:8px}.how-to-container a{color:#35d0a7}.how-to-container .instructions{color:#fff;display:flex;flex-direction:column;justify-content:center;gap:16px}.how-to-container .instructions .list{padding-left:16px}.how-to-container .instructions .go-to-editor:hover{border-bottom:1px solid white}.how-to-container .how-to-gif{width:auto;height:auto;max-width:100%}.search-bar{display:flex;justify-content:center;align-items:center;background-color:#191919;padding:8px 12px;border-radius:6px}.search-bar input{flex-grow:1;background-color:#242424;border-radius:999px;color:#fff;padding:8px 20px;border:2px solid #191919}.search-bar input:hover{border:2px solid #A7A7A7}.search-bar input:focus{padding:7px 20px;border:2px solid white}button{font-family:Figtree,Helvetica,Arial,Lucida Grande;font-size:16px;font-weight:400;background-color:#242424;border-radius:999px;color:#a7a7a7;padding:8px 20px;border:2px solid #191919}button:hover{border:2px solid #A7A7A7}.image-gallery{flex-grow:1;display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:minmax(min-content,max-content);padding:12px;border-radius:6px;background-color:#191919;gap:12px;overflow-y:auto}.image-gallery img{width:100%;border-radius:6px;border:2px solid #191919}.image-gallery img:hover{border:2px solid #35d0a7}.button-bar{display:flex;align-items:center;gap:20px;background-color:#191919;border-radius:6px}.button-bar h2{color:#a7a7a7;font-size:30px;text-align:center;flex:1 1 0}.render-region{flex-grow:1}.render-region .render-zone{width:100%;aspect-ratio:1/1;border-radius:6px}.render-region .album-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;justify-content:center;align-items:center}.render-region .album-grid .image-container{width:100%;aspect-ratio:1/1;border:2px solid #191919;position:relative;display:flex;justify-content:center;align-items:center}.render-region .album-grid .image-container img{width:100%;height:100%;aspect-ratio:1/1;border-radius:6px;border:2px solid #191919}.render-region .album-grid .image-container:hover img{border:2px solid #35d0a7}.render-region .album-grid .image-container .hover-button{position:absolute;width:30px;height:30px;top:0;right:0;opacity:0;border:none;transition:opacity .3s ease,transform .3s ease;margin-top:8px;margin-right:8px}.render-region .album-grid .image-container .hover-button:hover{transform:scale(1.2)}.render-region .album-grid .image-container:hover .hover-button{opacity:1;border:none}.prompt-bar{flex-grow:1;width:100%;height:100%;background-color:#242424;border:white;border-radius:6px;resize:none;overflow:auto;color:#fff;padding:8px}.prompt-bar:focus{outline:none}.weight-mixer{padding-bottom:8px}.weight-mixer .range-bar{display:flex;gap:8px;justify-content:space-around;align-items:center}.weight-mixer .slider{--SliderColor: hsl(50, 100%, 50%);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#242424}.weight-mixer .slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background-color:#35d0a7;overflow:visible;cursor:pointer}.weight-mixer .grid-key{position:relative;border:1px solid #A7A7A7;width:25px;height:25px}.weight-mixer .grid-key .grid-section{position:absolute;height:50%;width:50%;background-color:#a7a7a7}.weight-mixer .grid-key .top-left{top:0;left:0}.weight-mixer .grid-key .top-right{top:0;right:0}.weight-mixer .grid-key .bottom-left{bottom:0;left:0}.weight-mixer .grid-key .bottom-right{bottom:0;right:0}.weight-mixer .contribution{color:#a7a7a7;position:relative;height:10px;width:10px}.weight-mixer .contribution p{position:absolute;left:0;top:50%;transform:translateY(-50%)}.view-selector{display:flex;align-items:center;background-color:#000}.view-selector .upload-images{flex:1 1 0;color:#a7a7a7;text-align:center;padding-top:8px;padding-bottom:8px;margin-left:-12px;border-top-left-radius:6px;background-color:transparent;display:flex;align-items:center;justify-content:center;background-color:#000}.view-selector .upload-images:hover{background-color:#242424}.view-selector .upload-images.selected{background-color:#191919}.view-selector .render-image{flex:1 1 0;color:#a7a7a7;text-align:center;background-color:#000;margin-right:-12px;padding-top:8px;padding-bottom:8px;border-top-right-radius:6px;display:flex;align-items:center;justify-content:center}.view-selector .render-image:hover{background-color:#242424}.view-selector .render-image.selected{background-color:#191919}.render-card{display:flex;align-content:center;margin:0 12px;padding:12px 0;gap:12px;border-bottom:1px solid #A7A7A7}.render-card .render-image{height:70px;aspect-ratio:1/1;border-radius:6px}.render-card .render-buttons{flex:1 1 0;display:flex;justify-content:center;align-items:center;gap:12px}