body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f0f0f;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;scroll-behavior:smooth}*,:after,:before{box-sizing:inherit}.App{min-height:100%;overflow:visible;position:relative;z-index:1}html{scrollbar-color:#444 #0000;scrollbar-width:thin}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:#0000}html::-webkit-scrollbar-thumb{background-color:#444;border:1px solid #0000;border-radius:4px}section{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-sizing:border-box;min-height:100vh;padding:4rem 2rem;position:relative;z-index:2}[data-aos]{opacity:1!important;transform:none!important}.divider-bar{background:linear-gradient(90deg,#0000,#555,#0000);height:4px;margin:0 auto;opacity:.15;width:80%}.hero-container{justify-content:center;min-height:calc(100vh - 1px);padding:4rem 2rem}.hero-container,.hero-content{align-items:center;display:flex}.hero-content{flex-wrap:wrap;gap:4rem;justify-content:space-between;max-width:1200px;width:100%}.hero-text{flex:1 1;max-width:600px;opacity:1}.hero-text h1{font-size:3rem;margin-bottom:1rem;opacity:1}.hero-text p{color:#fff;font-size:1.25rem;letter-spacing:1px;margin:0 0 1rem;opacity:1}.signin-outer{background-color:#fff;border-radius:12px;flex:1 1;max-width:400px;padding:8px}.signin-panel{background-color:#111;border-radius:8px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:1rem;min-height:100%;padding:1.5rem;width:100%}.input-label{color:#fff;display:block;font-size:1.5rem;font-weight:700;letter-spacing:1px;margin:0 0 1rem;text-align:center;text-transform:uppercase;width:100%}.email-input{background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),linear-gradient(270deg,#00c6ff,#0072ff);background-origin:border-box;border:6px solid #0000;border-radius:10px;color:#111;font-size:1rem;padding:.75rem}.email-input::placeholder{color:#888}.email-input:focus{border-image:linear-gradient(270deg,#00c6ff,#0072ff) 1;border-image-slice:1;outline:none}.signup-button{animation:gradientMove 6s ease infinite;background:linear-gradient(270deg,#00c6ff,#0072ff);background-size:400% 400%;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background .2s ease}.signup-button:hover{background-color:#005fd1}.divider{align-items:center;color:#999;display:flex;font-size:.9rem;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #333;content:"";flex:1 1;margin:0 .75rem}.google-button{align-items:center;background-color:#fff;border:none;border-radius:6px;color:#444;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:box-shadow .2s}.google-button:hover{box-shadow:0 0 0 2px #4285f4}.google-icon{height:20px;width:20px}.small-note{color:#aaa;font-size:.85rem;margin:0;text-align:center}.fade-in{animation:fadeInSlideUp .5s ease forwards;opacity:0;transform:translateY(10px)}@keyframes fadeInSlideUp{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-container{flex-direction:column;padding:2rem 1rem;text-align:center}.hero-content{flex-direction:column;gap:2rem}.hero-text h1{font-size:2.25rem}.hero-text p{font-size:1.05rem}.signin-outer{max-width:100%}.email-input,.google-button,.signup-button{font-size:1rem;width:100%}}.apple-button:hover{box-shadow:0 0 0 2px #4285f4}.apple-button{align-items:center;background:none;border:none;border-radius:16px;cursor:pointer;display:flex;height:auto;padding:0;width:100%}.apple-icon{border-radius:6px;height:44px;max-width:100%;object-fit:contain;width:auto}.mode-toggle{background:none;border:none;color:#aaa;cursor:pointer;font-size:.9rem;margin-top:1rem;text-align:center;text-decoration:underline;transition:color .2s ease}.mode-toggle:hover{color:#fff}.signin-panel{opacity:1;transform:translateY(0);transition:all .4s ease}.signin-panel.login-transition-out{opacity:0;pointer-events:none;transform:translateY(10px)}.auth-transition{display:flex;flex-direction:column;gap:1rem;opacity:0;transform:translateY(12px);transition:all .3s ease}.auth-transition.auth-enter{opacity:1;transform:translateY(0)}.form-content-wrapper{overflow:hidden;transition:max-height .4s ease}.signin-outer{align-items:stretch;display:flex;justify-content:center;min-height:460px}.apple-button,.email-input,.google-button,.signup-button{box-sizing:border-box;max-width:100%;width:100%}.background-loop{backface-visibility:hidden;-webkit-backface-visibility:hidden;height:100vh;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;touch-action:none;width:100vw;will-change:transform;z-index:-1}.scroll-track{display:flex;height:100%;left:0;position:absolute;top:0;width:200vw}.primary-track,.secondary-track{animation:scrollLeft 60s linear infinite}.secondary-track{animation-delay:-30s}.image-set{display:flex;flex-direction:row}.image-set img{-webkit-user-drag:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;height:100vh;margin-right:1rem;object-fit:cover;opacity:.5;pointer-events:none;transition:opacity .3s ease;-webkit-user-select:none;user-select:none;width:auto}@keyframes scrollLeft{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media (max-height:500px){.image-set img{height:120vh}}.faq-section{box-sizing:border-box;color:#f5f5f5;min-height:100vh;overflow-x:hidden;padding:4rem 2rem;position:relative;z-index:2}.faq-title{word-wrap:break-word;font-size:2.5rem;margin-bottom:3rem;text-align:center}.faq-list{display:flex;flex-direction:column;gap:1.25rem;margin:0 auto;max-width:800px;width:100%}.faq-item,.faq-list{box-sizing:border-box}.faq-item{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;cursor:pointer;overflow:hidden;padding:1rem 1.5rem;transition:background-color .3s ease,border-color .3s ease}.faq-item:hover{background-color:#222;border-color:#444}.faq-question{align-items:center;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between}.faq-answer{color:#ccc;font-size:1rem;line-height:1.6;margin-top:.75rem;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-height .4s ease,opacity .4s ease}.faq-item.active .faq-answer{max-height:300px;opacity:1;pointer-events:auto}.chevron{color:#888;font-size:1.25rem;margin-left:auto;transition:transform .3s ease}.chevron.rotated{color:#ffa502;transform:rotate(180deg)}@media (max-width:600px){.faq-title{font-size:2rem}.faq-question{font-size:1rem}.faq-answer{font-size:.95rem}}.pricing-section{min-height:100vh;padding:4rem 2rem;position:relative;text-align:center;z-index:2}.pricing-title{font-size:2.5rem;margin-bottom:.5rem}.pricing-subtitle{color:#bbb;font-size:1.1rem;margin-bottom:2rem}.pricing-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1400px;padding:0 1rem}.pricing-card{background-color:#1a1a1a;border:1px solid #333;border-radius:12px;display:flex;flex-direction:column;height:100%;justify-content:space-between;max-height:600px;overflow:hidden;padding:2rem;position:relative;text-align:left;transition:transform .2s ease,border-color .2s ease}.pricing-card:hover{border-color:#444;transform:translateY(-6px)}.pricing-card .feature-list{gap:.5rem;min-height:180px}.card-top,.pricing-card .feature-list{display:flex;flex-direction:column;justify-content:flex-start}.card-top{flex-grow:1;min-height:350px}.most-popular-badge{background-color:#ff4757;border-radius:6px;box-shadow:0 2px 6px #0003;color:#fff;font-size:.7rem;font-weight:700;padding:.3rem .6rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem;z-index:2}.price{color:#fff;font-size:2rem;font-weight:700;margin-bottom:0;margin-top:1rem}.monthly-label{color:#999;font-size:1rem;margin-left:.25rem}.annual{color:#bbb;font-size:.9rem;margin-top:.25rem}.tagline{color:#ffa502;font-weight:500;margin:0;padding:0}.subscribe-btn{animation:gradientMove 6s ease infinite;background:linear-gradient(270deg,#00c6ff,#0072ff);background-size:400% 400%;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem;transition:background .2s;width:100%}.subscribe-btn:hover{background-color:#005fd1}.monthly-link{color:#999;display:block;font-size:.9rem;margin-top:1rem;text-align:center;text-decoration:none}.monthly-link:hover{text-decoration:underline}.bonus{color:#ffa502;font-size:.95rem;line-height:1.6;list-style-type:disc;margin-top:1rem}.feature-list .bonus{color:#ffa502;font-weight:700;margin-top:.5rem}.feature-list{color:#ccc;font-size:.95rem;line-height:1.6;list-style-type:disc;margin-top:1.5rem;max-height:160px;overflow-y:auto;padding-left:1.2rem;padding-right:.5rem}.feature-list li{margin-bottom:.4rem}.feature-list::-webkit-scrollbar{width:6px}.feature-list::-webkit-scrollbar-thumb{background-color:#444;border-radius:4px}@media (max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-card{padding:1.5rem}}@media (max-width:768px){.pricing-section{padding:2rem 1rem}.pricing-title{font-size:2rem}.pricing-subtitle{font-size:1rem}.pricing-grid{gap:1.5rem;grid-template-columns:1fr}.pricing-card{max-height:none;padding:1.25rem}.feature-list{max-height:none;overflow:visible;padding-right:0;scrollbar-color:#444 #0000;scrollbar-width:thin}}.subscription-success-banner{border-radius:8px;box-shadow:0 0 12px #00c6ff66;font-weight:600;margin:1rem auto;max-width:600px;padding:1rem;text-align:center}.cancel-btn,.subscription-success-banner{background:linear-gradient(270deg,#00c6ff,#0072ff);color:#fff}.cancel-btn{animation:gradientMove 6s ease infinite;background-size:400% 400%;border:none;border-radius:6px;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem;transition:background .2s;width:100%}.billing-toggle{display:flex;gap:1rem;justify-content:center;margin:1.5rem 0}.billing-toggle button{background:none;border:1px solid #ffffff4d;border-radius:20px;color:#ccc;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .3s}.billing-toggle button.active{background:#fff;border-color:#fff;color:#000;font-weight:700}.billing-toggle button:hover{background:#ffffff1a}.billing-toggle button,.cancel-btn,.subscribe-btn{min-height:44px}.cancel-btn:hover,.subscribe-btn:hover{filter:brightness(1.1)}.navbar{align-items:center;background:#0f0f0ff2;box-sizing:border-box;color:#fff;display:flex;font-family:sans-serif;justify-content:space-between;left:0;padding:1rem 1.5rem;position:fixed;top:0;width:100%;z-index:100}.navbar-toggle .bar{background-color:#fff;border-radius:2px;height:3px;transition:transform .3s ease,opacity .3s ease;-webkit-transition:transform .3s ease,opacity .3s ease;width:100%}.navbar-toggle.open .top-bar{transform:translateY(7.5px) rotate(45deg);-webkit-transform:translateY(7.5px) rotate(45deg)}.navbar-toggle.open .middle-bar{opacity:0}.navbar-toggle.open .bottom-bar{transform:translateY(-7.5px) rotate(-45deg);-webkit-transform:translateY(-7.5px) rotate(-45deg)}.navbar-logo{font-size:1.5rem;font-weight:700;white-space:nowrap}.navbar-logo a{color:inherit;text-decoration:none}.navbar-toggle{background:none;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:1.5rem;height:18px;justify-content:space-between;margin-left:auto;padding:0;width:24px;z-index:101}.navbar-links{background-color:#0f0f0ff7;border-radius:0 0 8px 8px;box-shadow:0 8px 16px #0009;display:none;flex-direction:column;gap:1rem;max-width:300px;padding:1rem;position:absolute;right:0;top:100%;width:100%}.navbar-links.open{display:flex}.navbar-links a{color:#ccc;font-size:1rem;padding:.5rem 0;text-decoration:none;transition:color .2s ease}.navbar-links a:hover{color:#fff}.dropdown-menu{animation:fadeIn .2s ease-out;background-color:#1a1a1a;border:1px solid #333;border-radius:6px;box-shadow:0 8px 20px #0000004d;margin-top:.5rem;min-width:220px;padding:.75rem;position:absolute;right:1.5rem;top:calc(100% + .5rem);z-index:10}.dropdown-menu.show{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown-item{border-bottom:1px solid #333;color:#ccc;font-size:.9rem;padding:.5rem 0}.dropdown-item:last-child{border-bottom:none}.dropdown-item.logout{color:#ff4d4f;cursor:pointer}.dropdown-item.logout:hover{color:#fff}.ai-logo-wrapper{align-items:center;display:flex;gap:.5rem}.logo-mask{animation:gradientShift 4s ease infinite,spin 20s linear infinite;backface-visibility:hidden;-webkit-backface-visibility:hidden;height:40px;-webkit-mask-image:url(/static/media/logo-icon-white.62925561567505aef7bc.png);mask-image:url(/static/media/logo-icon-white.62925561567505aef7bc.png);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover;width:40px;will-change:transform,background-position}.logo-mask,.logo-text{background:linear-gradient(45deg,#00c6ff,#f0c);background-size:200% 200%}.logo-text{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease infinite;background-clip:text;-webkit-background-clip:text;color:#0000;display:inline-block;font-size:1.1rem;font-weight:700;text-decoration:none;will-change:background-position}.logo-sup{font-size:.6em;margin-left:2px;vertical-align:super}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.demo-section{box-sizing:border-box;color:#fff;overflow-x:hidden;padding:4rem 2rem;width:100%}.demo-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1000px;text-align:center}.demo-title{font-size:2.5rem;line-height:1.2}.demo-description,.demo-title{word-wrap:break-word;margin:0 auto;max-width:900px}.demo-description{font-size:1.125rem;line-height:1.6;opacity:.8}.demo-text ul{list-style:none;margin:0;padding-left:0}.demo-image{backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 4px 12px #00000080;max-width:900px;transition:transform .3s ease,box-shadow .3s ease}.demo-image,.demo-image img{border-radius:12px;height:auto;width:100%}.demo-image img{-webkit-user-drag:none;box-shadow:none;display:block;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.demo-image:hover{transform:scale(1.03)}@media (min-width:768px){.demo-title{font-size:3rem}.demo-description{font-size:1.25rem}}.create-section{background:#0f0f0ffc;border-radius:0 0 12px 12px;color:#f5f5f5;height:100vh;padding-top:5rem!important}.create-container,.create-section{display:flex;flex-direction:column;overflow:hidden}.create-container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1400px;padding:0;width:100%}.create-topnav{align-items:center;background:#000;border-radius:12px 12px 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 2rem}.section-tabs button,.toggle-modes button{background:none;border:none;color:#ccc;cursor:pointer;font-size:1rem;margin:0 .5rem;padding:.5rem 1rem;transition:color .2s ease,border-bottom .2s ease}.section-tabs button.active,.toggle-modes button.active{border-bottom:2px solid #ffa502;color:#fff}.create-split-content{background:#1e1e1ed9;border-radius:0 0 12px 12px;display:flex;flex:1 1;overflow:hidden;width:100%}.create-left{flex:1 1;flex-direction:column}.create-left,.create-right{display:flex;overflow-y:auto;padding:2rem}.create-right{align-items:center;flex:2 1;flex-direction:column}.create-left input,.create-left textarea:not(.negative-prompt){background-color:#1a1a1a;border:2px solid #ffa502;border-radius:8px;color:#eee;font-size:1rem;margin-bottom:1rem;min-height:100px;padding:.75rem 1rem;resize:vertical}.create-left input:focus,.create-left textarea:focus{box-shadow:0 0 8px #ffa50266;outline:none}.negative-prompt{background-color:#1a1a1a;border:1px solid #fff3;border-radius:8px;color:#eee;min-height:60px;padding:.75rem 1rem}.file-upload-zone,.negative-prompt{margin-bottom:1rem}.upload-instructions{color:#ddd;font-size:.95rem}.file-upload-zone:hover{background-color:#ffffff14}.create-left button{background-color:#000;border:1px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:.5rem;padding:.75rem 1.25rem}.create-left button:hover{background-color:#111}.disclaimer-text{color:#888;font-size:.8rem;text-align:center}.vertical-divider{background-color:#fff3;margin:0 1rem;width:1px}.ad-image-wrapper{align-items:center;justify-content:center;position:relative}.generated-image{background-color:#1a1a1a;border-radius:12px;max-width:500px;object-fit:cover;width:100%}.generated-image.loading{filter:blur(6px);opacity:.7}.image-overlay{background:#0009;border-radius:8px;color:#fff;font-size:1.25rem;font-weight:700;left:50%;padding:.5rem 1rem;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.field-group{display:flex;flex-direction:column;margin-bottom:1rem}.field-label{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.5rem}.tooltip{color:#fff;display:flex;height:16px;width:16px}.tooltiptext{border-radius:6px}@media (max-width:900px){.create-split-content{flex-direction:column}.vertical-divider{display:none}}@media (max-width:768px){.create-left,.create-right{padding:1.25rem}.create-topnav{flex-direction:column;gap:1rem;padding:1rem}.create-right h2{font-size:1.5rem}.create-right p{font-size:.95rem}.generated-image{height:auto;max-width:100%}.create-left input,.create-left textarea{font-size:1rem}}.create-right>div{width:100%}.create-right h2{color:#fff;font-size:1.8rem;margin-bottom:1rem}.create-right p{color:#ccc;font-size:1rem}.create-left,.create-right{scrollbar-color:#444 #0000;scrollbar-width:thin}.create-left::-webkit-scrollbar,.create-right::-webkit-scrollbar{width:6px}.create-left::-webkit-scrollbar-thumb,.create-right::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.create-left button,.section-tabs button,.toggle-modes button{min-height:44px}.background-blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:#0f0f0ff2;inset:0;pointer-events:none;position:fixed;will-change:backdrop-filter,transform;z-index:0}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.background-blur{background-color:#0f0f0ff7}}.generate-split-content{background:#1e1e1ed9;border-radius:0 0 12px 12px;display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%}.generate-left,.generate-right{display:flex;flex-direction:column;overflow-y:auto;padding:2rem}.generate-left{flex:1 1}.generate-right{align-items:stretch;display:flex;flex:2 1;flex-direction:column;justify-content:flex-start;width:100%}.generate-divider{background-color:#fff3;margin:0 1rem;width:1px}.field-group{margin-bottom:.75rem}.field-label,.field-label-with-tooltip label{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.5rem}.field-label-with-tooltip{align-items:center;display:flex;gap:.5rem}input[type=range],input[type=text],textarea{background-color:#1a1a1a;border-radius:8px;box-sizing:border-box;color:#eee;font-size:1rem;padding:.75rem 1rem;resize:vertical;width:100%}textarea:not(.negative-prompt){border:2px solid #ffa502;min-height:100px}textarea.negative-prompt{border:1px solid #fff3;min-height:60px}.tooltip{align-items:center;border:1px solid #fff;border-radius:50%;cursor:pointer;display:inline-flex;font-size:.7rem;height:18px;justify-content:center;position:relative;width:18px}.tooltiptext{background-color:#1a1a1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.85rem;left:50%;opacity:0;padding:.5rem;position:absolute;text-align:center;top:130%;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;width:220px;z-index:10}.tooltip:hover .tooltiptext{opacity:1;visibility:visible}.file-upload-zone{align-items:center;background-color:#ffffff0d;border:1px dashed #fff3;border-radius:8px;color:#ccc;cursor:pointer;display:flex;justify-content:center;margin-bottom:.5rem;padding:.9rem;text-align:center;transition:background .3s}.file-upload-zone:hover{background-color:#ffffff1a}.file-upload-zone.locked{cursor:not-allowed;opacity:.5}.file-upload-zone.locked:hover{background-color:#ffffff0d}.upload-locked-text{color:#aaa;font-size:.95rem;position:relative;text-align:center;transition:color .3s}.upload-hover-text{color:#ffa502;font-size:.85rem;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s;visibility:hidden;white-space:nowrap}.file-upload-zone.locked:hover .upload-locked-text{color:#0000}.file-upload-zone.locked:hover .upload-hover-text{opacity:1;visibility:visible}.generate-left button,.save-ad-btn{background-color:#000;border:1px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.25rem;transition:background .3s}.generate-left button:hover{background-color:#111}.save-ad-btn{background-color:#ffc107;border:none;border-radius:8px;color:#1a1a1a;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.25rem;transition:background-color .3s ease,color .3s ease;width:100%}.save-ad-btn:hover{background-color:#ffca2c;color:#000}.save-ad-overlay{color:#ff3b3b;filter:grayscale(100%) brightness(1.2)}.save-success{animation:fadeIn .5s ease-in;color:#32cd32}.error-msg,.save-success{font-size:1rem;margin-top:1rem;text-align:center}.error-msg{color:#ff6b6b}.ads-remaining-counter,.char-counter,.disclaimer-text,.generation-counter{color:#888;font-size:.8rem;margin-top:.25rem;text-align:right}.generated-image-container:hover{transform:scale(1.02)}.generated-image-container img{background-color:#1a1a1a;border-radius:12px;box-shadow:0 0 8px #fff3;height:auto;width:100%}input[type=range]{-webkit-appearance:none;background:#0000;border:none;margin:0;min-height:20px;outline:none;padding:0;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#ffa502;border:none;border-radius:50%;cursor:pointer;height:16px;margin-top:-6px;width:16px}input[type=range]::-webkit-slider-runnable-track{background:#444;border-radius:2px;height:4px}input[type=range]::-moz-range-thumb{background:#ffa502;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}input[type=range]::-moz-range-track{background:#444;border-radius:2px;height:4px}.resolution-selector{display:flex;gap:1rem;justify-content:center;margin:1rem 0}.ratio-btn{align-items:center;background:#222;border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;height:4rem;justify-content:center;transition:background .2s,transform .2s;width:4rem}.ratio-btn:hover{background:#333;transform:translateY(-2px)}.ratio-btn.active{border:2px solid #ffa502;color:#ffa502}.ratio-landscape{height:4rem;width:6rem}.ratio-portrait{height:6rem;width:4rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:900px){.generate-split-content{flex-direction:column}.generate-divider{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);background-color:#fff3;display:block;height:1px;margin:1rem 0;width:100%}.resolution-selector{flex-wrap:wrap;justify-content:center}.generate-left,.generate-right{padding:1rem}}.generate-header{height:0;position:relative}.gear-button{background:none!important;border:none!important;color:#ccccccb4!important;cursor:pointer;font-size:1.25rem!important;line-height:1;margin:0;padding:0!important;position:absolute;right:.5rem;top:0;transition:transform .25s ease,color .25s ease,filter .25s ease;z-index:10}.gear-button:hover{color:#fff;filter:grayscale(0) brightness(1.5);transform:rotate(30deg) scale(1.1)}.gear-button:hover .button{transform:rotate(30deg)}.advanced-overlay{align-items:center;background:#0f0f0fcc;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.advanced-content{background:#1f1f1f;border-radius:12px;box-shadow:0 8px 24px #00000080;max-height:90vh;max-width:420px;overflow-y:auto;padding:2rem;position:relative;width:90%}.advanced-content h3{color:#fff;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.close-btn{background:none;border:none;color:#aaa;cursor:pointer;font-size:1.25rem;position:absolute;right:1rem;top:1rem}.close-btn:hover{color:#fff}.advanced-content select{background-color:#2a2a2a;border:1px solid #fff3;border-radius:8px;color:#fff;margin-top:.5rem;padding:.75rem 1rem;width:100%}.generated-image-multi{grid-gap:16px;grid-column-gap:16px!important;align-items:center;column-gap:16px!important;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,280px);justify-content:center!important;margin-left:2rem;margin-right:2rem;padding-top:2rem;place-items:center;width:100%}.generated-placeholder-card{align-items:center!important;background:#0000;border:2px dashed #fff3;border-radius:12px;box-shadow:0 0 4px #fff3;display:flex;height:100%;justify-content:center!important;margin:0 auto;place-self:center;width:100%}.generated-placeholder-icon{align-items:center;color:#ffffff26;display:flex;filter:grayscale(100%) brightness(1.5);font-size:2.5rem;height:100%;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none}.spinning .generated-placeholder-icon{animation:spin 2s linear infinite}.ad-image-wrapper{display:flex;flex-direction:column;width:100%}.generated-image-container{-webkit-tap-highlight-color:transparent;align-items:center;background-color:initial;border-radius:12px;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden;position:relative;touch-action:manipulation;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.generated-image-container.square,.generated-placeholder-card.square{height:200px;width:200px}.generated-image-container.landscape,.generated-placeholder-card.landscape{height:200px;width:280px}.generated-image-container.portrait,.generated-placeholder-card.portrait{height:280px;width:200px}.generated-image-container img{display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;max-height:100%;max-width:100%;object-fit:contain}.save-ad-overlay{background-color:#ffffff40;border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;padding:.5rem;position:absolute;right:10px;top:10px;touch-action:manipulation;transition:background-color .3s ease,filter .3s ease;-webkit-user-select:none;user-select:none;z-index:10}.save-ad-overlay.saved{filter:grayscale(0) brightness(1.4)}.save-ad-overlay:hover{background-color:#ffe08a;filter:grayscale(50%) brightness(1.4)}button.save-ad-overlay{-webkit-appearance:none;appearance:none;background-clip:padding-box}@media (max-width:600px){.generated-image-container.square,.generated-placeholder-card.square{height:160px;width:160px}.generated-image-container.landscape,.generated-placeholder-card.landscape{height:160px;width:220px}.generated-image-container.portrait,.generated-placeholder-card.portrait{height:220px;width:160px}.save-ad-overlay{font-size:1rem;padding:.4rem;right:6px;top:6px}}.reference-dropdown{background:#ffffff14;border:none;border-radius:8px;color:#fff;font-size:1rem;margin-bottom:0;margin-top:.5rem;padding:.5rem;width:100%}.reference-dropdown option{background:#2a2a2a;color:#fff}.field-divider{align-items:center;color:#999;display:flex;font-size:.9rem;justify-content:center;letter-spacing:.05em;margin:.5rem 0;position:relative;text-transform:uppercase}.field-divider:after,.field-divider:before{border-bottom:1px solid #333;content:"";flex:1 1;margin:0 .75rem}.uploaded-files-list{color:#ccc;font-size:.85rem;margin-top:.5rem;max-height:120px;overflow-y:auto}.uploaded-file-item{margin-bottom:6px;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}*,:after,:before{-webkit-tap-highlight-color:transparent;box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.saved-section{background:#1e1e1ed9;border-radius:0 0 12px 12px;color:#f5f5f5;display:flex;flex:1 1;flex-direction:column;min-height:0;padding:2rem 1rem;width:100%}.saved-empty,.saved-loading{color:#bbb;font-size:1.1rem;margin-top:2rem;text-align:center}.saved-grid{grid-gap:16px;align-content:start;display:grid;flex-grow:1;gap:16px;grid-auto-rows:280px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));min-height:0;overflow-y:auto;padding:0 1rem 6rem}.saved-card{background:#1f1f1f;border-radius:12px;box-shadow:0 4px 12px #00000040;display:flex;flex-direction:column;height:280px;justify-content:center;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.saved-card:not(.placeholder-card):hover{box-shadow:0 8px 20px #0006;transform:translateY(-5px)}.saved-image{display:block;height:100%;object-fit:cover;width:100%}.placeholder-icon{filter:grayscale(100%) brightness(1.5)}.delete-btn{font-size:1rem;right:8px}.assign-btn,.delete-btn{align-items:center;background:#0009;border:1px solid #fff6;border-radius:50%;color:#fff;cursor:pointer;display:none;height:28px;justify-content:center;position:absolute;top:8px;transition:background .2s;width:28px}.assign-btn{font-size:1.2rem;left:8px}.saved-card:hover .assign-btn,.saved-card:hover .delete-btn{display:flex}.delete-btn:hover{background:#ff453acc;border-color:#ff453acc}.assign-btn:hover{background:#1e90ffcc;border-color:#1e90ffcc}.toast-success{animation:fadeInOut 2s forwards;background-color:#32cd32e6;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:1rem;font-weight:600;margin:1rem auto 2rem;padding:.75rem 1.5rem;position:fixed;text-align:center;width:fit-content;z-index:2000}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.assign-popup{align-items:center;background:#0f0f0fb3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.assign-popup-content{align-items:center;background:#1f1f1f;border-radius:12px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;max-width:400px;padding:2rem;width:90%}.assign-popup-content h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.assign-popup-content select{background-color:#2a2a2a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;margin-bottom:1.5rem;padding:.75rem 1rem;width:100%}.assign-popup-actions{display:flex;gap:1rem}.assign-popup-actions button{background-color:#000;border:1px solid #fff;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;padding:.75rem 1rem;transition:background-color .2s,border-color .2s}.assign-popup-actions button:hover{background-color:#111;border-color:#ccc}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000004d;box-sizing:border-box;padding:2rem}.modal-content{border-radius:12px;max-height:100vh;max-width:90vw;overflow:hidden}.modal-content img{max-height:95vh;max-width:95vw}.saved-content-wrapper{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;max-height:calc(100vh - 150px);min-height:0;overflow-y:auto;padding-left:1rem;padding-right:1rem}.saved-grid::-webkit-scrollbar{width:6px}.saved-grid::-webkit-scrollbar-thumb{background-color:#444;border-radius:4px}.saved-grid{scrollbar-color:#444 #0000;scrollbar-width:thin}@media (max-width:1024px){.saved-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.saved-section{padding:1rem}.saved-grid{gap:1rem;grid-auto-rows:240px;grid-template-columns:repeat(2,1fr);padding:0}.saved-card{height:240px}.assign-btn,.delete-btn{font-size:.9rem;height:24px;width:24px}}@media (max-width:500px){.saved-grid{gap:.75rem;grid-auto-rows:220px;grid-template-columns:1fr}.saved-card{height:220px}.modal-content img{max-height:90vh;max-width:100vw}}.assign-btn,.delete-btn{min-height:44px;min-width:44px}@media (max-width:768px){.assign-btn,.delete-btn{display:flex!important}}.deleted-section{background:#1e1e1ed9;border-radius:0 0 12px 12px;box-sizing:border-box;color:#f5f5f5;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden;padding:1rem;width:100%}.deleted-empty,.deleted-loading{color:#bbb;font-size:1.1rem;margin-top:2rem;text-align:center}.deleted-grid{grid-gap:16px;-webkit-overflow-scrolling:touch;align-content:start;box-sizing:border-box;display:grid;flex:1 1;gap:16px;grid-auto-rows:280px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-width:100%;min-height:0;overflow-y:auto;padding:0 1rem;scroll-behavior:smooth;width:100%}.deleted-card{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#1f1f1f;border-radius:12px;box-shadow:0 4px 12px #00000040;display:flex;flex-direction:column;height:280px;justify-content:center;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.deleted-card:not(.placeholder-card):hover{box-shadow:0 8px 20px #0006;transform:translateY(-5px)}.deleted-image{-webkit-user-drag:none;display:block;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.deleted-actions{display:flex;gap:.4rem;position:absolute;right:8px;top:8px;z-index:5}.permanent-delete-btn,.restore-btn{align-items:center;background:#0009;border:1px solid #fff6;border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:.9rem;height:26px;justify-content:center;line-height:1;transition:background .2s,border-color .2s;width:26px}.deleted-card:hover .permanent-delete-btn,.deleted-card:hover .restore-btn{display:flex}.restore-btn:hover{background:#32cd32cc;border-color:#32cd32cc}.permanent-delete-btn:hover{background:#ff453acc;border-color:#ff453acc}.placeholder-card{background:#0000;border:2px dashed #fff3;border-radius:12px;height:280px}.placeholder-icon{align-items:center;color:#ffffff26;display:flex;font-size:2.5rem;height:100%;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none}.campaigns-section{background:#1e1e1ed9;border-radius:0 0 12px 12px;color:#f5f5f5;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden;padding:2rem 1rem;width:100%}.campaigns-split-content{display:flex;gap:.5rem;height:100%;width:100%}.campaigns-left{flex:1 1;flex-direction:column;max-width:100%;padding-right:1rem}.campaigns-left,.campaigns-right{box-sizing:border-box;display:flex;gap:1rem;min-height:0;overflow-y:auto}.campaigns-right{flex:2 1;flex-direction:column;max-height:calc(100vh - 150px);overflow-x:hidden;padding-left:1rem}.campaigns-header{background-color:#1a1a1a;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;height:48px;padding:.75rem 1rem}.campaign-dropdown{cursor:pointer}.campaigns-right input.campaigns-header{flex:1 1}.campaigns-right button.campaigns-header{background:#000;border:1px solid #fff;color:#fff;cursor:pointer;flex:0 0 auto;font-size:1rem;padding:0 1.5rem;transition:background-color .3s}.campaigns-right button.campaigns-header:hover{background:#111}.campaign-create-row{align-items:center;display:flex;gap:1rem;justify-content:flex-end;margin-bottom:1rem}.campaign-create-row input.campaigns-header{flex:1 1;min-width:0}.campaign-create-row button.campaigns-header{background:#000;border:1px solid #fff;color:#fff;cursor:pointer;flex:0 0 auto;font-size:1rem;padding:0 1.5rem;transition:background-color .3s}.campaign-create-row button.campaigns-header:hover{background:#111}.campaign-details{display:flex;flex-direction:column;gap:1rem;width:100%}.campaign-details h3{font-size:1.2rem;margin:0}.campaign-details textarea{background-color:#1a1a1a;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;max-width:100%;min-height:250px;padding:.75rem 1rem;resize:vertical;width:100%}.campaigns-divider{background-color:#fff3;width:1px}.campaign-ad-grid{grid-gap:16px;align-content:start;display:grid;flex-grow:1;flex:1 1;gap:16px;grid-auto-rows:280px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));min-height:0;overflow-y:auto;padding:3rem 3rem 6rem}.campaign-ad-card{align-items:center;border-radius:12px;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative}.campaign-ad-card img{border-radius:12px;height:100%;object-fit:cover;width:100%}.placeholder-ad{align-items:center;background:#0000;border:2px dashed #fff3;border-radius:12px;color:#ffffff26;display:flex;font-size:2.5rem;height:100%;justify-content:center;overflow:hidden;pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;width:100%}.campaigns-empty,.campaigns-loading{color:#bbb;font-size:1.1rem;margin-top:2rem;text-align:center}@media (max-width:1000px){.campaigns-split-content{flex-direction:column}.campaigns-divider{display:none}}.campaign-notes-header{align-items:center;display:flex;justify-content:space-between;width:100%}.notes-status{min-width:80px;text-align:right}.saved-indicator,.saving-indicator{animation:fadeIn .3s ease-in;color:#888;font-size:.85rem;font-weight:400}button:focus,input:focus,select:focus,textarea:focus{border-color:#fff;outline:none}.campaign-select-row{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.campaign-dropdown{background-color:#1a1a1a;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#fff;flex:1 1;font-size:1rem;height:48px;padding:.75rem 1rem}.campaign-download-btn{background:#000;border:1px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;height:48px;padding:.6rem 1.2rem;transition:background-color .3s;white-space:nowrap}.campaign-download-btn:hover{background-color:#111}.campaign-download-btn:disabled,.download-campaign-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.campaign-select-row{align-items:stretch;flex-direction:column}.campaign-download-btn,.campaign-dropdown{width:100%}}.modal-overlay{animation:fadeIn .3s ease-in-out;background:#000c;height:100%;left:0;top:0;width:100%;z-index:9999}.modal-content{align-items:center;display:flex;justify-content:center}.modal-content img{border-radius:12px;box-shadow:0 0 20px #00000080;height:auto;max-height:90vh;max-width:100%;object-fit:contain;width:auto}.campaign-ad-image-container{height:100%;position:relative;width:100%}.remove-ad-button{align-items:center;background:#f00c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:28px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:6px;top:6px;transition:opacity .3s,background .3s;width:28px;z-index:2}.campaign-ad-card:hover .remove-ad-button{opacity:1;pointer-events:auto}.remove-ad-button:hover{background:red}.modal-image-container{align-items:center;display:flex;justify-content:center;position:relative}.modal-remove{opacity:1;pointer-events:auto;right:16px;top:16px}.delete-campaign-button{background:#f00c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.6rem 1rem;transition:background-color .3s}.delete-campaign-button:hover{background:red}.confirm-delete{background:red;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1.2rem;transition:background-color .3s}.confirm-delete:hover{background:darkred}.confirm-cancel{background:#444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1.2rem;transition:background-color .3s}.confirm-cancel:hover{background:#666}.toast-notification{animation:fadeIn .3s ease-in-out;background:#000000d9;border-radius:8px;bottom:20px;box-shadow:0 0 10px #0000004d;color:#fff;font-size:1rem;padding:1rem 1.5rem;position:fixed;right:20px;z-index:10000}.confirm-modal{align-items:center;background:#1a1a1a;border-radius:12px;display:flex;flex-direction:column;gap:1.5rem;padding:2rem;text-align:center}.confirm-buttons{gap:1rem}.confirm-buttons,.modal-overlay{display:flex;justify-content:center}.modal-overlay{align-items:center;background:#000000bf;inset:0;position:fixed;z-index:1000}.modal-content{background:#111;border-radius:8px;max-height:90%;max-width:90%;overflow:auto}.modal-body{display:flex;flex-wrap:wrap;gap:2rem;padding:1.5rem}.modal-info{flex:1 1 300px}.modal-info-title{color:#ffa502;font-size:1.25rem;margin:0 0 .5rem}.modal-info-text{color:#eee;line-height:1.6;margin:0;white-space:pre-wrap}.modal-image{align-items:center;display:flex;flex:1 1 300px;justify-content:center}.modal-image img{border-radius:6px;box-shadow:0 2px 8px #00000080;max-height:80vh;max-width:100%}.Product-container{background:#1e1e1ed9;box-sizing:border-box;color:#fff;min-height:100vh;padding:2rem}.Product-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.Product-header h2{font-size:1.6rem;font-weight:600;margin:0}.Product-header button{background-color:#ffa502;border:none;border-radius:8px;color:#222;cursor:pointer;font-weight:600;padding:.6rem 1.2rem;transition:background-color .3s ease}.Product-header button:hover{background-color:#ffd050;opacity:.9}.Product-search{align-items:center;display:flex;flex-grow:1;max-width:300px}.Product-search input{background-color:#ffffff14;border:none;border-radius:8px;color:#fff;font-size:1rem;padding:.6rem 1rem;width:100%}.Product-search input::placeholder{color:#aaa}.Product-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));justify-content:center}.Product-card{background:#ffffff0d;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:280px;justify-content:flex-start;overflow:hidden;padding:.75rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease;width:200px}.Product-card:hover{box-shadow:0 0 12px #ffffff1a;transform:scale(1.03)}.Product-card img{border-radius:8px;height:200px;object-fit:cover;width:100%}.Product-card p{color:#e5e5e5;font-size:1.05rem;font-weight:900;margin-top:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Product-modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.Product-modal-content{animation:fadeIn .2s ease-in-out;background:#2a2a2a;border-radius:16px;box-shadow:0 0 20px #00000040;color:#fff;max-width:480px;padding:2rem;position:relative;text-align:left;width:100%}.Product-large-image{border-radius:12px;margin-bottom:1rem;max-height:300px;object-fit:contain;width:100%}.Product-info-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;margin:1rem 0}.Product-info-row p{font-size:1.1rem;font-weight:500;margin:0;text-align:left}.Product-inline-label{color:#e5e5e5;font-weight:700;margin-right:.25rem}.Product-inline-value{color:#fff;flex:1 1;overflow-wrap:break-word;text-align:left}.Product-inline-input{background:#ffffff1a;border:none;border-radius:6px;color:#fff;font-size:1rem;max-width:200px;padding:.4rem .6rem}.Product-edit-button{background:none;border:none;color:#858585;cursor:pointer;font-size:1rem;margin-left:.5rem;padding:.2rem;transition:color .2s ease}.Product-edit-button:hover{color:#ffa502}.Product-close-button{background-color:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.6rem 1.2rem;transition:background-color .3s ease}.Product-close-button:hover{background-color:#fff3}.Product-delete-button{background-color:#ff4d4d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.2rem;transition:background-color .3s ease}.Product-delete-button:hover{background-color:#ff6f6f}.Product-form{gap:1.2rem}.Product-form,.Product-form label{display:flex;flex-direction:column}.Product-form label{font-size:1rem}.Product-form input[type=text]{background:#ffffff1a;border:none;border-radius:8px;color:#fff;margin-top:.5rem;padding:.5rem}.Product-dropzone{background-color:#ffffff0d;border:1px dashed #fff3;border-radius:8px;color:#ccc;cursor:pointer;padding:1.5rem;text-align:center;transition:background-color .2s ease,border-color .2s ease}.Product-dropzone.drag-active{background-color:#ffffff1a;border-color:#ffa502;color:#fff}.Product-file-trigger{color:#ffa502;cursor:pointer;font-weight:700;text-decoration:underline}.Product-thumbnail-preview{margin-top:1rem;text-align:center}.Product-thumbnail-preview img{border-radius:8px;box-shadow:0 0 6px #0000004d;max-height:100px;max-width:100px;object-fit:cover}.Product-modal-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.Product-Create-Btn{background-color:#ffa502;border:none;border-radius:8px;color:#222;cursor:pointer;font-size:1rem;font-weight:600;padding:.6rem 1.2rem;transition:background-color .3s ease}.Product-Create-Btn:hover{background-color:#ffbe33;opacity:.95}.Product-Cancel-Btn{background-color:#ff4d4d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.6rem 1.2rem;transition:background-color .3s ease}.Product-Cancel-Btn:hover{background-color:#ff6f6f}.Product-Create-Btn:disabled{cursor:not-allowed;opacity:.6}@keyframes blink{0%{opacity:0}20%{opacity:1}to{opacity:1}}.dot-1,.dot-2,.dot-3{animation:blink 1.4s infinite;font-weight:700}.dot-2{animation-delay:.2s}.dot-3{animation-delay:.4s}.Product-textarea{background:#ffffff14;border:none;border-radius:8px;color:#fff;font-size:1rem;margin-top:.5rem;padding:.6rem;resize:vertical}
/*# sourceMappingURL=main.d7d2c0a9.css.map*/