:root{--background:#fff;--foreground:#171717;--primary-color:#1a1a1a;--primary-color-apha:rgba(26,26,26,.3);--primary-variant-color:#ebebeb;--on-primary-color:#fff;--secondary-color:#ff58bd;--secondary-color-shadow:rgba(255,88,189,.3);--secondary-color-alpha:rgba(255,88,189,.3);--tertiary-color:#ff4ac1;--on-secondary-color:#fff;--error-color:#ff3535;--error-color-shadow:rgba(255,53,53,.31);--on-error-color:#ff3535;--app-background-color:#e9e9e9;--background-color:#fff;--background-color-alpha:hsla(0,0%,100%,.3);--on-background-color:#797979;--surface-color:#f5f5f5;--surface-variant-color:#dadada;--on-surface-color:hsla(0,0%,100%,.2);--on-surface-variant-color:#1a1a1a;--accent-color:#ffc107;--transparent:transparent;--white:#fff;--black:#000;--black1:#1a1a1a}@keyframes wiggle{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(3deg) scale(1.05)}50%{transform:rotate(0deg) scale(1.02)}75%{transform:rotate(-3deg) scale(1.05)}}.wiggle-animation{animation:wiggle 1.2s ease-in-out infinite}@keyframes ripple-animation{0%{transform:scale(0);opacity:1}20%{transform:scale(.2);opacity:.8}to{transform:scale(1);opacity:0}}.ripple-container{position:relative;overflow:hidden}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{margin:0;height:100%;overflow:hidden;display:flex;justify-content:center;padding:0 0 env(safe-area-inset-bottom);align-items:center;font-family:Arial,sans-serif;background-color:var(--app-background-color);touch-action:none}@media only screen and (max-width:768px){body,html{height:100svh;min-height:100svh;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.wrapper svg{height:50px;width:50px}@media only screen and (max-width:600px){.wrapper svg{height:40px;width:40px}}@media only screen and (min-width:600px){.wrapper svg{height:40px;width:40px}}@media only screen and (min-width:768px){.wrapper svg{height:50px;width:50px}}@media only screen and (min-width:992px){.wrapper svg{height:60px;width:60px}}@media only screen and (min-width:1200px){.wrapper svg{height:60px;width:60px}}.token-widget{display:flex;align-items:center;justify-content:center;width:100px;height:40px;background-color:var(--primary-color);border-radius:5px;box-shadow:-7px 8px 22.3px var(--secondary-color-shadow),1px 4px 9.2px var(--error-color-shadow)}@media only screen and (max-width:600px){.token-widget{display:flex;align-items:center;justify-content:center;width:80px;height:30px;background-color:var(--primary-color);border-radius:5px;box-shadow:-1px 3px 5px var(--secondary-color-shadow),1px 2px 4px var(--error-color-shadow)}}@media only screen and (min-width:600px){.token-widget{display:flex;align-items:center;justify-content:center;width:100px;height:40px;background-color:var(--primary-color);border-radius:5px;box-shadow:-7px 8px 22.3px var(--secondary-color-shadow),1px 4px 9.2px var(--error-color-shadow)}}@media only screen and (min-width:768px){.token-widget{display:flex;align-items:center;justify-content:center;width:100px;height:40px;background-color:var(--primary-color);border-radius:5px;box-shadow:-7px 8px 22.3px var(--secondary-color-shadow),1px 4px 9.2px var(--error-color-shadow)}}@media only screen and (min-width:992px){.token-widget{display:flex;align-items:center;justify-content:center;width:100px;height:40px;background-color:var(--primary-color);border-radius:5px;box-shadow:-7px 8px 22.3px var(--secondary-color-shadow),1px 4px 9.2px var(--error-color-shadow)}}@media only screen and (min-width:1200px){.token-widget{display:flex;align-items:center;justify-content:center;width:100px;height:40px;background-color:var(--primary-color);border-radius:5px;box-shadow:-7px 8px 22.3px var(--secondary-color-shadow),1px 4px 9.2px var(--error-color-shadow)}}.pricing-package{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12px;margin:4px;background-color:#fff;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.1);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;max-width:240px;min-height:160px;flex:1 1;border:2px solid transparent;box-sizing:border-box;opacity:.8}.pricing-package:hover{box-shadow:0 6px 12px rgba(0,0,0,.15)}.pricing-package.selected{opacity:1;box-shadow:-7px 8px 22.3px rgba(255,88,189,.31),1px 4px 9.2px rgba(255,53,53,.32)}.pricing-package-title{font-size:18px;font-weight:700;margin-bottom:8px;color:#333}.pricing-package-price{font-size:24px;font-weight:700;color:var(--primary-color);margin-bottom:8px}.pricing-package-description{font-size:14px;color:#666;text-align:center;margin-bottom:12px}.pricing-package-content{text-align:center;flex:1 1;display:flex;flex-direction:column;justify-content:space-between;padding:10px 0;min-height:150px}.pricing-package-badge{position:absolute;top:-10px;right:0;width:100%;text-align:center;background-color:var(--secondary-color);color:#fff;padding:4px 8px;border-radius:12px;font-size:14px;font-weight:700}.pricing-package-annual{position:relative}.pricing-continue-button{padding:12px 24px;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;transition:background-color .2s ease;width:100%;max-width:200px;margin:0 auto 8px;display:block;cursor:pointer}.pricing-continue-button.enabled{background-color:var(--secondary-color)}.pricing-continue-button.disabled{background-color:#ccc;cursor:not-allowed}.pricing-continue-button.enabled:hover{background-color:var(--secondary-color-shadow)}.pricing-title-section{text-align:center;margin-bottom:20px}.pricing-title{margin:0;font-size:24px;color:#333}.pricing-subtitle{margin:8px 0 0;font-size:14px;color:#666}.pricing-package-ripple{position:relative;overflow:visible!important;width:32%}.token-widget span{color:var(--on-primary-color);font-size:1.2rem;font-weight:700;margin-right:8px}@media only screen and (max-width:600px){.token-widget span{color:var(--on-primary-color);font-size:1rem;font-weight:700;margin-right:8px}}@media only screen and (min-width:600px){.token-widget span{color:var(--on-primary-color);font-size:1rem;font-weight:700;margin-right:8px}}@media only screen and (min-width:768px){.token-widget span{color:var(--on-primary-color);font-size:1.2rem;font-weight:700;margin-right:8px}}@media only screen and (min-width:992px){.token-widget span{color:var(--on-primary-color);font-size:1.2rem;font-weight:700;margin-right:8px}}@media only screen and (min-width:1200px){.token-widget span{color:var(--on-primary-color);font-size:1.2rem;font-weight:700;margin-right:8px}}.token-widget img{width:24px;height:24px}@media only screen and (max-width:600px){.token-widget img{width:18px;height:18px}}@media only screen and (min-width:600px){.token-widget img{width:18px;height:18px}}@media only screen and (min-width:768px){.token-widget img{width:24px;height:24px}}@media only screen and (min-width:992px){.token-widget img{width:24px;height:24px}}@media only screen and (min-width:1200px){.token-widget img{width:24px;height:24px}}.top-component{display:flex;overflow:visible;min-width:70vw;max-width:100vw;margin-bottom:20px;background-color:var(--app-background-color)}.token-container{flex:1 1;display:flex;overflow:visible;justify-content:center;align-items:center}.custom-share-component{flex:1 1;display:flex;justify-content:flex-end;align-items:center}.settings-container{flex:1 1;justify-content:flex-start}.nav-bar,.settings-container{display:flex;align-items:center}.nav-bar{width:100%;border-radius:0;justify-content:space-between;z-index:1000}.nav-section{display:flex;align-items:center;flex:1 1}.nav-left{justify-content:flex-start}.nav-center{justify-content:center}.nav-right{justify-content:flex-end}.nav-button{background:none;border:2px solid var(--outline-color);border-radius:25px;padding:8px 16px;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--primary-color);cursor:pointer;transition:all .2s ease;outline:none}.nav-button:hover:not(:disabled){background-color:var(--primary-color);color:var(--on-primary-color);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.nav-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.nav-button:disabled{cursor:not-allowed;opacity:.5}.new-image-button span{font-size:14px}.share-button{min-width:44px;height:44px;padding:10px;border-radius:50%}@media only screen and (max-width:768px){.nav-bar{padding:0}.nav-button{padding:6px 12px}.nav-button,.new-image-button span{font-size:13px}.share-button{min-width:40px;height:40px;padding:8px}}.middle-component{width:100%;height:calc(100svh - 170px);min-width:70vw;max-width:100vw;display:flex;justify-content:center;align-items:center;background-color:var(--app-background-color);margin:0 auto;position:relative;overflow:hidden}@media only screen and (max-width:768px){.middle-component{height:calc(100svh - 170px - env(safe-area-inset-bottom));min-height:calc(100svh - 170px - env(safe-area-inset-bottom));padding-bottom:10px}}.middle-image{max-width:100%;height:auto}.button-group{display:flex}.button-group.left{justify-content:flex-start}.button-group.right{justify-content:flex-end}.components-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(600px,1fr));grid-gap:20px;gap:20px}.component-item{background-color:#f0f0f0;padding:20px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);text-align:center}h3{margin-bottom:15px}.popup-bottom-overlay{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;justify-content:center;padding:0 10px;max-width:285px;margin:0 auto;align-items:baseline}.popup-bottom-spacer{height:0}.popup-bottom-content{width:100%;max-width:450px;background-color:#fff;padding:15px;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:5px}.popup-bottom-content.pricing-popup,.popup-bottom-overlay.pricing-popup{max-width:600px}@media only screen and (max-width:768px){.popup-bottom-content,.popup-bottom-content.pricing-popup{max-width:95vw;padding:8px}}@media only screen and (max-width:480px){.popup-bottom-content,.popup-bottom-content.pricing-popup{max-width:98vw;padding:6px}.pricing-popup .pricing-packages-container{gap:2px!important}.pricing-popup .pricing-packages-container>div{margin:2px!important;padding:8px!important;min-width:100px!important}}.popup-top-row{display:flex;justify-content:space-between;align-items:center}.toprow-spacer{width:25px;height:25px}.popup-token-centered-container{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:8px;min-width:120px}.token-title{color:var(--primary-color);font-size:12px;font-weight:200;text-align:center;opacity:.9;margin-bottom:2px}.popup-token-centered{display:flex;align-items:center;gap:5px;justify-content:center}.token-upgrade-text{color:#fff;font-size:10px;font-weight:700;text-align:center;letter-spacing:.5px;margin-top:2px;text-shadow:0 1px 2px rgba(0,0,0,.3);background-color:var(--primary-color);box-shadow:-7px 8px 22.3px rgba(255,88,189,.31),1px 4px 9.2px rgba(255,53,53,.32);padding:10px 22px;border-radius:5px}.popup-input-row{display:flex;align-items:center;gap:10px;position:relative;min-height:50px;margin-bottom:6px}.popup-signin-message{text-align:center;display:flex;flex-direction:column;justify-content:center}.popup-signin-row{display:flex;justify-content:center;align-items:center}.popup-input-bottom{flex:1 1;padding:17px 50px 16px 15px;border:0 solid #ccc;border-radius:5px;font-size:14px;outline:none;background-color:var(--primary-variant-color)}.popup-input-bottom:focus{color:var(--primary-color)}.prompt-history-section{margin-top:0;width:100%}.prompt-history-bubbles{display:flex;flex-wrap:wrap;gap:8px;max-height:120px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.prompt-history-bubbles::-webkit-scrollbar{display:none}.prompt-history-bubble{background-color:var(--primary-variant-color);border:2px solid var(--outline-color);border-radius:5px;padding:8px 16px;font-size:14px;color:var(--primary-color);cursor:pointer;transition:all .2s ease;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:none}.prompt-history-bubble:hover{background-color:var(--primary-color);color:var(--on-primary-color);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.prompt-history-bubble:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}@media only screen and (max-width:480px){.prompt-history-bubble{font-size:13px;padding:6px 12px;max-width:150px}.prompt-history-bubbles{gap:6px;max-height:100px}}.popup-icon-button{width:25px;height:25px;border-radius:25px;border:none;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.popup-cancel-button{background-color:#ffffff00;color:#d32f2f}.popup-cancel-button:hover{background-color:#ccc}.select-button{background-color:#fff;color:#2e7d32}.select-button:hover{background-color:#ccc}.logout-button{width:100px;height:45px;border-radius:8px;border:none;background-color:#f0f0f0;color:#333;cursor:pointer;transition:background-color .2s ease;font-size:16px;font-weight:500}.logout-button:hover{background-color:#e0e0e0}.logout-confirm-button{width:100px;height:45px;border-radius:8px;border:none;background-color:#ffebee;color:#d32f2f;cursor:pointer;transition:background-color .2s ease;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.logout-confirm-button:hover{background-color:#ffcdd2}.popup-arrow-button{position:absolute;right:10px;background:none;border:none;color:var(--secondary-color);font-size:20px;cursor:pointer;padding:5px;border-radius:4px;display:flex;align-items:center;justify-content:center}.popup-arrow-button:hover{background-color:rgba(255,88,189,.1)}.popup-arrow-button:disabled{color:#ccc;cursor:not-allowed}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:9999;display:flex;justify-content:center;align-items:center}.popup-content{position:relative;background-color:#fff;padding:20px;border-radius:12px;width:300px;box-shadow:0 2px 10px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:20px}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.popup-token-display{display:flex;align-items:center;gap:5px;padding:8px 12px;background-color:var(--primary-color);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.token-count{font-size:1.1rem;font-weight:700}.token-count,.token-label{color:var(--on-primary-color)}.token-label{font-size:.9rem;opacity:.8}.close-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:18px;cursor:pointer;color:#333}.popup-input{width:100%;padding:10px;box-sizing:border-box;border-radius:4px;border:1px solid #ccc}.image-placeholder{width:60px;height:60px;border-radius:10px;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center;border:3px solid transparent}.image-placeholder .spinner{width:24px;height:24px}.button-container{display:flex;justify-content:center}.main-btn{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.spinner{border:8px solid rgba(0,0,0,.1);border-left-color:#000;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main-box-decoration{background-color:var(--primary-color);border-radius:2px;box-shadow:-4px 2px 14.5px rgba(var(--secondary-color),.31),16px 8px 22.3px rgba(var(--error-color),.32)}.hamburgerOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000;display:flex;justify-content:flex-start}.hamburgerMenu{width:250px;height:100%;background-color:#fff;box-shadow:2px 0 5px rgba(0,0,0,.1);display:flex;flex-direction:column}.hamburger-enter{animation:slideInFromLeft .3s ease-out forwards}.hamburger-exit{animation:slideOutToLeft .3s ease-in forwards}.hamburger-overlay-enter{animation:backdropFadeIn .3s ease-out forwards}.hamburger-overlay-exit{animation:backdropFadeOut .3s ease-in forwards}.menu-icon,.menu-icon line{transition:all .3s ease-in-out}.hamburger-top,.menu-icon line{transform-origin:center}.hamburger-top{transition:transform .3s ease-in-out}.hamburger-middle{transition:opacity .3s ease-in-out}.hamburger-bottom{transform-origin:center;transition:transform .3s ease-in-out}.hamburger-open .hamburger-top{transform:rotate(45deg) translate(3px,3px)}.hamburger-open .hamburger-middle{opacity:0}.hamburger-open .hamburger-bottom{transform:rotate(-45deg) translate(3px,-3px)}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.closeButton{display:flex;justify-content:flex-end;padding:16px;cursor:pointer}.closeButton,.closeButton:hover{color:var(--primary-color)}.menuItems{display:flex;flex-direction:column;padding:60px 32px}.menuItem{padding:16px 0;border-bottom:1px solid #eee;cursor:pointer;font-size:16px;color:#333}.menuItem.no-separator,.menuItem:last-child{border-bottom:none}.menuItem:hover{color:#000;background-color:#f9f9f9}.menu-token-counter{justify-content:flex-start!important;background-color:transparent!important}.menu-token-counter:hover{background-color:transparent!important;color:inherit!important}.menu-token-counter[style*=pointer]{cursor:pointer!important}.menu-token-counter[style*=pointer]:hover{background-color:rgba(0,0,0,.05)!important}.menu-upgrade-item{background:linear-gradient(135deg,var(--secondary-color) 0,var(--tertiary-color) 100%)!important;color:#fff!important;border-radius:8px!important;margin:8px 0!important;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease!important;box-shadow:0 3px 10px rgba(255,88,189,.3)}.menu-upgrade-item:hover{background:linear-gradient(135deg,var(--tertiary-color) 0,var(--secondary-color) 100%)!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 5px 15px rgba(255,88,189,.4)}.menu-upgrade-item .upgrade-text{font-weight:700;font-size:16px;display:block;margin-bottom:2px}.menu-upgrade-item .upgrade-subtext{font-size:12px;opacity:.9;font-weight:500;background:hsla(0,0%,100%,.2);padding:2px 6px;border-radius:4px;display:inline-block}.bottom-component-enter{animation:slideUpFadeIn .3s ease-out forwards}.bottom-component-exit{animation:slideDownFadeOut .2s ease-in forwards}@keyframes slideUpFadeIn{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUpOnly{0%{transform:translateY(100px)}to{transform:translateY(0)}}@keyframes slideDownFadeOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(100px);opacity:0}}.popup-bottom-enter{animation:slideUpOnly .3s ease-out forwards}.popup-bottom-exit{animation:slideDownFadeOut .2s ease-in forwards}.popup-enter{animation:popupEnter .3s ease-out forwards}.popup-exit{animation:popupExit .2s ease-in forwards}.popup-backdrop-enter{animation:backdropFadeIn .3s ease-out forwards}.popup-backdrop-exit{animation:backdropFadeOut .2s ease-in forwards}@keyframes popupEnter{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popupExit{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes backdropFadeOut{0%{opacity:1}to{opacity:0}}.image-selector-enter{animation:slideUpFadeIn .3s ease-out forwards}.image-selector-exit{animation:slideDownFadeOut .2s ease-in forwards}.page{--gray-rgb:0,0,0;--gray-alpha-200:rgba(var(--gray-rgb),0.08);--gray-alpha-100:rgba(var(--gray-rgb),0.05);--button-primary-hover:#383838;--button-secondary-hover:#f2f2f2;min-height:100svh;font-family:var(--font-geist-sans)}@media (prefers-color-scheme:dark){.page{--gray-rgb:255,255,255;--gray-alpha-200:rgba(var(--gray-rgb),0.145);--gray-alpha-100:rgba(var(--gray-rgb),0.06);--button-primary-hover:#ccc;--button-secondary-hover:#1a1a1a}}.App{width:100vw;height:100svh;display:flex;flex-direction:column;background-color:var(--app-background-color);box-shadow:0 4px 10px rgba(0,0,0,.1)}@media only screen and (max-width:768px){.App{height:100svh;min-height:100svh;max-height:100svh;overflow:hidden}}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.8);display:flex;justify-content:center;align-items:center;z-index:5}@keyframes slideInFromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideOutToLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.bottom-container{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:10px;gap:80px;border-radius:40px;box-shadow:0 5px 5px rgba(0,0,0,.1);margin:10px auto 30px;max-width:400px;height:80px;min-height:80px}.bottom-buttons-left{flex:1 1;display:flex;justify-content:flex-start;align-items:flex-start;gap:15px}.bottom-buttons-right{flex:1 1;display:flex;justify-content:flex-end;align-items:flex-end;gap:15px}.bottom-buttons-middle{flex:1 1}.bottom-buttons-middle,.image-selector-container{display:flex;justify-content:center;align-items:center}.image-selector-container{flex-direction:row;gap:6px;padding:10px 15px;height:80px;min-height:80px;max-width:285px;margin:10px auto 30px;border-radius:40px;box-shadow:0 4px 8px rgba(0,0,0,.1);background-color:#fff}.image-selector-images-row{display:flex;flex-direction:row;align-items:center;gap:2px;margin:0 10px}.image-selector-image{width:60px;height:60px;border-radius:10px;object-fit:cover;pointer-events:all;border:3px solid transparent;cursor:pointer;transition:border-color .2s ease}.image-selector-image.active{border:1px solid var(--secondary-color)}.image-selector-error{color:#d32f2f;font-size:14px;text-align:center}.select-button.disabled{opacity:.5;cursor:not-allowed}.create-tool-button{opacity:1;cursor:pointer;transition:opacity .1s ease-in-out}.create-tool-button.inactive{opacity:.3;cursor:not-allowed}.create-tool-button-container{background-color:var(--primary-color);border-radius:30px;height:60px;width:60px;display:flex;align-items:center;justify-content:center;box-shadow:-7px 8px 22.3px rgba(255,88,189,.31),1px 4px 9.2px rgba(255,53,53,.32);transition:opacity .1s ease-in-out,box-shadow .1s ease-in-out}.create-tool-button-container.inactive{opacity:.3;box-shadow:none}.create-tool-button-inner{border:none;background:none;cursor:pointer;padding:0}.create-tool-button-inner.inactive{cursor:not-allowed}.annual-promo-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;max-width:320px;width:90vw;border-radius:20px;padding:2px}.annual-promo-content{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:18px;padding:24px 20px;position:relative;text-align:center;box-shadow:5px 20px 60px rgba(0,0,0,.4)}.annual-promo-close-btn{width:32px;height:32px;border-radius:50%;border:none;background-color:rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;color:#666}.annual-promo-close-btn:hover{background-color:rgba(0,0,0,.1)}.annual-promo-badge{background:linear-gradient(135deg,var(--secondary-color) 0,var(--tertiary-color) 100%);color:#fff;padding:8px 16px;border-radius:20px;margin:0 auto 20px;display:inline-block;box-shadow:0 4px 15px rgba(255,88,189,.3);position:relative;overflow:hidden}.annual-promo-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.annual-promo-badge-text{font-size:16px;font-weight:700;display:block;line-height:1.2}.annual-promo-badge-subtext{font-size:11px;opacity:.9;font-weight:500}.annual-promo-main{margin-bottom:24px;display:flex;flex-direction:column;align-items:center}.annual-promo-title{font-size:30px;font-weight:700;color:#333;margin:0 0 8px;line-height:1.3;text-transform:uppercase}.annual-promo-subtitle{font-size:14px;color:#666;margin:0 0 20px}.annual-promo-price-section{margin-bottom:20px}.annual-promo-original-price{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:4px}.annual-promo-strike{font-size:16px;color:#999;text-decoration:line-through}.annual-promo-discounted-price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}.annual-promo-price{font-size:32px;font-weight:700;color:var(--primary-color)}.annual-promo-per-year{font-size:14px;color:#666}.annual-promo-savings{font-size:14px;color:var(--primary-color);font-weight:600}.annual-promo-features{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;max-width:70%}.annual-promo-feature{display:flex;align-items:center;gap:8px;font-size:14px;color:#555}.annual-promo-actions{display:flex;flex-direction:column;gap:16px}.annual-promo-upgrade-btn{width:100%;padding:14px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:-7px 8px 22.3px rgba(255,88,189,.31),1px 4px 9.2px rgba(255,53,53,.32);text-transform:uppercase;letter-spacing:.6px}.annual-promo-upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,88,189,.4)}.annual-promo-upgrade-btn:active{transform:translateY(0)}.annual-promo-secondary-actions{display:flex;justify-content:space-between;gap:16px}.annual-promo-link-btn{background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:background-color .2s ease,color .2s ease;text-transform:uppercase;letter-spacing:.3px}.annual-promo-link-btn:hover{background-color:rgba(0,0,0,.05);color:var(--secondary-color)}.annual-promo-enter{animation:annualPromoEnter .4s cubic-bezier(.34,1.56,.64,1) forwards}.annual-promo-exit{animation:annualPromoExit .3s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes annualPromoEnter{0%{transform:translate(-50%,-50%) scale(.8) rotate(3deg);opacity:0}to{transform:translate(-50%,-50%) scale(1) rotate(0deg);opacity:1}}@keyframes annualPromoExit{0%{transform:translate(-50%,-50%) scale(1) rotate(0deg);opacity:1}to{transform:translate(-50%,-50%) scale(.9) rotate(-2deg);opacity:0}}@media only screen and (max-width:480px){.annual-promo-overlay{max-width:300px}.annual-promo-content{padding:20px 16px}.annual-promo-title{font-size:20px}.annual-promo-price{font-size:28px}.annual-promo-secondary-actions{flex-direction:column;gap:8px}}