:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{background-color:#121212;padding:1.25rem;position:fixed;top:0;left:0;right:0;z-index:1000}.navbar-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1000}.logo-container{height:100%;max-height:100px;display:flex;align-items:center;z-index:1002;position:relative}.logo-image{height:100%;max-height:190px;width:auto;object-fit:contain}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{color:#fff;text-decoration:none;font-size:1rem;transition:color .2s}.nav-link:hover{color:#3f51b5}.account-section{display:flex;align-items:center;gap:1.5rem}.dashboard-icon{color:#3f51b5;transition:color .2s;display:flex;align-items:center;justify-content:center;cursor:pointer}.dashboard-icon:hover{color:#303f9f}.login-button{background-color:gold;color:#000;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s;min-width:120px;text-align:center;display:inline-flex;align-items:center;justify-content:center;line-height:1;height:36px;box-sizing:border-box}.login-button:hover{background-color:#ffc800}.account-icon-container{position:relative;cursor:pointer}.account-icon{color:#3f51b5;transition:color .2s}.account-icon:hover{color:#303f9f}.logged-in-badge{position:absolute;top:-5px;right:-5px;background-color:#4caf50;color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.login-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.mobile-menu-button{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;align-items:center;justify-content:center;z-index:1001;position:relative}.mobile-menu{display:flex;opacity:0;visibility:hidden;transform:translateY(-10px);position:absolute;top:100%;right:0;width:250px;background-color:#121212;border:1px solid #333;border-radius:8px;padding:.5rem;flex-direction:column;gap:.25rem;transition:all .3s ease;z-index:999;box-shadow:0 4px 10px #0000004d;margin-top:.5rem}.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav-link{color:#fff;text-decoration:none;font-size:1rem;padding:.75rem 1rem;border-radius:4px;transition:background-color .2s;background:none;border:none;width:100%;text-align:left;font-family:inherit;cursor:pointer;display:block}.mobile-nav-link:hover{color:#3f51b5;background-color:#ffffff1a}.mobile-nav-link:last-child{border-bottom:none}.mobile-dropdown{background-color:#1a1a1a;border-radius:4px;margin-top:.25rem;padding:.25rem;border:1px solid #333}.mobile-dropdown-item{background:none;border:none;color:#fff;padding:.5rem 1rem;width:100%;text-align:left;cursor:pointer;font-family:inherit;font-size:.9rem;transition:background-color .2s;border-radius:4px}.mobile-dropdown-item:hover{background-color:#ffffff1a}.mobile-account-section{display:flex;flex-direction:column;gap:.25rem}.mobile-dropdown-toggle{background:none;border:none;color:#fff;padding:.75rem 1rem;width:100%;text-align:left;font-family:inherit;font-size:1rem;cursor:pointer;border-radius:4px;transition:background-color .2s}.mobile-dropdown-toggle:hover{color:#3f51b5;background-color:#ffffff1a}@media (max-width: 1024px){.navbar{padding:.75rem}.navbar-container{padding:0 1rem;position:relative;display:flex;justify-content:space-between;align-items:center}.logo-container{flex-shrink:0;z-index:1002;position:relative}.logo-image{max-height:190px;display:block!important}.mobile-menu-button{display:flex!important;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1001}.account-section{gap:.75rem;margin-right:60px;min-width:0;position:relative;z-index:1000}.mobile-menu{display:flex;opacity:0;visibility:hidden;transform:translateY(-100%)}.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}}@media (max-width: 768px){.navbar{padding:.75rem}.navbar-container{padding:0 1rem;position:relative;display:flex;justify-content:space-between;align-items:center}.logo-container{flex-shrink:0;z-index:1002;position:relative}.logo-image{max-height:190px;display:block!important}.mobile-menu-button{display:flex!important;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1001}.account-section{gap:.75rem;margin-right:60px;min-width:0;position:relative;z-index:1000}.mobile-menu{display:flex;opacity:0;visibility:hidden;transform:translateY(-10px);position:absolute;top:100%;right:0;width:250px;background-color:#121212;border:1px solid #333;border-radius:8px;padding:.5rem;flex-direction:column;gap:.25rem;transition:all .3s ease;z-index:999;box-shadow:0 4px 10px #0000004d;margin-top:.5rem}.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}}@media (max-width: 480px){.navbar{padding:.5rem}.navbar-container{padding:0 .75rem;position:relative;display:flex;justify-content:space-between;align-items:center}.logo-container{flex-shrink:0;z-index:1002;position:relative}.logo-image{max-height:190px;display:block!important}.mobile-menu-button{display:flex!important;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1001}.account-section{gap:.5rem;margin-right:60px;min-width:0;position:relative;z-index:1000}.mobile-menu{display:flex;opacity:0;visibility:hidden;transform:translateY(-10px);position:absolute;top:100%;right:0;width:250px;background-color:#121212;border:1px solid #333;border-radius:8px;padding:.5rem;flex-direction:column;gap:.25rem;transition:all .3s ease;z-index:999;box-shadow:0 4px 10px #0000004d;margin-top:.5rem}.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}}.account-dropdown{position:absolute;top:100%;right:0;background-color:#121212;border:1px solid #333;border-radius:4px;padding:.5rem 0;min-width:150px;box-shadow:0 4px 6px #0000001a;z-index:1000}.dropdown-item{display:flex;align-items:center;padding:.75rem 1rem;color:#fff;cursor:pointer;transition:background-color .2s}.dropdown-item:hover{background-color:#1e1e1e}.dropdown-icon{margin-right:.75rem;font-size:1rem}.hero{padding:8rem 2rem;background:linear-gradient(135deg,#121212,#121212 20%,#0f1a2a 50%,#121212);min-height:100vh;display:flex;align-items:center}.hero-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:4rem}.hero-content{flex:1}.hero h1{font-size:3.5rem;font-weight:800;line-height:1.2;color:#fff;margin-bottom:1.5rem;background:linear-gradient(to right,#fff,#007bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.25rem;color:#b0b0b0;line-height:1.6;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem}.cta-primary,.cta-secondary{padding:1rem 2rem;border-radius:8px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.cta-primary{background:#007bff;color:#fff;border:none}.cta-secondary{background:transparent;color:#007bff;border:2px solid #007bff}.cta-primary:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.cta-secondary:hover{background:#007bff1a;transform:translateY(-2px)}.hero-image{flex:1;display:flex;justify-content:center;align-items:center}.hero-image img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 20px 40px #0000004d;border:1px solid #2a2a2a}.hero-thumbnail{max-width:100%;height:auto;border-radius:12px;box-shadow:0 20px 40px #0000004d;border:1px solid #2a2a2a;transition:opacity .5s ease-in-out;opacity:1}.hero-thumbnail.fade-out{opacity:0}.hero-thumbnail.fade-in{opacity:1}@media (max-width: 768px){.hero-container{flex-direction:column;text-align:center}.hero h1{font-size:2.5rem}.hero-buttons{justify-content:center}}.image-editor{min-height:100vh;padding:8rem 2rem 2rem;background:linear-gradient(135deg,#121212,#121212 20%,#0f1a2a 50%,#121212);color:#fff}.editor-container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.editor-header{margin-bottom:2rem}.back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:.5rem;transition:color .3s ease}.back-button:hover{color:#3f51b5}.editor-tools{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#1e1e1e;border-bottom:1px solid #333;justify-content:space-between}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:1rem}.upload-container{position:relative;display:inline-block}.file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.tool-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#121212;border:1px solid #2a2a2a;color:#fff;border-radius:4px;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:auto}.tool-button:hover{background:#1a1a1a;border-color:#3f51b5}.tool-button.active{background:#3f51b5;border-color:#3f51b5}.brush-size-container{position:relative}.brush-size-select{padding:.5rem;background:#121212;border:1px solid #2a2a2a;color:#fff;border-radius:4px;cursor:pointer}.brush-size-select:hover{border-color:#3f51b5}.editor-content{background:#1e1e1e;border-radius:8px;padding:1rem;min-height:500px;display:flex;align-items:center;justify-content:center}.drop-zone{border:2px dashed #3f51b5;border-radius:8px;padding:3rem;text-align:center;cursor:pointer;transition:all .3s ease;width:100%;max-width:600px}.drop-zone.dragging{border-color:#303f9f;background-color:#3f51b51a}.drop-zone p{color:#fff;font-size:1.2rem;margin:0}.canvas-container{position:relative;width:100%;max-width:1280px;margin:0 auto;background:#121212;border-radius:8px;overflow:hidden}.editor-canvas{width:100%;height:auto;display:block;background:#121212;border:1px solid #2a2a2a;border-radius:8px;cursor:crosshair}.text-overlay{position:absolute;padding:8px;background-color:#00000080;border-radius:4px;cursor:move;-webkit-user-select:none;user-select:none;z-index:10;transition:background-color .2s}.text-overlay:hover{background-color:#000000b3}.text-input-overlay{position:absolute;padding:8px;background-color:#000000b3;border:2px solid #ffffff;border-radius:4px;color:#fff;font-size:16px;z-index:11;min-width:100px}.text-input-overlay:focus{border-color:#3f51b5;box-shadow:0 0 0 2px #3f51b540}.save-button-container{position:relative;display:inline-block}.save-toast{position:absolute;top:-40px;left:50%;transform:translate(-50%);background-color:#4caf50;color:#fff;padding:8px 16px;border-radius:4px;font-size:14px;white-space:nowrap;animation:fadeInOut 2s ease-in-out;z-index:1000}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,10px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.generate-button{background-color:#3f51b5;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;transition:all .2s}.generate-button:not(:disabled){background-color:#3f51b5}.generate-button:not(:disabled):hover{background-color:#303f9f}.generate-button:disabled{background-color:#666;cursor:not-allowed;opacity:.7}.pricing-container{padding:2rem;max-width:1200px;margin:0 auto;margin-top:6rem}.pricing-container h1{text-align:center;color:#fff;margin-bottom:1rem;margin-top:3rem;font-size:2.5rem}.pricing-subtitle{text-align:center;color:#888;font-size:1.1rem;margin-bottom:2rem;font-weight:500}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:1rem;position:relative}.product-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;height:100%;position:relative}.product-card.pro{border:3px solid #3f51b5;box-shadow:0 0 30px #3f51b54d;transform:scale(1.08);background:linear-gradient(145deg,#1a1a1a,#1f1f1f);z-index:2;position:relative}.product-card.pro:before{content:"Most Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#3f51b5;color:#fff;padding:4px 12px;border-radius:12px;font-size:.9rem;font-weight:700;box-shadow:0 2px 10px #3f51b54d}.product-card.pro:hover{transform:scale(1.12);box-shadow:0 0 40px #3f51b566}.product-card.pro .product-title{color:#3f51b5;font-size:2rem;margin-bottom:1rem;font-weight:700}.product-card.pro .product-price{color:#3f51b5;font-size:2.5rem;font-weight:700;text-align:center}.product-card.pro .subscribe-button{background:#3f51b5;font-weight:700;padding:1.2rem 2rem;font-size:1.1rem;text-transform:uppercase;letter-spacing:.5px}.product-card.pro .subscribe-button:hover{background:#303f9f;transform:translateY(-2px)}.product-card:hover{transform:translateY(-5px)}.product-card h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.product-card p{color:#888;margin-bottom:1.5rem;flex-grow:1;min-height:80px}.product-card .price{font-size:2rem;color:#fff;margin:1rem 0;font-weight:700}.product-card .cta-button{background:#007bff;color:#fff;border:none;padding:.8rem 2rem;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s ease;width:100%;margin-top:auto}.product-card .cta-button:hover{background:#0056b3}.plan-type{font-size:1.2rem;color:#3f51b5;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.product-title{color:#fff;font-size:1.8rem;margin-bottom:.5rem}.token-limit{color:#3f51b5;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.product-description{color:#b0b0b0;margin-bottom:2rem;line-height:1.6;min-height:80px}.product-price{font-size:2.5rem;color:#fff;font-weight:700;margin-bottom:2rem;text-align:center}.subscribe-button{background-color:#3f51b5;color:#fff;border:none;padding:1rem 2rem;border-radius:6px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;width:100%}.subscribe-button:hover{background-color:#303f9f}.subscribe-button.active-subscription{background-color:#4caf50;cursor:default}.subscribe-button.active-subscription:hover{background-color:#4caf50}.subscribe-button.upgrade-subscription{background-color:#ff9800;font-weight:600}.subscribe-button.upgrade-subscription:hover{background-color:#f57c00;transform:translateY(-2px)}.subscribe-button:disabled{opacity:.7;cursor:default}.pricing-loading,.pricing-error{text-align:center;color:#fff;font-size:1.2rem;padding:2rem}.pricing-error{color:#f44}@media (max-width: 1200px){.pricing-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr;gap:1rem}.pricing-container{padding:1rem;margin-top:4rem}.pricing-container h1{font-size:2rem;margin-top:2rem}.product-card{padding:1.5rem}.product-card.pro{transform:scale(1.02)}.product-card.pro:hover{transform:scale(1.04)}}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#121212;padding:2rem}.login-container{background-color:#1e1e1e;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}.login-container h1{color:#fff;text-align:center;margin-bottom:2rem}.form-group label{display:block;color:#fff;margin-bottom:.5rem}.form-group input{width:100%;padding:.75rem;border:1px solid #333;border-radius:4px;background-color:#2d2d2d;color:#fff;font-size:1rem}.login-button{width:100%;padding:.75rem;background-color:#3f51b5;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.login-button:hover{background-color:#303f9f}.login-button:disabled{background-color:#666;cursor:not-allowed}.error-message{color:#f44336;margin-bottom:1rem;text-align:center}.success-message{color:#4caf50;margin-bottom:1rem;text-align:center;padding:.75rem;background-color:#4caf501a;border:1px solid #4caf50;border-radius:4px}.register-link{text-align:center;margin-top:1.5rem;color:#fff}.register-link a{color:#3f51b5;text-decoration:none}.register-link a:hover{text-decoration:underline}.forgot-password-link{text-align:center;margin-top:1rem;color:#fff}.reset-link{color:#3f51b5;text-decoration:none;background:none;border:none;padding:0;font:inherit;cursor:pointer}.reset-link:hover{text-decoration:underline}.register-page{min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:flex-start;background:transparent;padding:2rem;margin-top:80px}.register-container{background:#1e1e1e;padding:2.5rem;border-radius:8px;box-shadow:0 4px 6px #0003;width:100%;max-width:500px;border:1px solid #333;margin-top:2rem}.register-container h1{text-align:center;color:#fff;margin-bottom:2rem}.name-fields{display:flex;gap:1rem;margin-bottom:1rem}.name-fields .form-group{flex:1}.register-button{width:100%;padding:.75rem;background-color:#3f51b5;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.register-button:hover{background-color:#303f9f}.register-button:disabled{background-color:#444;cursor:not-allowed}.login-link{text-align:center;margin-top:1.5rem;color:#fff}.login-link a{color:#3f51b5;text-decoration:none;font-weight:500}.login-link a:hover{text-decoration:underline}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.checking-email{color:#666;font-size:.9em;margin-top:4px;font-style:italic}.error-message{color:#dc3545;font-size:.9em;margin-top:4px}.verify-page{min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:flex-start;background:transparent;padding:2rem;margin-top:80px}.verify-container{background:#1e1e1e;padding:2.5rem;border-radius:8px;box-shadow:0 4px 6px #0003;width:100%;max-width:500px;border:1px solid #333;margin-top:2rem;text-align:center}.verify-container h1{text-align:center;color:#fff;margin-bottom:2rem;font-size:2rem;font-weight:600}.verify-instructions{color:#fff;margin-bottom:10px;font-size:1.1rem;line-height:1.5}.verify-instructions strong{color:#fff;font-weight:600}.verify-subtext{color:#ccc;margin-bottom:30px;font-size:.95rem;line-height:1.4}.form-group input:invalid{border-color:#f44336}.readonly-field{background-color:#1a1a1a!important;color:#888!important;cursor:not-allowed}.readonly-field:focus{border-color:#333!important}.verify-button{width:100%;padding:.75rem;background-color:#3f51b5;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-bottom:20px}.verify-button:hover:not(:disabled){background-color:#303f9f}.verify-button:disabled{background-color:#444;cursor:not-allowed}.resend-section{margin:25px 0;padding:20px;background:#2a2a2a;border-radius:8px;border:1px solid #333}.resend-section p{color:#ccc;margin-bottom:15px;font-size:.9rem}.resend-button{background:transparent;color:#3f51b5;border:2px solid #3f51b5;padding:10px 20px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.resend-button:hover:not(:disabled){background:#3f51b5;color:#fff}.resend-button:disabled{color:#666;border-color:#666;cursor:not-allowed}.back-to-login{margin-top:20px;padding-top:20px;border-top:1px solid #333}.back-to-login p{color:#ccc;font-size:.9rem;margin:0}.link-button{background:none;border:none;color:#3f51b5;text-decoration:underline;cursor:pointer;font-size:.9rem;padding:0;margin:0}.link-button:hover{color:#303f9f}.success-message{text-align:center;padding:40px 20px}.success-message h1{color:#4caf50;margin-bottom:15px;font-size:1.8rem}.success-message p{color:#ccc;margin-bottom:10px;font-size:1rem;line-height:1.5}@media (max-width: 600px){.verify-container{padding:30px 20px;margin:10px}.verify-container h1{font-size:1.6rem}.verify-instructions{font-size:1rem}.verify-subtext{font-size:.9rem}}@media (max-width: 480px){.verify-page{padding:10px}.verify-container{padding:25px 15px}.verify-container h1{font-size:1.4rem}}.change-password-page{min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:flex-start;background:transparent;padding:2rem;margin-top:80px}.change-password-container{background:#1e1e1e;padding:2.5rem;border-radius:8px;box-shadow:0 4px 6px #0003;width:100%;max-width:500px;border:1px solid #333;margin-top:2rem;text-align:center}.change-password-container h1{text-align:center;color:#fff;margin-bottom:2rem;font-size:2rem;font-weight:600}.force-password-notice{background-color:#ffc1071a;border:1px solid rgba(255,193,7,.2);border-radius:4px;padding:1rem;margin-bottom:2rem}.force-password-notice p{color:#ffc107;margin:0;font-size:1rem;line-height:1.5}.change-password-form{margin-top:2rem}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;color:#fff;font-weight:500;font-size:.95rem}.form-group input{width:100%;padding:.75rem;border:1px solid #333;border-radius:4px;font-size:1rem;transition:border-color .2s;background-color:#2a2a2a;color:#fff;box-sizing:border-box}.password-input-container{position:relative}.password-input-container input{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;padding:0}.password-toggle:hover{color:#3f51b5}.password-error{color:#ffc107;font-size:.85rem;margin-top:.5rem;padding:.5rem;background-color:#ffc1071a;border:1px solid rgba(255,193,7,.2);border-radius:4px}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-button{padding:.75rem 1.5rem;background-color:transparent;color:#fff;border:1px solid #666;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .2s}.cancel-button:hover:not(:disabled){background-color:#666;border-color:#666}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.submit-button{padding:.75rem 1.5rem;background-color:#3f51b5;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.submit-button:hover:not(:disabled){background-color:#303f9f}.submit-button:disabled{background-color:#444;cursor:not-allowed}.error-message{background-color:#ffc1071a;color:#ffc107;padding:.75rem;border-radius:4px;margin-bottom:1rem;text-align:center;border:1px solid rgba(255,193,7,.2);font-size:.9rem}.success-message{background-color:#4caf501a;color:#4caf50;padding:.75rem;border-radius:4px;margin-bottom:1rem;text-align:center;border:1px solid rgba(76,175,80,.2);font-size:.9rem}.loading{color:#fff;text-align:center;font-size:1.1rem}@media (max-width: 600px){.change-password-container{padding:2rem 1.5rem;margin:1rem}.change-password-container h1{font-size:1.6rem}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}@media (max-width: 480px){.change-password-page{padding:1rem}.change-password-container{padding:1.5rem 1rem}.change-password-container h1{font-size:1.4rem}}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.subscription-success-popup{background:#2a2a2a;padding:2rem;border-radius:8px;text-align:center;max-width:400px;width:90%;box-shadow:0 4px 6px #0003}.success-icon{width:60px;height:60px;background:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;font-size:2rem}.subscription-success-popup h2{color:#fff;margin-bottom:1rem;font-size:1.5rem}.subscription-success-popup p{color:#888;margin-bottom:.5rem}.already-subscribed-popup{background:#2a2a2a;padding:2rem;border-radius:8px;text-align:center;max-width:400px;width:90%;box-shadow:0 4px 6px #0003}.warning-icon{width:60px;height:60px;background:#ff9800;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;font-size:2rem;font-weight:700}.already-subscribed-popup h2{color:#fff;margin-bottom:1rem;font-size:1.5rem}.already-subscribed-popup p{color:#888;margin-bottom:.5rem}.product-name{color:#3f51b5!important;font-size:1.2rem;font-weight:700;margin:1rem 0!important}.close-button{background-color:#3f51b5;color:#fff;border:none;padding:.75rem 2rem;border-radius:4px;font-size:1rem;cursor:pointer;margin-top:1.5rem;transition:background-color .2s}.close-button:hover{background-color:#303f9f}.checkout-page{min-height:calc(100vh - 80px);padding:2rem;margin-top:80px;background:transparent}.checkout-container{max-width:1200px;margin:0 auto;padding:2rem;background:#1e1e1e;border-radius:8px;box-shadow:0 4px 6px #0003}.checkout-title{text-align:center;color:#fff;margin-bottom:2rem;font-size:2rem}.checkout-form{width:100%}.checkout-content{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:1000px;margin:0 auto}.stripe-checkout-wrapper{background-color:#2a2a2a;padding:2rem;border-radius:8px;flex:1}.account-info{background:#2a2a2a;padding:2rem;border-radius:8px;margin-bottom:2rem;width:100%}.account-info h2{color:#fff;margin-bottom:1rem;text-align:left}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;width:100%}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item label{color:#888;font-weight:500}.read-only{color:#fff;padding:.5rem;background:#333;border-radius:4px}.checkout-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.cancel-button,.submit-button{padding:.75rem 2rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s;min-width:150px}.cancel-button{background-color:#666;color:#fff}.cancel-button:hover{background-color:#777}.submit-button{background-color:#3f51b5;color:#fff}.submit-button:disabled{background-color:#666;cursor:not-allowed}.checkout-error{color:#f44;text-align:center;padding:2rem;background:#1e1e1e;border-radius:8px;margin-top:1rem}@media (max-width: 768px){.checkout-page,.checkout-container{padding:1rem}.info-grid{grid-template-columns:1fr}.checkout-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.checkout-return-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5}.checkout-return-container{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:100%;max-width:500px;text-align:center}.status-message{padding:1rem}.status-message h2{margin-bottom:1rem;color:#333}.status-message p{color:#666;margin-bottom:1.5rem}.loading-spinner{width:40px;height:40px;margin:1rem auto;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.success{color:#2ecc71}.error{color:#e74c3c}.retry-button{background-color:#3498db;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.retry-button:hover{background-color:#2980b9}.account-page{padding:2rem;margin:0 auto;margin-top:6rem;display:flex;justify-content:center}.account-container{width:90%;max-width:1400px;background:#1e1e1ecc;border-radius:12px;padding:2rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.account-title{text-align:center;margin-bottom:2rem;color:#fff;font-size:2rem}.account-content{display:flex;gap:2rem;padding:0 2rem;justify-content:center;max-width:1300px;margin:0 auto}.account-sidebar{flex:0 0 20%;height:fit-content;padding:0}.account-main{flex:0 0 80%;padding:0}.account-container h1{color:#fff;margin-bottom:2rem;font-size:2rem}.account-section{margin-bottom:2rem;padding:0}.account-section h2{color:#fff;margin-bottom:1.5rem;font-size:1.5rem;padding:0}.user-details{display:grid;gap:1.2rem;width:100%;padding:0}.detail-group{display:flex;flex-direction:column;gap:.5rem}.detail-group label{color:#b0b0b0;font-size:.85rem}.read-only{background:#ffffff1a;padding:.75rem;border-radius:6px;color:#fff;font-size:.9rem;min-height:42px;display:flex;align-items:center}.section-divider{height:1px;background:#ffffff1a;margin:2rem 0;width:100%}.password-group{margin-top:.5rem}.password-field{display:flex;gap:1rem;align-items:center}.password-field input{flex:1;background:#ffffff1a;border:none;padding:.75rem;border-radius:6px;color:#fff;cursor:not-allowed}.change-password-button{background-color:#3f51b5;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.change-password-button:hover{background-color:#303f9f}.subscription-card{background:#ffffff0d;border-radius:8px;padding:2rem;display:flex;gap:3rem;width:100%;max-width:100%}.subscription-details{flex:1;min-width:0}.subscription-details h3{color:#fff;margin-bottom:.5rem;font-size:1.2rem}.subscription-term{color:#b0b0b0;margin-bottom:.5rem}.subscription-price{color:#fff;font-size:1.5rem;font-weight:700}.price-term{font-size:1rem;color:#b0b0b0;font-weight:400}.cancel-subscription-button{flex-shrink:0;align-self:flex-start;background-color:#dc3545;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;transition:background-color .3s ease;margin-top:.5rem}.cancel-subscription-button:hover{background-color:#c82333}.no-subscription{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 2rem 2rem 8rem;margin-top:0;min-height:200px;text-align:center}.no-subscription p{color:#fff;font-size:1.1rem;margin:0}.no-subscription .subscribe-button{margin-top:1rem;background-color:#3f51b5;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.no-subscription .subscribe-button:hover{background-color:#303f9f}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:flex-start;z-index:1000;padding-top:70vh}.modal-content{background:#2a2a2a;padding:2rem;border-radius:8px;width:90%;max-width:500px;margin-top:0}.modal-content h2{color:#fff;margin-bottom:1.5rem}.form-group label{display:block;color:#b0b0b0;margin-bottom:.5rem}.form-group input{width:100%;padding:.75rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff0d;color:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.cancel-button{background-color:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.cancel-button:hover{background-color:#5a6268}.submit-button{background-color:#3f51b5;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:#303f9f}.account-loading,.account-error{text-align:center;color:#fff;padding:2rem;font-size:1.2rem}.account-error{color:#dc3545}.editable-field{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.75rem;border-radius:6px;color:#fff;font-size:.9rem;width:100%;min-height:42px}.editable-field:focus{outline:none;border-color:#3f51b5;background:#ffffff26}.save-profile-container{display:flex;justify-content:center;margin-top:1.5rem}.save-profile-button{background-color:#3f51b5;color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;cursor:pointer;transition:background-color .3s ease;font-size:1rem}.save-profile-button:hover{background-color:#303f9f}.success-message{background-color:#4caf50;color:#fff;padding:1rem 2rem;border-radius:6px;margin-bottom:1.5rem;text-align:center;animation:fadeInOut 3s ease-in-out}@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)}}.error-modal{text-align:center;max-width:400px}.error-modal h2{color:#dc3545;margin-bottom:1rem}.error-modal p{color:#fff;margin-bottom:1.5rem;font-size:1.1rem}.ok-button{background-color:#3f51b5;color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;cursor:pointer;transition:background-color .3s ease;font-size:1rem;min-width:100px}.password-error{color:#dc3545;font-size:.85rem;margin-top:.5rem}.submit-button:disabled{background-color:#6c757d;cursor:not-allowed}.submit-button:disabled:hover{background-color:#6c757d}.subscription-description{color:#666;font-size:.9rem;margin:.5rem 0}.subscription-dates{margin-top:1rem;padding-top:1rem;padding-bottom:1.5rem;border-bottom:1px solid #3f3f3f}.subscription-dates p{color:#666;font-size:.9rem;margin:.25rem 0}.current-period-usage{margin-top:.75rem;padding-top:1.5rem}.current-period-usage h4{color:#fff;margin:0 0 .75rem;font-size:1.1rem;font-weight:500}.current-period-usage p{color:#ccc;margin:.25rem 0;font-size:.9rem}.cancelled-button{background-color:#e0e0e0!important;color:#666!important;cursor:not-allowed!important;border:1px solid #cccccc!important}.cancelled-button:hover{background-color:#6c757d;cursor:not-allowed}.subscription-actions{display:flex;flex-direction:column;gap:1rem;flex-shrink:0;align-self:flex-start}.payment-methods-button{background-color:#28a745;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;transition:background-color .3s ease;margin-top:.5rem}.payment-methods-button:hover{background-color:#218838}.payment-modal{max-width:500px;width:90%}.loading-payment{text-align:center;padding:2rem;color:#b0b0b0}.payment-modal .modal-actions{margin-top:1rem}@media (max-width: 768px){.account-page{padding:.5rem;margin-top:4rem}.account-container{width:98%;padding:1rem 0}.account-title{font-size:1.5rem;margin-bottom:1.5rem}.account-content{flex-direction:column;gap:1rem;padding:0 .5rem}.account-main{flex:1;width:100%}.user-details{gap:1rem}.detail-group{width:100%}.editable-field{width:100%;box-sizing:border-box;font-size:16px;padding:.75rem .5rem}.password-field{flex-direction:column;gap:.75rem;align-items:stretch}.password-field input{width:100%;box-sizing:border-box;padding:.75rem .5rem}.change-password-button{width:100%;padding:.75rem;font-size:.9rem;white-space:nowrap}.save-profile-container{margin-top:1rem}.save-profile-button{width:100%;padding:.75rem;font-size:.9rem}.subscription-card{flex-direction:column;gap:1.5rem;padding:1.5rem 1rem}.subscription-actions{width:100%;align-self:stretch}.cancel-subscription-button,.payment-methods-button{width:100%;padding:.75rem;font-size:.9rem;white-space:nowrap}.no-subscription{padding:1.5rem 1rem;padding-left:0}.modal-content{width:95%;padding:1.5rem 1rem;margin:1rem}.modal-actions{flex-direction:column;gap:.75rem}.cancel-button,.submit-button,.ok-button{width:100%;padding:.75rem;font-size:.9rem}.form-group input{font-size:16px;box-sizing:border-box;padding:.75rem .5rem}.password-input-container{position:relative;width:100%}.password-input-container input{width:100%;padding-right:3rem;padding-left:.5rem;box-sizing:border-box}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#b0b0b0;cursor:pointer;padding:.25rem}}@media (max-width: 480px){.account-page{padding:.25rem}.account-container{width:100%;border-radius:8px}.account-content{padding:0 .25rem}.subscription-card{padding:1rem .75rem}.modal-content{width:98%;padding:1rem .75rem}}.image-designer-page{min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:flex-start;background:#121212;padding:2rem;margin-top:80px}.image-designer-container{max-width:1400px;margin:0 auto;padding:20px;min-height:100vh;background:#121212;color:#fff}.image-designer-container h1{text-align:center;color:#fff;font-size:2.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5);margin:0;flex:1}.header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;margin-top:10px;width:100%;padding-top:10px}.back-button-container{display:flex;justify-content:flex-start;padding:0 10px;align-items:center;flex-shrink:0}.header-spacer{flex:1;max-width:60px}.back-button{display:flex;align-items:center;justify-content:center;background:#1e1e1e;border:1px solid #333;border-radius:8px;color:#fff;padding:10px 15px;cursor:pointer;transition:all .2s ease;font-size:16px;text-decoration:none;min-width:40px;height:40px}.back-button:hover{background:#2a2a2a;border-color:#3f51b5;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.instructions{margin-bottom:1.5rem}.instructions p{color:#fff;margin-bottom:.5rem;font-size:.95rem}.instructions ul{color:#fff;list-style-type:disc;padding-left:1.5rem;margin:0}.instructions li{margin-bottom:.25rem;font-size:.95rem}.input-section{margin-bottom:1.5rem;margin-top:.5rem;flex-shrink:0}.input-label{color:#fff;font-size:1.1rem;margin-bottom:.75rem;text-align:left}.title-input{width:100%;padding:.75rem;border:1px solid #333;border-radius:6px;font-size:1rem;background-color:#2a2a2a;color:#fff;margin-bottom:.75rem}textarea{width:100%;padding:.75rem;border:1px solid #333;border-radius:6px;font-size:1rem;background-color:#2a2a2a;color:#fff;resize:vertical;min-height:120px;margin-bottom:.75rem}textarea:focus{outline:none;border-color:#3f51b5}.button-container{display:flex;flex-direction:column;align-items:center;margin-top:.5rem;gap:.75rem}.generate-warning{color:#ff9800;font-size:.9rem;line-height:1.4;margin-top:.25rem;padding:.5rem;background-color:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:6px;text-align:center;max-width:400px}.generate-button{background:#3f51b5;color:#fff;border:none;padding:1rem 2rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;min-width:200px;text-align:center;display:flex;align-items:center;justify-content:center}.generate-button:hover{background:#303f9f}.error-message{color:#f44336;background:#f443361a;border:1px solid #f44336;border-radius:6px;padding:15px 20px;margin:20px 0;text-align:center}.generated-image-section{text-align:center;margin:2rem 0}.generated-image-section img{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 4px 12px #0000004d;border:1px solid #333}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#fff}.loading-spinner{border:4px solid #333;border-top:4px solid #3f51b5;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{font-size:1.2rem;margin-bottom:.5rem}.loading-subtext{color:#b0b0b0;font-size:.9rem}.canvas-section{margin-top:2rem}.canvas-section h3{color:#fff;margin-bottom:1rem}.thumbnail-canvas{border:2px solid #333;border-radius:8px;background:#2a2a2a;max-width:100%;height:auto}.canvas-instructions{text-align:center;color:#b0b0b0;font-size:16px;padding:40px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:400px}.designer-two-col{display:flex;gap:1rem;align-items:flex-start;margin-top:2rem}.designer-left-col{width:800px;flex-shrink:0;height:600px;overflow-y:auto;padding-right:.5rem}.designer-left-col::-webkit-scrollbar{width:8px}.designer-left-col::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}.designer-left-col::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.designer-left-col::-webkit-scrollbar-thumb:hover{background:#777}.designer-right-col{flex:1;min-width:700px;height:600px;display:flex;flex-direction:column;align-items:center;background:#2a2a2a;border-radius:8px;border:1px solid #333;overflow:hidden;padding:20px}.designer-sidebar{width:100%;background:#2a2a2a;border-radius:8px;border:1px solid #333;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.tab-content{flex:1;overflow-y:auto;padding:15px}.prompt-tab{display:flex;flex-direction:column;gap:15px;padding-top:5px}.library-images{display:grid;grid-template-columns:180px 180px;gap:15px;max-height:500px;overflow-y:auto;padding:5px;justify-content:start}.library-image-preview{width:90%!important;height:90%!important;object-fit:cover;border-radius:8px;border:1px solid #333;transition:all .2s;cursor:grab;background:#1e1e1e}.library-image-preview:hover{border-color:#3f51b5;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.library-image-preview:active{cursor:grabbing}.image-placeholder{width:90%!important;height:90%!important;display:flex;align-items:center;justify-content:center;background:#2a2a2a;border:2px dashed #555;border-radius:8px;color:#888;font-size:.8rem;text-align:center}.helpful-tips-container{background:#1e1e1e;border-radius:6px;border:1px solid #333;overflow:hidden}.helpful-tips-header{padding:15px 20px;background:#2a2a2a;border-bottom:1px solid #333}.helpful-tips-content{padding:0}.collapsible-header{display:flex;align-items:center;padding:15px 20px;cursor:pointer;transition:background-color .2s;gap:10px}@media (max-width: 900px){.designer-two-col{flex-direction:column;gap:1rem}.designer-left-col,.designer-right-col,.generate-button{width:100%}.import-buttons{flex-direction:column;gap:.5rem}.import-button,.library-button{width:100%}}.mask-instructions{color:#fff;margin-bottom:1rem;font-size:.9rem}.designer-tabs{display:flex;background:#2a2a2a;border-radius:6px 6px 0 0;overflow:hidden;border-bottom:1px solid #333}.designer-tab{flex:1;padding:1rem;background:transparent;border:none;color:#b0b0b0;cursor:pointer;transition:all .2s;font-size:.9rem;font-weight:500;border-bottom:2px solid transparent}.designer-tab:hover{background:#333;color:#fff}.designer-tab.active{background:#3f51b5;color:#fff;border-bottom-color:#3f51b5}.designer-tab.disabled{opacity:.5;cursor:not-allowed}.import-section{margin-bottom:1rem}.import-message{color:#b0b0b0;font-size:.9rem;margin-bottom:.75rem;line-height:1.4}.import-buttons{display:flex;gap:1rem;margin-bottom:.75rem}.import-button{flex:1;padding:.75rem 1rem;background:#3f51b5;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.import-button:hover{background:#303f9f}.library-button{flex:1;padding:.75rem 1rem;background:#2a2a2a;color:#fff;border:1px solid #333;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.library-button:hover{background:#333;border-color:#3f51b5}.mask-editor{flex:1;display:flex;flex-direction:column;background:#2a2a2a;border-radius:8px;overflow:hidden;border:1px solid #333;max-width:1000px;width:100%;min-width:700px;height:100%}.mask-toolbar{display:flex;align-items:center;justify-content:center;padding:15px 20px;background:#1e1e1e;border-bottom:1px solid #333;width:100%}.toolbar-buttons{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.brush-size-slider::-webkit-slider-thumb:hover{background:#303f9f}.mask-canvas-container{position:relative;width:100%;min-width:660px;flex:1;background:#1a1a1a;overflow:hidden;border-radius:0 0 8px 8px;border:2px dashed transparent;transition:border-color .2s}.mask-canvas-container.drag-over{border-color:#3f51b5;background:#3f51b51a}.base-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000004d;pointer-events:none;position:relative;z-index:1}.mask-stage{border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;pointer-events:auto}.mask-stage.active{cursor:crosshair}@media (max-width: 1400px){.mask-canvas-container{min-height:400px}}@media (max-width: 1200px){.mask-canvas-container{min-height:350px}}@media (max-width: 900px){.mask-canvas-container{min-height:300px}}.collapsible-list{list-style:none;padding:0;margin:0}.collapsible-item{border-bottom:1px solid #333}.collapsible-header{display:flex;align-items:center;padding:15px 20px;cursor:pointer;transition:background-color .2s}.header-text{color:#fff;font-size:14px;font-weight:500}.toggle-icon{color:#3f51b5;font-size:12px;font-weight:700;margin-right:10px;min-width:12px}.collapsible-item.expanded .toggle-icon{transform:rotate(90deg)}.collapsible-content{padding:0 20px 20px}.collapsible-content .example{background:#2a2a2a;padding:10px;border-radius:4px;margin:10px 0}.edit-instructions-heading{color:#fff;font-size:16px;font-weight:600;margin:0;padding:15px 20px;background:#2a2a2a;border-bottom:1px solid #333}.designer-tab-content{padding:20px;background:#1e1e1e;border-radius:0 0 6px 6px;min-height:200px}.color-picker{width:40px;height:40px;border:none;border-radius:6px;cursor:pointer;background:transparent}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:6px}.color-selector{display:flex;align-items:center;gap:10px}.color-button{width:30px;height:30px;border:2px solid #333;border-radius:50%;cursor:pointer;transition:border-color .2s}.color-button:hover{border-color:#3f51b5}.color-dropdown{position:relative}.color-dropdown-button{width:40px;height:40px;border:2px solid #333;border-radius:6px;cursor:pointer;background:#2a2a2a;display:flex;align-items:center;justify-content:center;color:#b0b0b0}.color-dropdown-button:hover{border-color:#3f51b5;color:#3f51b5}.color-dropdown-content{position:absolute;top:100%;left:0;background:#2a2a2a;border:1px solid #333;border-radius:6px;padding:10px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;z-index:1000;margin-top:5px}.color-button{width:25px;height:25px;border:1px solid #333;border-radius:50%;cursor:pointer;transition:all .2s}.color-button:hover{border-color:#3f51b5;transform:scale(1.1)}.color-button.active{border-color:#3f51b5;box-shadow:0 0 0 2px #3f51b54d}.helpful-tips-container{background:#1e1e1e;border-radius:6px;border:1px solid #333;overflow:hidden;margin-top:2rem}.helpful-tips-container.expanded{margin-top:1rem}.helpful-tips-header{padding:15px 20px;background:#2a2a2a;border-bottom:1px solid #333;display:flex;align-items:center;justify-content:space-between}.helpful-tips-toggle{background:none;border:none;color:#3f51b5;cursor:pointer;font-size:1.2rem;transition:transform .2s}.helpful-tips-toggle.expanded{transform:rotate(180deg)}.helpful-tips-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.helpful-tips-content.expanded{max-height:1000px;transition:max-height .3s ease-in}.designer-right-col{flex:1;min-width:0}.designer-left-col{width:400px;flex-shrink:0}@media (max-width: 1200px){.designer-two-col{flex-direction:column}.designer-left-col{width:100%;max-height:400px}.tab-navigation{flex-direction:row}.tab-button{flex-direction:row;gap:8px;min-height:50px}.tab-button span{font-size:12px}}@media (max-width: 768px){.image-designer-page{padding:1rem}.image-designer-container{padding:1.5rem}.designer-two-col{gap:1rem}.tab-content{padding:15px}.library-images{max-height:300px}}@media (max-width: 480px){.tab-button{padding:8px 4px;font-size:10px}.tab-button svg{font-size:14px}.tab-button span{font-size:10px}}.font-select{background:#2a2a2a;border:1px solid #333;border-radius:4px;color:#fff;padding:4px 8px;font-size:12px;margin:0 8px;cursor:pointer}.font-select:focus{outline:none;border-color:#3f51b5}.color-picker-container{position:relative;display:inline-block;margin:0 8px}.color-picker-button{width:24px;height:24px;border:2px solid #333;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:transparent;transition:border-color .2s ease}.color-picker-button:hover{border-color:#3f51b5}.color-picker-button svg{color:#fff;font-size:12px}.color-picker-dropdown{position:absolute;top:100%;left:0;background:#2a2a2a;border:1px solid #333;border-radius:4px;padding:8px;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;z-index:1000;min-width:180px}.color-option{width:20px;height:20px;border:1px solid #333;border-radius:2px;cursor:pointer;transition:transform .1s ease}.color-option:hover{transform:scale(1.1);border-color:#fff}.text-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.text-editor-modal{background:#1e1e1e;border:1px solid #333;border-radius:12px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;animation:slideIn .3s ease-out}.text-editor-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #333}.text-editor-header h3{margin:0;color:#fff;font-size:1.25rem;font-weight:600}.text-editor-close{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;line-height:1}.text-editor-close:hover{color:#fff;background:#333}.text-editor-content{padding:20px 24px;flex:1;overflow-y:auto}.text-editor-textarea{width:100%;min-height:120px;padding:12px;border:1px solid #444;border-radius:6px;background:#2a2a2a;color:#fff;font-size:14px;font-family:inherit;resize:vertical;line-height:1.5;transition:border-color .2s ease}.text-editor-textarea:focus{outline:none;border-color:#3f51b5;box-shadow:0 0 0 2px #3f51b533}.text-editor-textarea::placeholder{color:#888}.text-editor-tips{margin-top:12px;padding:12px;background:#2a2a2a;border-radius:6px;border-left:3px solid #3f51b5}.text-editor-tips p{margin:0;color:#ccc;font-size:13px;line-height:1.4}.text-editor-tips strong{color:#fff}.text-editor-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 20px;border-top:1px solid #333}.text-editor-cancel,.text-editor-save{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.text-editor-cancel{background:#444;color:#ccc}.text-editor-cancel:hover{background:#555;color:#fff}.text-editor-save{background:#3f51b5;color:#fff}.text-editor-save:hover{background:#303f9f;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}@media (max-width: 600px){.text-editor-modal{width:95%;margin:20px}.text-editor-header,.text-editor-content,.text-editor-actions{padding-left:16px;padding-right:16px}.text-editor-actions{flex-direction:column}.text-editor-cancel,.text-editor-save{width:100%}}.save-success-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.save-success-modal{background:#1e1e1e;border:1px solid #333;border-radius:12px;width:90%;max-width:400px;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;animation:slideIn .3s ease-out}.save-success-content{padding:30px 24px;text-align:center}.save-success-content h3{margin:0 0 16px;color:#4caf50;font-size:1.5rem;font-weight:600}.save-success-content p{margin:0 0 24px;color:#fff;font-size:1.1rem;line-height:1.4}.save-success-button{background:#4caf50;color:#fff;border:none;border-radius:6px;padding:12px 32px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.save-success-button:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}@media (max-width: 600px){.save-success-modal{width:95%;margin:20px}.save-success-content{padding:24px 16px}.save-success-content h3{font-size:1.3rem}.save-success-content p{font-size:1rem}}.title-error-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.title-error-modal{background:#1e1e1e;border:1px solid #333;border-radius:12px;padding:2rem;max-width:400px;width:90%;box-shadow:0 8px 32px #00000080;animation:slideIn .3s ease-out}.title-error-content{text-align:center;color:#fff}.title-error-content h3{color:#ff6b6b;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.title-error-content p{color:#ccc;margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.title-error-button{background:#3f51b5;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.title-error-button:hover{background:#303f9f;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}@media (max-width: 600px){.title-error-modal{margin:1rem;padding:1.5rem}.title-error-content h3{font-size:1.25rem}.title-error-content p{font-size:.9rem}}.image-library-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.image-library-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000080}.image-library-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #333}.image-library-header h2{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.close-button{background:none;border:none;color:#888;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease}.close-button:hover{color:#fff;background:#333}.image-library-content{flex:1;overflow-y:auto;padding:1.5rem}.upload-section{margin-bottom:2rem;text-align:center}.upload-button{background:#3f51b5;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;font-weight:500}.upload-button:hover:not(:disabled){background:#303f9f;transform:translateY(-2px)}.upload-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.upload-hint{color:#888;font-size:.9rem;margin-top:.5rem;margin-bottom:0}.error-message{background:#f44;color:#fff;padding:1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.image-item{background:#2a2a2a;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative}.image-item:hover{border-color:#3f51b5;transform:translateY(-2px);box-shadow:0 8px 16px #3f51b533}.image-item.selected{border-color:#3f51b5;box-shadow:0 0 20px #3f51b566}.image-preview{position:relative;width:100%;height:120px;overflow:hidden}.image-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#2a2a2a;border:2px dashed #555;border-radius:6px;color:#888;font-size:.8rem;text-align:center}.image-item:hover .image-preview img{transform:scale(1.05)}.image-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.5rem;opacity:.7;transition:all .2s ease;z-index:10}.image-item:hover .image-actions{opacity:1}.edit-button,.delete-button{background:#000c;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .2s ease}.edit-button{background:#28a745e6}.edit-button:hover{background:#28a745;transform:scale(1.1)}.delete-button{background:#ff4444e6}.delete-button:hover{background:#f44;transform:scale(1.1)}.image-info{padding:.75rem}.image-name{color:#fff;font-size:.9rem;font-weight:500;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-details{color:#888;font-size:.8rem;margin:0;line-height:1.3}.loading{text-align:center;color:#888;padding:2rem;font-size:1rem}.empty-state{text-align:center;color:#888;padding:3rem 1rem}.empty-state svg{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p{margin:.5rem 0;font-size:1rem}.empty-state p:last-child{font-size:.9rem;opacity:.7}.image-library-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #333}.cancel-button{background:#333;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .3s ease}.cancel-button:hover{background:#444}.select-button{background:#3f51b5;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:500}.select-button:hover:not(:disabled){background:#303f9f}.select-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.image-library-modal{width:95%;max-height:90vh}.images-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.image-preview{height:100px}.image-library-header,.image-library-content,.image-library-footer{padding:1rem}.upload-button{padding:.75rem 1.5rem;font-size:.9rem}}.edit-image-page{min-height:calc(100vh - 80px);padding:0;margin-top:90px;background:transparent;display:flex;flex-direction:column}.edit-image-container{width:100%;background:#1e1e1e;border-radius:0;box-shadow:none;border:none;overflow:hidden;flex:1;display:flex;flex-direction:column}.edit-image-header{display:flex;align-items:center;justify-content:center;padding:30px 30px 20px;background:#2a2a2a;border-bottom:1px solid #333}.edit-image-header h1{margin:0;font-size:28px;font-weight:600;color:#fff;text-align:center}.edit-image-subheader{display:flex;align-items:center;justify-content:space-between;padding:15px 30px;background:#1e1e1e;border-bottom:1px solid #333;gap:20px}.file-info{display:flex;align-items:center;justify-content:center;flex:1;text-align:center}.file-name{color:#b0b0b0;font-size:16px;font-weight:500;text-align:center}.back-button{display:flex;align-items:center;justify-content:center;width:28px!important;height:40px;background:#3f51b5;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:background-color .2s}.back-button:hover{background:#303f9f}.header-actions{display:flex;gap:12px}.tool-button.save-button{border-color:#4caf50;color:#4caf50}.tool-button.save-button:hover{background:#4caf50;color:#fff}.tool-button.download-button{border-color:#2196f3;color:#2196f3}.tool-button.download-button:hover{background:#2196f3;color:#fff}.tool-button.remove-bg-button{border-color:#ff9800;color:#ff9800}.tool-button.remove-bg-button:hover:not(:disabled){background:#ff9800;color:#fff}.tool-button.remove-bg-button:disabled{border-color:#666;color:#666;cursor:not-allowed;opacity:.7}.tool-button.undo-button{border-color:#9c27b0;color:#9c27b0}.tool-button.undo-button:hover:not(:disabled){background:#9c27b0;color:#fff}.tool-button.redo-button{border-color:#ff5722;color:#ff5722}.tool-button.redo-button:hover:not(:disabled){background:#ff5722;color:#fff}.tool-button.flip-horizontal-button{border-color:#607d8b;color:#607d8b}.tool-button.flip-horizontal-button:hover{background:#607d8b;color:#fff}.tool-button.flip-vertical-button{border-color:#795548;color:#795548}.tool-button.flip-vertical-button:hover{background:#795548;color:#fff}.edit-image-content{flex:1;display:flex;padding:0;gap:0}.edit-sidebar{width:320px;background:#2a2a2a;border-radius:0;border-right:1px solid #333;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.tab-navigation{display:flex;background:#1e1e1e;border-bottom:1px solid #333}.tab-button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;background:transparent;border:none;color:#b0b0b0;cursor:pointer;transition:all .2s;font-size:12px;gap:4px;min-height:60px}.tab-button:hover{background:#333;color:#fff}.tab-button.active{background:#3f51b5;color:#fff}.tab-button svg{font-size:16px}.tab-button span{font-size:11px;font-weight:500}.tab-content{flex:1;overflow-y:auto;padding:0 20px;min-height:700px}.prompt-tab{display:flex;flex-direction:column;gap:20px}.prompt-section{display:flex;flex-direction:column;gap:8px}.input-label{color:#fff;font-size:14px;font-weight:500}.title-input{padding:12px;background:#1e1e1e;border:1px solid #333;border-radius:6px;color:#fff;font-size:14px;transition:border-color .2s}.title-input:focus{outline:none;border-color:#3f51b5}.title-input::placeholder{color:#666}.prompt-input{padding:12px;background:#1e1e1e;border:1px solid #333;border-radius:6px;color:#fff;font-size:14px;resize:vertical;min-height:100px;font-family:inherit;transition:border-color .2s}.prompt-input:focus{outline:none;border-color:#3f51b5}.prompt-input::placeholder{color:#666}.generate-button{padding:12px 20px;background:#3f51b5;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:10px}.generate-button:hover:not(:disabled){background:#303f9f}.generate-button:disabled{background:#666;cursor:not-allowed;opacity:.7}.library-tab{display:flex;flex-direction:column;gap:15px}.library-header h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 10px}.library-images{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.library-image-item{display:flex;align-items:center;gap:12px;padding:8px;background:#1e1e1e;border-radius:6px;border:1px solid #333;transition:border-color .2s;cursor:pointer}.library-image-item:hover{border-color:#3f51b5}.library-image-preview{width:60px;height:40px;object-fit:cover;border-radius:4px;flex-shrink:0}.image-placeholder{width:60px;height:40px;display:flex;align-items:center;justify-content:center;background:#2a2a2a;border:2px dashed #555;border-radius:4px;color:#888;font-size:.7rem;text-align:center;flex-shrink:0}.library-image-info{flex:1;min-width:0}.library-image-name{color:#fff;font-size:13px;font-weight:500;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-image-date{color:#b0b0b0;font-size:11px;margin:0}.empty-library{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#b0b0b0;text-align:center}.empty-library svg{font-size:32px;margin-bottom:12px;opacity:.5}.empty-library p{margin:0;font-size:14px}.help-tab{display:flex;flex-direction:column}.helpful-tips-container{background:#1e1e1e;border-radius:6px;overflow:hidden;max-height:calc(100vh - 350px)}.helpful-tips-header{padding:0 30px;background:#2a2a2a}.edit-instructions-heading{color:#fff;font-size:16px;font-weight:600;margin:0}.helpful-tips-content{padding:0 0 30px;background:#2a2a2a;min-height:600px;overflow-y:auto;max-height:calc(100vh - 450px)}.collapsible-list{list-style:none;padding:0;margin:0;background:#2a2a2a}.collapsible-item{border-bottom:1px solid #333;min-height:50px;background:#1e1e1e}.collapsible-item:last-child{border-bottom:none}.collapsible-header{display:flex;align-items:center;padding:15px 20px;cursor:pointer;transition:background-color .2s;gap:10px;min-height:50px;background:#2a2a2a;border:1px solid #444}.collapsible-header:hover{background:#2a2a2a}.toggle-icon{color:#3f51b5;font-size:12px;font-weight:700;min-width:12px}.header-text{color:#fff;font-size:14px;font-weight:500;background:#3a3a3a;padding:5px;border-radius:3px}.collapsible-content{padding:0 20px 20px;background:#1e1e1e}.collapsible-content p{color:#b0b0b0;font-size:13px;line-height:1.5;margin:0 0 12px}.collapsible-content ul{color:#b0b0b0;font-size:13px;line-height:1.5;margin:0 0 12px;padding-left:20px}.collapsible-content li{margin-bottom:6px}.collapsible-content strong{color:#fff}.tool-tips-list{list-style:none;padding:0;margin:0;color:#b0b0b0;font-size:13px;line-height:1.6}.tool-tips-list li{padding:12px 0;margin:0}.tool-tips-list strong{color:#fff;font-weight:600;display:block;margin-bottom:4px}.mask-editor{flex:1;display:flex;flex-direction:column;background:#2a2a2a;border-radius:0;overflow:hidden;border:none}.mask-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:#1e1e1e;border-bottom:1px solid #333;gap:20px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tool-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid #333;background:#2a2a2a;border-radius:6px;cursor:pointer;transition:all .2s;color:#b0b0b0}.tool-button:hover{border-color:#3f51b5;color:#3f51b5}.tool-button.active{border-color:#3f51b5;background:#3f51b5;color:#fff}.tool-button:disabled{opacity:.5;cursor:not-allowed}.brush-size-slider{width:100px;height:6px;border-radius:3px;background:#333;outline:none;-webkit-appearance:none}.brush-size-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#3f51b5;cursor:pointer}.brush-size-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#3f51b5;cursor:pointer;border:none}.brush-size-label{font-size:14px;color:#b0b0b0;font-weight:500;min-width:50px}.mask-canvas-container{flex:1;position:relative;background:#1e1e1e;display:flex;align-items:center;justify-content:center;min-height:500px}.base-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000004d}.mask-stage{border-radius:8px}.canvas-instructions{text-align:center;color:#b0b0b0;font-size:16px;padding:40px}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.loading{font-size:18px;color:#fff;text-align:center}.error-message{color:#f44336;background:#f443361a;border:1px solid #f44336;border-radius:6px;padding:15px 20px;margin:20px 0;text-align:center;max-width:500px}@media (max-width: 1200px){.edit-image-content{flex-direction:column}.edit-sidebar{width:100%;max-height:400px}.tab-navigation{flex-direction:row}.tab-button{flex-direction:row;gap:8px;min-height:50px}.tab-button span{font-size:12px}}@media (max-width: 768px){.edit-image-page{padding:0}.edit-image-header{padding:15px 20px}.edit-image-header h1{font-size:24px;text-align:center}.edit-image-subheader{padding:12px 20px;flex-direction:column;gap:12px}.file-info{order:-1}.file-name{font-size:14px}.header-actions{width:100%;justify-content:center}.edit-image-content{padding:15px;gap:15px}.mask-toolbar{padding:12px 15px;gap:15px;flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right{justify-content:center;gap:8px}.tool-button{width:36px;height:36px}.brush-size-slider{width:80px}.tab-content{padding:15px}.library-images{max-height:300px}}@media (max-width: 480px){.mask-toolbar{flex-direction:column;align-items:stretch;gap:10px}.toolbar-left,.toolbar-right{flex-direction:column;align-items:stretch;gap:8px}.tool-button{width:100%;height:44px}.remove-bg-button,.save-button,.download-button{width:44px;height:44px}.brush-size-slider{width:100%}.tab-button{padding:8px 4px;font-size:10px}.tab-button svg{font-size:14px}.tab-button span{font-size:10px}}.success-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.success-popup{background:#2a2a2a;border-radius:12px;padding:0;box-shadow:0 10px 30px #00000080;max-width:400px;width:90%;animation:slideIn .3s ease-out}.success-popup-content{padding:30px;text-align:center}.success-popup-content h3{color:#4caf50;margin:0 0 15px;font-size:24px;font-weight:600}.success-popup-content p{color:#fff;margin:0 0 25px;font-size:16px;line-height:1.5}.success-popup-button{background:#4caf50;color:#fff;border:none;border-radius:6px;padding:12px 30px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.success-popup-button:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 4px 8px #4caf504d}.success-popup-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dashboard-page{min-height:calc(100vh - 80px);padding:2rem;margin-top:80px;background:transparent}.dashboard-container{max-width:1400px;margin:0 auto;padding:2rem;background:#1e1e1e;border-radius:8px;box-shadow:0 4px 6px #0003;border:1px solid #333}.dashboard-layout{display:flex;gap:2rem;min-height:600px}.dashboard-nav{width:250px;background:#2a2a2a;border-radius:8px;padding:1rem;border:1px solid #333;flex-shrink:0}.nav-item{margin-bottom:.5rem}.nav-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem;background:transparent;border:1px solid transparent;border-radius:6px;color:#b0b0b0;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.nav-button:hover{background:#3a3a3a;border-color:#3f51b5;color:#fff}.nav-button.active{background:#3f51b5;border-color:#3f51b5;color:#fff}.nav-button svg{font-size:1.2rem;flex-shrink:0}.dashboard-content{flex:1;min-width:0}.dashboard-header{display:flex;justify-content:center;align-items:center;margin-bottom:1rem;position:relative;min-height:40px}.dashboard-title{color:#fff;margin:0;font-size:2rem;position:absolute;left:50%;transform:translate(-50%);line-height:1.2}.upload-section{display:flex;justify-content:flex-end;margin-bottom:2rem;padding:1rem;background-color:#2a2a2a;border-radius:8px;border:1px solid #333}.upload-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3f51b5;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.upload-button:hover:not(:disabled){background:#303f9f;transform:translateY(-1px)}.upload-button:disabled{background:#666;cursor:not-allowed;transform:none}.upload-button svg{font-size:1.1rem}.create-button-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;background-color:#2a2a2a;border-radius:8px;border:1px solid #333;gap:2rem;flex-wrap:wrap}.subscription-info{display:flex;flex-direction:column;gap:.1rem;min-width:300px;flex:1;max-width:100%}.subscription-status{display:flex;align-items:center;gap:.5rem;margin-bottom:0;flex-wrap:wrap}.status-label{font-weight:600;color:#b0b0b0}.status-value{padding:.25rem .75rem;border-radius:4px;font-weight:500}.status-value.active{background-color:#1b5e20;color:#4caf50}.status-value.inactive{background-color:#b71c1c;color:#ef5350}.token-meter{display:flex;flex-direction:column;gap:.25rem}.token-meter-container{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.token-meter-label{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#666}.token-count{font-weight:600;color:#fff;font-size:.7rem;white-space:normal;word-wrap:break-word;max-width:100%}.tokens-per-image{color:#b0b0b0;font-size:.6rem;margin-left:.5rem;white-space:normal;word-wrap:break-word}.meter-container{width:50%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}.meter-fill{height:100%;transition:width .3s ease-in-out}.token-info{display:flex;align-items:center;gap:.5rem;background:#2a2a2a;padding:.75rem 1rem;border-radius:6px;border:1px solid #333;min-width:300px}.token-label{color:#b0b0b0;font-size:.9rem;white-space:nowrap}.token-value{color:#3f51b5;font-weight:600;font-size:1.1rem;margin:0 .5rem}.token-period{color:#b0b0b0;font-size:.8rem;white-space:nowrap}.create-new-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#2196f3;color:#fff;border-radius:4px;text-decoration:none;font-weight:500;transition:background-color .2s;min-width:180px;white-space:nowrap}.create-new-button:hover{background-color:#1976d2}.subscribe-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#2196f3;color:#fff;border-radius:4px;text-decoration:none;font-weight:500;transition:background-color .2s;width:auto;white-space:nowrap}.subscribe-button:hover{background-color:#1976d2}.add-tokens-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#ff9800;color:#fff;border-radius:4px;text-decoration:none;font-weight:500;transition:background-color .2s;width:auto;white-space:nowrap}.add-tokens-button:hover{background-color:#f57c00}.empty-state{text-align:center;padding:3rem;color:#fff;background:#2a2a2a;border-radius:8px;margin-top:1rem}.empty-state p{margin-bottom:1.5rem;font-size:1.1rem}.start-creating-button{display:inline-block;background-color:#3f51b5;color:#fff;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;margin-top:1rem;font-weight:500;transition:background-color .2s}.start-creating-button:hover{background-color:#303f9f}.thumbnails-grid,.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:1rem}.thumbnail-card,.image-card{background:#2a2a2a;border:1px solid #333;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.thumbnail-card:hover,.image-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #0000004d}.thumbnail-image,.image-preview{width:100%;aspect-ratio:16/9;overflow:hidden;cursor:pointer;transition:transform .2s ease}.thumbnail-image:hover,.image-preview:hover{transform:scale(1.02)}.thumbnail-image img{width:100%;height:100%;object-fit:cover}.image-preview img{width:100%;height:100%;object-fit:contain;background:#1a1a1a}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#2a2a2a;border:2px dashed #555;border-radius:6px;color:#888;font-size:.9rem;text-align:center}.thumbnail-info,.image-info{padding:1rem;display:flex;flex-direction:column;flex:1}.thumbnail-info-container,.image-info-container{display:flex;flex-direction:column;flex:1}.thumbnail-title,.image-title{color:#fff;font-size:1.1rem;margin:0 0 .5rem;font-weight:500}.thumbnail-date,.image-date{color:#b0b0b0;font-size:.9rem;margin:0}.thumbnail-prompt{color:#fff;margin:.5rem 0 0;font-size:.9rem;line-height:1.4}.thumbnail-actions,.image-card .image-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:auto;padding-top:.75rem;opacity:1!important;position:static!important;top:auto!important;right:auto!important;z-index:auto!important}.thumbnail-card .icon-button{background:none;border:none;cursor:pointer;padding:.25rem;font-size:1.2rem;transition:color .2s ease-in-out,transform .2s ease-in-out}.image-card .icon-button{background:none!important;border:none!important;cursor:pointer;padding:.25rem;font-size:1.2rem;transition:color .2s ease-in-out,transform .2s ease-in-out;width:auto!important;height:auto!important;border-radius:0!important}.icon-button:hover{transform:scale(1.1)}.thumbnail-card .edit-button{color:#4caf50}.thumbnail-card .edit-button:hover{color:#66bb6a}.thumbnail-card .download-button{color:#2196f3}.thumbnail-card .download-button:hover{color:#42a5f5}.thumbnail-card .delete-button{color:#f44336}.thumbnail-card .delete-button:hover{color:#ef5350}.image-card .edit-button{color:#4caf50!important;background:none!important}.image-card .edit-button:hover{color:#66bb6a!important;background:none!important}.image-card .download-button{color:#2196f3!important;background:none!important}.image-card .download-button:hover{color:#42a5f5!important;background:none!important}.image-card .delete-button{color:#f44336!important;background:none!important}.image-card .delete-button:hover{color:#ef5350!important;background:none!important}.thumbnail-actions .delete-button{color:#f44336!important;background:transparent!important;border-radius:4px!important;padding:4px!important;opacity:1!important;position:static!important;width:auto!important;height:auto!important}.thumbnail-actions .delete-button:hover{color:#ef5350!important;background:#f443361a!important}.action-button{flex:1;padding:.5rem;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.action-button.download{background-color:#4caf50;color:#fff}.action-button.download:hover{background-color:#388e3c}.action-button.edit{background-color:#3f51b5;color:#fff}.action-button.edit:hover{background-color:#303f9f}.action-button.delete{background-color:#f44336;color:#fff}.action-button.delete:hover{background-color:#d32f2f}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#fff;padding:2rem}.loading-spinner{width:50px;height:50px;border:3px solid rgba(63,81,181,.3);border-top:3px solid #3f51b5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{color:#b0b0b0;font-size:1.1rem;text-align:center;margin-bottom:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{text-align:center;color:#f44336;padding:2rem;background:#f443361a;border-radius:6px;margin:1rem 0}.error-message p{margin-bottom:1rem}.retry-button{background-color:#3f51b5;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .2s}.retry-button:hover{background-color:#303f9f}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#1a1a1a;padding:2.5rem;border-radius:8px;max-width:450px;width:90%;box-shadow:0 4px 6px #0000001a}.modal-content h3{margin:0 0 1rem;color:#fff;font-size:1.5rem}.modal-content p{margin:.5rem 0;color:#ccc}.modal-actions{display:flex;justify-content:flex-end;gap:1.5rem;margin-top:2rem}.modal-actions button{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:1rem;line-height:1.2;height:48px;transition:background-color .2s;min-width:100px;display:flex;align-items:center;justify-content:center}.modal-actions .cancel-button{background-color:#333;color:#fff}.modal-actions .cancel-button:hover{background-color:#444}.modal-actions .delete-button{background-color:#dc3545;color:#fff}.modal-actions .delete-button:hover{background-color:#c82333}.subscription-period{margin:0;font-size:.8em;color:#666}.period-label{font-weight:600;margin-right:8px;color:#b0b0b0}.period-value{color:#fff;font-weight:500}@media (max-width: 768px){.dashboard-page,.dashboard-container{padding:1rem}.dashboard-layout{flex-direction:column;gap:1rem}.dashboard-nav{width:100%;order:2}.dashboard-content{order:1}.dashboard-header{margin-bottom:2rem;justify-content:center}.dashboard-title{position:static;transform:none;left:auto;text-align:center;width:100%}.create-button-section{flex-direction:column;align-items:stretch;gap:1rem}.subscription-info{min-width:auto;width:100%}.token-meter-container{flex-direction:column;align-items:flex-start;gap:.5rem}.token-count{font-size:.8rem;line-height:1.2}.tokens-per-image{font-size:.7rem;margin-left:0;margin-top:.25rem;display:block}.meter-container{width:100%;height:10px}.create-new-button,.subscribe-button,.add-tokens-button{width:100%;justify-content:center}.thumbnails-grid,.images-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}}@media (max-width: 480px){.dashboard-title{font-size:1.5rem}.subscription-status,.subscription-period{flex-direction:column;align-items:flex-start;gap:.25rem}.token-count{font-size:.75rem}.tokens-per-image{font-size:.65rem}}.addons-page{min-height:calc(100vh - 80px);padding:2rem;margin-top:80px;background:transparent}.addons-container{max-width:800px;margin:0 auto;padding:2rem;background:#1e1e1e;border-radius:8px;box-shadow:0 4px 6px #0003;border:1px solid #333}.addons-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #333}.back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.back-button:hover{background-color:#444}.addons-title{color:#fff;margin:0;font-size:2rem;flex:1}.addons-description{margin-bottom:2rem;padding:1rem;background-color:#2a2a2a;border-radius:6px;border:1px solid #333}.addons-description p{color:#b0b0b0;margin:0;font-size:1rem;line-height:1.5}.products-list{display:flex;flex-direction:column;gap:1.5rem}.product-card{display:flex;background:#2a2a2a;border:1px solid #333;border-radius:8px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.product-info{flex:1;display:flex;flex-direction:column;gap:.75rem}.product-name{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.product-description{color:#b0b0b0;margin:0;line-height:1.5;flex:1;text-align:left}.product-details{display:flex;justify-content:space-between;align-items:center;margin-top:0}.product-features{margin-top:.5rem}.product-features h4{color:#fff;margin:0 0 .5rem;font-size:1rem}.product-features ul{margin:0;padding-left:1.5rem;color:#b0b0b0}.product-features li{margin-bottom:.25rem;line-height:1.4}.product-tokens{display:flex;align-items:center;gap:.5rem}.tokens-label{color:#b0b0b0;font-size:.9rem}.tokens-value{color:#4caf50;font-weight:600;font-size:1.1rem}.product-price{text-align:right}.price-amount{color:#fff;font-size:1.5rem;font-weight:600}.purchase-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s;width:100%;margin-top:1rem}.purchase-button:hover{background-color:#1976d2}.empty-state{text-align:center;padding:3rem;color:#fff;background:#2a2a2a;border-radius:8px;border:1px solid #333}.empty-state p{margin:0 0 1.5rem;font-size:1.1rem;color:#b0b0b0}.back-to-dashboard-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s;text-decoration:none}.back-to-dashboard-button:hover{background-color:#444}.loading{text-align:center;padding:3rem;color:#fff;font-size:1.1rem}.error-message{text-align:center;padding:2rem;background:#2a2a2a;border-radius:8px;border:1px solid #f44336}.error-message p{color:#f44336;margin:0 0 1rem}.retry-button{padding:.5rem 1rem;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.retry-button:hover{background-color:#d32f2f}@media (max-width: 768px){.addons-page,.addons-container{padding:1rem}.addons-header{flex-direction:column;align-items:flex-start;gap:1rem}.addons-title{font-size:1.5rem}.product-card{flex-direction:column;gap:1rem}.purchase-button{width:100%}}.reset-password-page{min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:center;background:transparent;padding:2rem;margin-top:80px}.reset-password-container{background:#1e1e1e;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0003;width:100%;max-width:400px;border:1px solid #333}.reset-password-container h1{text-align:center;color:#fff;margin-bottom:2rem}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{width:100%;padding-right:40px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#b0b0b0;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle:hover{color:#fff}.password-toggle:focus{outline:none}.reset-password-button{width:100%;padding:.75rem;background-color:#3f51b5;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.reset-password-button:hover{background-color:#303f9f}.reset-password-button:disabled{background-color:#444;cursor:not-allowed}.success-message{background-color:#4caf501a;color:#4caf50;padding:.75rem;border-radius:4px;margin-bottom:1rem;text-align:center;border:1px solid rgba(76,175,80,.2)}.reset-password-request-page{min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:center;background:transparent;padding:2rem;margin-top:80px}.reset-password-request-container{background:#1e1e1e;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0003;width:100%;max-width:450px;border:1px solid #333}.reset-password-request-container h1{text-align:center;color:#fff;margin-bottom:2rem}.form-group label{display:block;margin-bottom:.5rem;color:#fff;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #333;border-radius:4px;font-size:1rem;transition:border-color .2s;background-color:#2a2a2a;color:#fff}.form-group input:focus{outline:none;border-color:#3f51b5}.button-container{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.reset-button,.back-button{padding:.75rem 2rem;min-width:120px;height:42px;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;display:inline-flex;align-items:center;justify-content:center}.reset-button{background-color:#3f51b5;color:#fff}.reset-button:hover{background-color:#303f9f}.back-button{background-color:#6c757d;color:#fff}.back-button:hover{background-color:#5a6268}.error-message{background-color:#ffc1071a;color:#ffc107;padding:.75rem;border-radius:4px;margin-bottom:1rem;text-align:center;border:1px solid rgba(255,193,7,.2)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:#1e1e1e;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0003;width:100%;max-width:400px;border:1px solid #333;position:relative;margin:0 auto}.modal-header{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.modal-header h2{color:#fff;margin:0;font-size:1.5rem}.success-message{background-color:#4caf501a;color:#4caf50;padding:.75rem;border-radius:4px;margin-bottom:1.5rem;text-align:center;border:1px solid rgba(76,175,80,.2)}.modal-actions{display:flex;justify-content:center;margin-top:1.5rem}.ok-button{padding:.75rem 2rem;min-width:120px;height:42px;background-color:#3f51b5;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;display:inline-flex;align-items:center;justify-content:center}.ok-button:hover{background-color:#303f9f}.features-page{min-height:calc(100vh - 80px);padding:4rem 2rem;margin-top:80px;background:transparent}.features-container{max-width:1200px;margin:0 auto}.features-container h1{text-align:center;color:#fff;font-size:2.5rem;margin-bottom:1.5rem;background:linear-gradient(to right,#fff,#007bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.features-intro{text-align:center;color:#b0b0b0;font-size:1.2rem;line-height:1.6;max-width:800px;margin:0 auto 4rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.feature-card{background:#1e1e1ecc;padding:2rem;border-radius:12px;text-align:center;transition:transform .3s ease;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:hover{transform:translateY(-5px)}.feature-icon{color:#3f51b5;margin-bottom:1.5rem}.feature-card h2{color:#fff;font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:#b0b0b0;line-height:1.6;font-size:1rem}.features-cta{text-align:center;padding:4rem 2rem;background:#1e1e1ecc;border-radius:12px;margin-top:2rem;border:1px solid rgba(255,255,255,.1)}.features-cta h2{color:#fff;font-size:2rem;margin-bottom:1rem}.features-cta p{color:#b0b0b0;font-size:1.2rem;margin-bottom:2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center}.cta-primary,.cta-secondary{padding:1rem 2rem;border-radius:8px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.cta-primary{background:#3f51b5;color:#fff;border:none}.cta-secondary{background:transparent;color:#3f51b5;border:2px solid #3f51b5}.cta-primary:hover{background:#303f9f;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.cta-secondary:hover{background:#3f51b51a;transform:translateY(-2px)}@media (max-width: 768px){.features-page{padding:2rem 1rem}.features-container h1{font-size:2rem}.features-intro{font-size:1.1rem;margin-bottom:2rem}.features-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.cta-primary,.cta-secondary{width:100%;text-align:center}}.contact-page{min-height:calc(100vh - 80px);padding:4rem 2rem;margin-top:80px;background:transparent}.contact-container{max-width:800px;margin:0 auto}.contact-container h1{text-align:center;color:#fff;font-size:2.5rem;margin-bottom:1.5rem;background:linear-gradient(to right,#fff,#007bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-intro{text-align:center;color:#b0b0b0;font-size:1.2rem;line-height:1.6;margin-bottom:3rem}.contact-form{background:#1e1e1ecc;padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#fff;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3f51b5;box-shadow:0 0 0 2px #3f51b533}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.submit-button{width:100%;padding:1rem;background:#3f51b5;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-button:hover:not(:disabled){background:#303f9f;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.submit-button:disabled{background:#666;cursor:not-allowed}.submit-status{padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center}.submit-status.success{background:#4caf501a;border:1px solid #4caf50;color:#4caf50}.submit-status.error{background:#f443361a;border:1px solid #f44336;color:#f44336}@media (max-width: 768px){.contact-page{padding:2rem 1rem}.contact-container h1{font-size:2rem}.contact-intro{font-size:1.1rem}.contact-form{padding:1.5rem}}.refund-policy-page{min-height:calc(100vh - 80px);padding:4rem 2rem;margin-top:80px;background:transparent}.refund-policy-container{max-width:800px;margin:0 auto}.refund-policy-container h1{text-align:center;color:#fff;font-size:2.5rem;margin-bottom:1.5rem;background:linear-gradient(to right,#fff,#007bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.refund-policy-content{background:#1e1e1ecc;padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.refund-policy-content h2{color:#fff;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.refund-policy-content h3{color:#fff;font-size:1.4rem;margin:2rem 0 1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.refund-policy-content p{color:#b0b0b0;font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.refund-policy-content ul{color:#b0b0b0;font-size:1.1rem;line-height:1.6;margin:1rem 0 1.5rem 2rem}.refund-policy-content li{margin-bottom:.5rem}.policy-section{margin-bottom:2rem}.acknowledgment{font-weight:600;color:#fff!important;text-align:center;font-style:italic;margin-top:2rem;padding:1rem;background:#ffffff0d;border-radius:8px;border-left:4px solid #3f51b5}@media (max-width: 768px){.refund-policy-page{padding:2rem 1rem}.refund-policy-container h1{font-size:2rem}.refund-policy-content h2{font-size:1.5rem}.refund-policy-content h3{font-size:1.2rem}.refund-policy-content{padding:1.5rem}.refund-policy-content p,.refund-policy-content ul{font-size:1rem}}.terms-page{min-height:calc(100vh - 80px);padding:4rem 2rem;margin-top:80px;background:transparent}.terms-container{max-width:900px;margin:0 auto}.terms-container h1{text-align:center;color:#fff;font-size:2.5rem;margin-bottom:1.5rem;background:linear-gradient(to right,#fff,#007bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.terms-content{background:#1e1e1ecc;padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.terms-header{background:#ffffff0d;padding:1.5rem;border-radius:8px;margin-bottom:2rem;border-left:4px solid #3f51b5}.terms-header p{color:#b0b0b0;font-size:1rem;margin-bottom:.5rem}.terms-header p:last-child{margin-bottom:0}.terms-intro{color:#b0b0b0;font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.terms-agreement{color:#fff;font-weight:600;font-size:1.1rem;text-align:center;margin-bottom:2rem;padding:1rem;background:#3f51b51a;border-radius:8px;border:1px solid rgba(63,81,181,.3)}.terms-section{margin-bottom:2rem}.terms-section h3{color:#fff;font-size:1.4rem;margin:2rem 0 1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.terms-section p{color:#b0b0b0;font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.terms-section ul{color:#b0b0b0;font-size:1.1rem;line-height:1.6;margin:1rem 0 1.5rem 2rem}.terms-section li{margin-bottom:.5rem}.pricing-table{margin:1.5rem 0;overflow-x:auto}.pricing-table table{width:100%;border-collapse:collapse;background:#ffffff0d;border-radius:8px;overflow:hidden}.pricing-table th{background:#3f51b533;color:#fff;padding:1rem;text-align:left;font-weight:600;border-bottom:1px solid rgba(255,255,255,.1)}.pricing-table td{color:#b0b0b0;padding:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.pricing-table tr:last-child td{border-bottom:none}.pricing-table tr:hover{background:#ffffff05}@media (max-width: 768px){.terms-page{padding:2rem 1rem}.terms-container h1{font-size:2rem}.terms-content{padding:1.5rem}.terms-section h3{font-size:1.2rem}.terms-section p,.terms-section ul{font-size:1rem}.pricing-table{font-size:.9rem}.pricing-table th,.pricing-table td{padding:.75rem .5rem}}.privacy-page{min-height:calc(100vh - 80px);padding:4rem 2rem;margin-top:80px;background:transparent}.privacy-container{max-width:900px;margin:0 auto}.privacy-container h1{text-align:center;color:#fff;font-size:2.5rem;margin-bottom:1.5rem;background:linear-gradient(to right,#fff,#007bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.privacy-content{background:#1e1e1ecc;padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.privacy-header{background:#ffffff0d;padding:1.5rem;border-radius:8px;margin-bottom:2rem;border-left:4px solid #3f51b5}.privacy-header p{color:#b0b0b0;font-size:1rem;margin-bottom:.5rem}.privacy-header p:last-child{margin-bottom:0}.privacy-intro{color:#b0b0b0;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.privacy-section{margin-bottom:2rem}.privacy-section h3{color:#fff;font-size:1.4rem;margin:2rem 0 1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.privacy-section h4{color:#fff;font-size:1.2rem;margin:1.5rem 0 .5rem;font-weight:600}.privacy-section p{color:#b0b0b0;font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.privacy-section ul{color:#b0b0b0;font-size:1.1rem;line-height:1.6;margin:1rem 0 1.5rem 2rem}.privacy-section li{margin-bottom:.5rem}.contact-info{color:#fff!important;font-weight:600;font-size:1.1rem;text-align:center;margin-top:1rem;padding:1rem;background:#ffffff0d;border-radius:8px;border-left:4px solid #3f51b5}@media (max-width: 768px){.privacy-page{padding:2rem 1rem}.privacy-container h1{font-size:2rem}.privacy-content{padding:1.5rem}.privacy-section h3{font-size:1.2rem}.privacy-section h4{font-size:1.1rem}.privacy-section p,.privacy-section ul{font-size:1rem}}.faq-page{min-height:calc(100vh - 80px);padding:4rem 2rem;margin-top:80px;background:transparent}.faq-container{max-width:900px;margin:0 auto}.faq-container h1{text-align:center;color:#fff;font-size:2.5rem;margin-bottom:1.5rem;background:linear-gradient(to right,#fff,#007bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.faq-intro{text-align:center;color:#b0b0b0;font-size:1.2rem;line-height:1.6;margin-bottom:3rem}.contact-link{color:#3f51b5;text-decoration:none;font-weight:600;transition:color .3s ease}.contact-link:hover{color:#007bff;text-decoration:underline}.faq-content{background:#1e1e1ecc;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.faq-item{border-bottom:1px solid rgba(255,255,255,.1)}.faq-item:last-child{border-bottom:none}.faq-question{width:100%;padding:1.5rem 2rem;background:transparent;border:none;color:#fff;font-size:1.1rem;font-weight:600;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.faq-question:hover{background:#ffffff0d}.faq-question:focus{outline:none;background:#3f51b51a}.faq-icon{font-size:1.5rem;font-weight:700;color:#3f51b5;transition:transform .3s ease;min-width:20px;text-align:center}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;background:#ffffff05}.faq-item.open .faq-answer{max-height:500px;padding:0 2rem 1.5rem}.faq-answer p{color:#b0b0b0;font-size:1rem;line-height:1.6;margin:0}.faq-footer{margin-top:3rem;text-align:center;background:#1e1e1ecc;padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.faq-footer h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.faq-footer p{color:#b0b0b0;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.faq-contact-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.contact-button{padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;border:2px solid transparent}.contact-button.primary{background:#3f51b5;color:#fff}.contact-button.primary:hover{background:#303f9f;transform:translateY(-2px);box-shadow:0 4px 12px #3f51b54d}.contact-button.secondary{background:transparent;color:#3f51b5;border-color:#3f51b5}.contact-button.secondary:hover{background:#3f51b5;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3f51b54d}@media (max-width: 768px){.faq-page{padding:2rem 1rem}.faq-container h1{font-size:2rem}.faq-intro{font-size:1.1rem}.faq-question{padding:1.25rem 1.5rem;font-size:1rem}.faq-item.open .faq-answer{padding:0 1.5rem 1.25rem}.faq-contact-buttons{flex-direction:column;align-items:center}.contact-button{width:100%;max-width:250px;text-align:center}}.app-footer{width:100%;background:#181818;color:#eee;padding:1.2rem 0;display:flex;justify-content:center;align-items:center;margin-top:2rem}.footer-content{width:90%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-copyright{font-size:1rem}.footer-links{display:flex;gap:1.5rem}.footer-link{color:#eee;text-decoration:none;font-size:1rem;transition:color .2s}.footer-link:hover{color:#3f51b5}.footer-social{display:none}.footer-social a{color:#eee;margin-left:1.2rem;font-size:1.5rem;transition:color .2s;text-decoration:none}.footer-social a:hover{color:#3f51b5}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center;gap:1rem}.footer-social a{margin-left:.8rem;margin-right:.8rem}}#root{width:100%;min-height:100vh;background:linear-gradient(135deg,#121212,#121212 20%,#0f1a2a 50%,#121212)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#fff;background:transparent}main{padding-top:80px}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:inherit}button{cursor:pointer}