:root{--glow-color-primary: hsl(38, 46%, 77%);--glow-color-secondary: hsl(0, 25%, 82%);--primary-color: #E0C9A6;--secondary-color: #D9B5B5;--bg-color: rgba(253, 250, 248, .75);--border-color: rgba(217, 181, 181, .4);--font-color: #5c4b4b;--font-color-dark: #a08f8f;--text-on-gradient: #ffffff}@keyframes fadeInScaleUp{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}body{font-family:Manrope,sans-serif;background-image:url(https://i.pinimg.com/1200x/06/8f/76/068f762581a53ab6212f75a944904595.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-color:#0a0c14;color:var(--font-color)}.app-container{position:relative;background-color:var(--bg-color);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.5);box-shadow:0 10px 60px -15px #0003;animation:fadeInScaleUp 1s cubic-bezier(.16,1,.3,1) forwards}.app-banner{position:fixed;bottom:0;left:0;right:0;background-color:#131314;color:#e3e3e3;padding:12px 24px;border-top:1px solid #353739;z-index:1000;font-family:Manrope,sans-serif}.app-banner-content{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto}.banner-left p{font-size:14px;font-weight:500;white-space:nowrap}.remix-ideas{display:flex;align-items:center;gap:8px;font-size:14px;overflow:hidden;flex-grow:1;justify-content:center}.remix-prompt{color:#909296;white-space:nowrap}.remix-text-container{position:relative;height:20px}.remix-text{position:absolute;top:0;left:0;white-space:nowrap;font-weight:500}.banner-right{display:flex;align-items:center;gap:16px}.banner-buttons{display:flex;align-items:center;gap:12px}.banner-button{text-decoration:none;color:#e3e3e3;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s ease-in-out;border:1px solid transparent;white-space:nowrap}.button-gemini-chat{background-color:#252627;border-color:#434449}.button-gemini-chat:hover{background-color:#353739}.button-ai-studio{background:linear-gradient(90deg,#4285f4,#34a853,#fbbc05,#ea4335);background-size:200% 200%;animation:gradient 5s ease infinite;color:#fff;border:none}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.button-ai-studio:hover{filter:brightness(1.1)}.close-button{background:none;border:none;color:#909296;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease,color .2s ease}.close-button:hover{background-color:#353739;color:#fff}@media (max-width: 1024px){.remix-ideas{display:none}}@media (max-width: 768px){.app-banner-content{flex-direction:column;gap:12px;align-items:center}.banner-left{display:none}.banner-right{width:100%;justify-content:space-between}.banner-buttons{width:100%;justify-content:center}}.app-title{font-family:Playfair Display,serif;font-weight:700;font-style:italic;font-size:3rem;color:#c9a799;text-shadow:1px 1px 2px rgba(255,255,255,.5)}@media (max-width: 640px){.app-title{font-size:2.25rem}}.nav-button{padding:8px 16px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;border:none;background-color:transparent;font-size:14px;cursor:pointer;transition:all .3s ease;position:relative}.nav-button svg{color:var(--font-color-dark);transition:all .3s ease}.nav-button span{font-weight:500;color:var(--font-color);background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:unset;text-shadow:none}.nav-button:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(45deg,var(--secondary-color),#c9a799);transition:width .3s ease}.nav-button:hover svg,.nav-button:hover span{color:#c9a799}.nav-button:not(.active):hover{background-color:#e0c9a626}.nav-button.active:after{width:80%}.nav-button.active svg{color:#c9a799;filter:drop-shadow(0 0 5px #c9a799)}.btn-primary{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:var(--text-on-gradient);font-weight:700;padding:.75rem 1.5rem;border-radius:8px;border:none;transition:all .3s ease;cursor:pointer;box-shadow:0 0 15px -5px var(--primary-color),0 0 15px -5px var(--secondary-color)}.btn-primary:hover:not(:disabled){transform:scale(1.03);box-shadow:0 0 25px -5px var(--primary-color),0 0 25px -5px var(--secondary-color)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--font-color);font-weight:500;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer}.btn-secondary:hover:not(:disabled){background:var(--border-color);color:var(--font-color);border-color:var(--secondary-color);box-shadow:0 0 10px -4px var(--secondary-color)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}#promo-code-container{background-color:#e0c9a633;border:1px solid var(--border-color);transition:all .3s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}#promo-code-container:focus-within{border-color:var(--secondary-color);box-shadow:0 0 0 2px #d9b5b54d}#promo-code-input{color:var(--font-color)}#promo-code-input::placeholder{color:var(--font-color-dark)}.promo-button{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:var(--text-on-gradient);font-weight:600;padding:6px 12px;border-radius:9999px;border:none;transition:all .3s ease;cursor:pointer;font-size:12px;flex-shrink:0}.promo-button:hover{transform:scale(1.05);box-shadow:0 0 10px -2px var(--primary-color)}.plan-button{background:#fff3;color:var(--font-color);font-weight:500;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer}.plan-button:hover{background:var(--border-color);border-color:var(--secondary-color)}.plan-button.selected{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:var(--text-on-gradient);font-weight:600;border-color:transparent;box-shadow:0 0 15px -5px var(--primary-color)}.page1-text-input,#custom-prompt-input{width:100%;background-color:#fff6;color:var(--font-color);padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;transition:all .2s ease}.page1-text-input::placeholder,#custom-prompt-input::placeholder{color:var(--font-color-dark)}.page1-text-input:focus,#custom-prompt-input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 2px #d9b5b54d,inset 0 0 10px #d9b5b51a}@keyframes pulse-border{0%{border-color:var(--border-color);box-shadow:0 0 10px -5px var(--border-color)}50%{border-color:var(--secondary-color);box-shadow:0 0 20px -5px var(--secondary-color)}to{border-color:var(--border-color);box-shadow:0 0 10px -5px var(--border-color)}}.uploader-box{border:2px dashed var(--border-color);animation:pulse-border 4s infinite ease-in-out}.uploader-box:hover,.uploader-box.drag-over{border-style:solid;border-color:var(--secondary-color);background-color:#d9b5b51a}.uploader-box #upload-placeholder p{color:var(--font-color-dark)}.uploader-box #upload-placeholder p:last-child{color:var(--font-color-dark);opacity:.8}.gallery-item{position:relative;border-radius:.5rem;overflow:hidden;border:1px solid transparent;transition:all .3s ease}.gallery-item:hover{transform:translateY(-4px) scale(1.02);border-color:var(--secondary-color);box-shadow:0 8px 25px #0003,0 0 15px var(--secondary-color)}.gallery-item.is-reference{transform:translateY(-4px) scale(1.02);border:2px solid var(--secondary-color);box-shadow:0 8px 25px #0003,0 0 20px var(--secondary-color)}.ref-indicator{display:none}.gallery-item.is-reference .ref-indicator{display:flex}#credit-counter{background-color:#e0c9a633;border:1px solid var(--border-color);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.credit-counter-glow{transition:all .3s ease;border:1px solid transparent}.credit-counter-glow:hover{transform:scale(1.05);border-color:var(--border-color);box-shadow:0 0 10px -2px var(--glow-color-primary)}.credit-value{color:var(--font-color);font-weight:700}.credit-label{color:var(--font-color-dark)}@keyframes step-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-container{animation:step-fade-in .5s ease-out forwards}.page1-window{background-color:#fff3;border:1px solid var(--border-color);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;transition:all .3s ease}#page1-subtitle,.page-content .text-gray-400,#page1-window p,#page2 .page1-window p,.page1-window-small-upload .text-gray-400,.step-container p{color:var(--font-color-dark)}.page1-window-upload{display:flex;align-items:center;justify-content:center;flex-grow:1;border-radius:.5rem;transition:all .2s ease;border:2px dashed var(--border-color);animation:pulse-border 4s infinite ease-in-out}.page1-window-upload:hover{border-style:solid;border-color:var(--secondary-color);background-color:#d9b5b51a}.clear-button{position:absolute;top:.5rem;right:.5rem;z-index:10;background-color:#0006;color:#fff;border-radius:9999px;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-button:hover{background-color:#0009;transform:scale(1.1)}.loading-spinner,.loading-spinner.large{width:2.5rem;height:2.5rem;color:var(--secondary-color);border-radius:50%;border:3px solid var(--border-color);border-top-color:var(--secondary-color);animation:spin 1s linear infinite}#photoshoot-loading-text,.loading-spinner+p{color:var(--font-color)}.loading-spinner.large{width:3.5rem;height:3.5rem}@keyframes spin{to{transform:rotate(360deg)}}#photoshoot-result-container .loading-spinner svg{display:none}.generated-photoshoot-wrapper{position:relative;overflow:hidden;border-radius:.5rem;border:1px solid var(--border-color)}.generated-photoshoot-wrapper .result-actions{position:absolute;bottom:.75rem;right:.75rem;display:flex;gap:.5rem;z-index:10}.generated-photoshoot-wrapper .result-action-button{background-color:#0009;color:#fff;border-radius:9999px;padding:.625rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border:none;cursor:pointer}.generated-photoshoot-wrapper .result-action-button:hover{background-color:#000c;transform:scale(1.1)}.refresh-suggestions-button{background-color:transparent;color:var(--font-color-dark);border-radius:9999px;padding:.25rem;transition:all .3s ease;border:none;cursor:pointer}.refresh-suggestions-button:hover{background-color:var(--border-color);color:var(--font-color);transform:rotate(90deg)}.suggestions-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;justify-content:center;width:100%;max-height:0;overflow-y:auto;transition:max-height .5s ease-in-out;-ms-overflow-style:none;scrollbar-width:none}.suggestions-container::-webkit-scrollbar{display:none}.suggestions-container.visible{max-height:200px}.suggestion-item{background-color:#ffffff26;color:var(--font-color);padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;cursor:pointer;transition:all .2s ease-in-out;border:1px solid var(--border-color)}.suggestion-item:hover{background-color:var(--border-color);border-color:var(--secondary-color);transform:translateY(-2px);color:var(--font-color)}.page1-window-small-upload{width:112px;height:112px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s ease;border:2px dashed var(--border-color);background-color:#ffffff1a}.page1-window-small-upload:hover{background-color:#d9b5b51a;border-color:var(--secondary-color);border-style:solid}.page1-upload-placeholder-small{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;text-align:center}.page1-upload-placeholder-small .text-gray-500{color:var(--font-color-dark)}.clear-button-small{position:absolute;top:.25rem;right:.25rem;z-index:10;background-color:#0006;color:#fff;border-radius:9999px;padding:.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border:none}.clear-button-small:hover{background-color:#0009;transform:scale(1.1)}.page1-window-upload.drag-over,.page1-window-small-upload.drag-over{background-color:#d9b5b526;border-color:var(--secondary-color);border-style:solid}.payment-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .3s ease-in-out}.payment-modal-overlay.hidden{display:none}.payment-modal-content{position:relative;background:var(--bg-color);border:1px solid rgba(255,255,255,.5);border-radius:1rem;padding:2rem;width:100%;max-width:420px;box-shadow:0 10px 40px #0003,0 0 30px var(--secondary-color);transform:scale(.95);opacity:0;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease-in-out}.payment-modal-overlay:not(.hidden) .payment-modal-content{transform:scale(1);opacity:1}.payment-modal-content h2,.payment-modal-content p,.payment-modal-content span{color:var(--font-color)}.payment-modal-content .text-gray-500{color:var(--font-color-dark)}.payment-modal-content .text-white{color:var(--font-color)}.payment-method{display:flex;align-items:center;gap:12px;background-color:#fff3;padding:12px 16px;border-radius:8px;border:2px solid var(--border-color);cursor:pointer;font-weight:500;transition:all .2s ease-in-out}.payment-method:hover{background-color:var(--border-color);border-color:var(--secondary-color)}.payment-method.selected{border-color:var(--secondary-color);background-color:#d9b5b533;box-shadow:0 0 10px -2px var(--secondary-color)}#payment-processing-view .loading-spinner{margin-left:auto;margin-right:auto}#payment-processing-view svg{display:none}.payment-modal-content .bg-gray-800\/50{background-color:#ffffff1a}.payment-modal-content .absolute.top-4.right-4{color:var(--font-color-dark)}.payment-modal-content .absolute.top-4.right-4:hover{color:var(--font-color)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.placeholder-shimmer{background:linear-gradient(to right,#e2dcd6 8%,#f1ebe6 18%,#e2dcd6 33%);background-size:200% 100%;animation:shimmer 1.5s linear infinite}.analysis-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fdfaf8b3;display:flex;align-items:center;justify-content:center;border-radius:.375rem;z-index:21}#progress-container #progress-text{color:var(--font-color)}#progress-container .bg-gray-700{background-color:var(--border-color)}#progress-container .bg-blue-600{background-color:var(--secondary-color)}#status{color:var(--font-color-dark)}@keyframes highlight-pulse{0%{box-shadow:0 0 #00ffffb3;border-color:#00ffffb3}70%{box-shadow:0 0 0 10px #0ff0}to{box-shadow:0 0 #0ff0;border-color:#00ffffb3}}.highlight-step{box-shadow:0 0 8px 2px #0ff9!important;border:1px solid rgba(0,255,255,.7)!important;animation:highlight-pulse 2s infinite;transition:all .3s ease-in-out}#page1-upload-container.highlight-step,.step-container.highlight-step,#plan-buttons.highlight-step{border-radius:.75rem}#generate-button.highlight-step,#generate-photoshoot-button.highlight-step{border-radius:8px}#credit-counter.highlight-step{border-radius:9999px}#lightbox-overlay.cursor-pointer{cursor:pointer}#lightbox-image{border:4px solid #fff;border-radius:.5rem;box-shadow:0 10px 50px #00000080;cursor:default}.lightbox-close-btn{position:absolute;bottom:2rem;left:50%;transform:translate(-50%,20px);padding:.75rem 2.5rem;font-size:1rem;font-weight:700;color:var(--text-on-gradient);background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border:none;border-radius:9999px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0006,0 0 15px -5px var(--primary-color);z-index:60;opacity:0;pointer-events:none}#lightbox-overlay:not(.opacity-0) .lightbox-close-btn{opacity:1;transform:translate(-50%);pointer-events:auto}.lightbox-close-btn:hover{transform:scale(1.05) translate(-47.5%);box-shadow:0 6px 25px #00000080,0 0 25px -5px var(--primary-color)}