@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Poppins:wght@400;600;700&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}#root,body{background:#222;color:#222;font-family:Onest,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;overflow-x:hidden}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}::-webkit-scrollbar{background:#fff9f0;width:10px}::-webkit-scrollbar-thumb{background:#ffd6e0;border-radius:8px}.App{min-height:100vh;position:relative;text-align:center}.content-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin:30px auto 0;min-height:80vh;overflow-x:hidden;padding:70px 5% 0;position:relative;width:100%;z-index:5}.content-container.preview-open{grid-template-columns:1fr 1fr}.homepage-intro{display:flex;flex-direction:column;height:fit-content;justify-content:center;left:0;margin-bottom:20px;padding:20px;position:sticky;top:10%;transition:transform .5s cubic-bezier(.23,1,.32,1)}.content-container.preview-open .homepage-intro{transform:translateX(-200%)}.content-container.preview-minimized .homepage-intro{transform:translateX(0)}.homepage-intro h1{color:#fff;font-size:3rem;font-weight:700;line-height:1.2;text-shadow:0 2px 4px #0000004d}.talk-bubble{animation:float 3s ease-in-out infinite;transition:all .2s ease}.talk-bubble:hover{box-shadow:3px 3px 8px #0003;transform:scale(1.05)!important}.talk-bubble:hover,.talk-bubble:hover .talk-bubble-arrow{background:#ffc107!important}@keyframes float{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5px) rotate(-4deg)}}.main-input-panel{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff;background-color:#fff;border:4px solid #ffe36a;border-radius:24px;box-shadow:0 8px 40px #00000026;color:#7e52c7;margin:0 auto;max-width:90%;padding:30px;position:relative;transition:transform .5s cubic-bezier(.23,1,.32,1);width:100%;z-index:2}.content-container.preview-open .main-input-panel{margin-left:0;transform:translateX(-120%)}.content-container.preview-minimized .main-input-panel{transform:translateX(5%)}.preview-panel{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff;background-color:#fff;border:4px solid #ffe36a;border-radius:24px;box-shadow:0 8px 40px #00000026;box-sizing:border-box;display:flex;flex-direction:column;height:auto;overflow:visible;padding:30px;position:absolute;right:-100%;top:70px;transition:right .5s cubic-bezier(.23,1,.32,1);width:50%;z-index:2}.preview-panel.show{right:3%}.preview-panel.minimized{cursor:pointer;height:200px;right:-47%}.preview-panel.minimized:before{align-items:center;border-radius:8px 0 0 8px;content:"↔️";cursor:pointer;display:flex;font-size:26px;height:80px;justify-content:center;left:5px;position:absolute;top:50%;transform:translateY(-50%);width:30px}.preview-controls{display:flex;gap:10px;position:absolute;right:10px;top:10px;z-index:11}.close-preview,.minimize-preview{align-items:center;background:#ff6b6b;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;line-height:1;min-width:36px;text-align:center;width:36px}.minimize-preview{background:#a389f4;font-size:20px}.preview-area{align-items:center;background:#fff;border:2px dashed #a389f4;border-radius:20px;display:flex;flex-direction:column;height:calc(100% - 60px);justify-content:center;margin-top:40px;overflow:hidden;width:100%}.preview-area img{border-radius:16px;display:block;height:auto;max-height:100%;object-fit:contain;width:100%}.download-container{display:flex;justify-content:center;margin-bottom:10px;margin-top:20px}.gallery-view{margin:60px auto 0;max-width:1800px;padding:20px;position:relative;width:100%;z-index:9}.gallery-view h2{color:#fff;font-family:Onest,sans-serif;font-size:32px;font-weight:700;margin-bottom:30px;text-shadow:0 2px 0 #404,0 1.5px 8px #303}.gallery-masonry{column-count:2;column-gap:16px;margin:0 auto;padding:16px 0;width:100%}@media (min-width:600px){.gallery-masonry{column-count:3;column-gap:18px}}@media (min-width:900px){.gallery-masonry{column-count:4;column-gap:20px}}@media (min-width:1200px){.gallery-masonry{column-count:5;column-gap:22px}}@media (max-width:1200px){.content-container{gap:20px;grid-template-columns:.9fr 1.1fr}.homepage-intro h1{font-size:2.5rem}}@media (max-width:1024px){.content-container{gap:15px;grid-template-columns:.8fr 1.2fr}.homepage-intro{position:sticky;top:20px}.homepage-intro h1{font-size:2rem}.main-input-panel{max-width:600px;width:100%}}@media (max-width:768px){.content-container{align-items:center;flex-direction:column;gap:20px;grid-template-columns:1fr}.homepage-intro{padding:20px 20px 0;position:sticky;text-align:center;top:10px}.homepage-intro h1{font-size:1.8rem}.talk-bubble{font-size:12px!important;margin-left:auto;margin-right:auto;max-width:auto!important;padding:6px 12px!important}.main-input-panel{margin-bottom:20px;max-width:none;width:90%}.content-container.preview-open .main-input-panel{margin-left:0;margin-top:50px;transform:translateX(-45%);width:140%}.preview-panel{border-radius:24px;box-shadow:0 -8px 40px #00000026;height:90%;margin-left:0;max-height:90vh;overflow:auto;padding:20px;position:fixed;right:-100%;top:80px;width:100%;z-index:1000}.preview-panel.show{right:0}.preview-panel.minimized{cursor:pointer;height:60px;overflow:hidden;right:0}.preview-panel.minimized:before{color:#7e52c7;content:"👇 Tap to show preview";display:block;font-size:18px;font-weight:600;height:auto;margin-top:-4px;position:static;text-align:left;transform:none;width:100%}.preview-area{margin-top:20px}}@media (min-width:769px) and (max-width:1024px){.content-container.preview-open{grid-template-columns:45% 55%}}.nl-prompt-sentence{color:#222;font-weight:600;margin-bottom:12px}.nl-prompt-mobile .nl-prompt-sentence{align-items:flex-start;color:#222;display:flex;flex-direction:column;font-size:17px;line-height:1.5}.nl-prompt-mobile .combo-box{margin-bottom:16px;margin-top:6px}.nl-prompt-mobile .combo-box,.nl-prompt-mobile input{margin-bottom:12px;width:100%}.nl-prompt-mobile label{color:#7e52c7;display:block;font-size:16px;font-weight:600;margin-bottom:6px}input,select,textarea{border:2px solid #ffd6e0;border-radius:12px;font-family:Onest,sans-serif;font-size:16px;font-weight:500;margin-bottom:16px;padding:12px 16px;transition:all .2s ease;width:100%}input:focus,select:focus,textarea:focus{border:2.5px solid #7e52c7}input::placeholder,textarea::placeholder{color:#b0b0b0!important;opacity:1}.button,button{background:#a389f4;border:none;border-radius:50px;box-shadow:0 4px 8px #00000026;color:#fff;cursor:pointer;font-family:Onest,sans-serif;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}button:disabled{cursor:not-allowed;opacity:.5}@media (min-width:600px){.main-title,h1{font-size:32px}.style-option{font-size:15px;padding:16px 12px 10px}.button,button{min-width:180px;width:auto}.nl-prompt-mobile label,input,select,textarea{font-size:17px}}@media (hover:none){.button:active,button:active{background:linear-gradient(90deg,#ffe36a,#ffac40);transform:scale(.98)}.style-option:active{border:3px solid #ff9c2a;box-shadow:0 4px 12px #ffde5366}.button,button,input,select,textarea{min-height:44px}.button,button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.button:active,.style-option:active,a:active,button:active{opacity:.7}.preview-sticky{position:relative!important;top:auto!important}}@media (max-height:500px) and (orientation:landscape){.main-panel{margin-bottom:16px;padding:16px}.main-title,h1{font-size:22px;margin-bottom:12px}.preview-area{min-height:200px!important}.nl-prompt-mobile{grid-gap:10px;display:grid;grid-template-columns:repeat(2,1fr)}.nl-prompt-sentence{grid-column:1/-1}}.background-gallery{opacity:.5;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.background-gallery:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.background-gallery .gallery-masonry{column-count:3;column-gap:16px;height:calc(100% + 100px);padding:0;width:calc(100% + 100px)}@media (min-width:600px){.background-gallery .gallery-masonry{column-count:4;column-gap:18px}}@media (min-width:900px){.background-gallery .gallery-masonry{column-count:5;column-gap:20px}}@media (min-width:1200px){.background-gallery .gallery-masonry{column-count:6;column-gap:20px}}.background-gallery .gallery-masonry>div{break-inside:avoid;margin-bottom:16px;page-break-inside:avoid;pointer-events:none}.footer-copyright{align-items:center;border-top:1px solid #eee;color:#888;display:flex;flex-direction:column;font-size:14px;gap:8px;justify-content:center;margin-top:20px;padding-top:15px}.terms-link{background:none;border:none;box-shadow:none;color:#7e52c7;cursor:pointer;font-size:14px;font-weight:400;margin:0;padding:0;text-decoration:underline}.homepage-intro .zoe-talk-bubble{animation:simple-float 3s ease-in-out infinite;background:#a389f4;border-radius:18px;box-shadow:2px 2px 5px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin:0 auto;max-width:auto;min-width:100px;padding:8px 15px;position:relative;text-align:center;transform:rotate(-4deg)!important;-webkit-transform:rotate(-4deg)!important;-ms-transform:rotate(-4deg)!important;transform-origin:center center;width:fit-content;will-change:transform;z-index:3}@keyframes simple-float{0%,to{transform:rotate(-4deg) translateY(0)!important}50%{transform:rotate(-4deg) translateY(-5px)!important}}.zoe-talk-bubble-arrow{background:#a389f4;height:16px;left:40%;position:absolute;top:-8px;transform:rotate(45deg);width:16px;z-index:-1}.zoe-talk-bubble:hover{background:#ffc107;box-shadow:3px 3px 8px #0003}.zoe-talk-bubble:hover .zoe-talk-bubble-arrow{background:#ffc107}@media (max-width:768px){.zoe-talk-bubble{font-size:12px;margin-left:auto;margin-right:auto;max-width:auto;padding:6px 12px}}
/*# sourceMappingURL=main.68029676.css.map*/