body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.image-comparison-container{aspect-ratio:3/2;background-color:#f5f5f5;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:col-resize;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.image-comparison-container:focus{outline:2px solid #4f46e5;outline-offset:2px}.image-container,.images-wrapper{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.before-image{will-change:clip-path;z-index:1}.after-image{will-change:clip-path;z-index:2}.image-container img{display:block;height:100%;left:0;object-fit:contain;object-position:center;position:absolute;top:0;width:100%}.slider-divider{display:flex;justify-content:center;pointer-events:none;width:40px;z-index:10}.slider-divider,.slider-line{bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%)}.slider-line{width:2px}.slider-button,.slider-line{background-color:#fff;box-shadow:0 0 5px #00000080}.slider-button{align-items:center;border-radius:50%;display:flex;font-size:18px;height:40px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.slider-arrows{color:#4f46e5;font-size:16px;font-weight:700}.image-loading-indicator{align-items:center;background-color:#0003;color:#333;display:flex;font-weight:700;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:20}.image-loading-indicator p{background-color:#000000b3;border-radius:20px;color:#fff;font-size:14px;padding:10px 20px}.comparison-labels{bottom:15px;display:flex;justify-content:space-between;left:0;padding:0 20px;pointer-events:none;position:absolute;right:0;z-index:5}.before-label{background:#1e293bb3;bottom:16px;color:#fff;font-size:14px;left:16px;padding:6px 16px;pointer-events:none;z-index:20}.after-label,.before-label{border-radius:20px;font-weight:700;position:absolute}.after-label{background:lime;background:#1e293bd9;bottom:50%;color:#000;font-size:18px;font-size:14px;right:auto;transform:translate(-50%,50%)}.after-label,.image-comparison-container:after{background-color:#000000b3;color:#fff;font-size:12px;left:50%;padding:5px 10px;transition:opacity .3s ease}.image-comparison-container:after{border-radius:20px;content:"Drag to compare";opacity:0;position:absolute;top:15px;transform:translateX(-50%);z-index:4}.image-comparison-container:hover:after{opacity:1}@media (max-width:768px){.slider-button{height:30px;width:30px}.slider-arrows{font-size:14px}.image-comparison-container:after{font-size:10px;padding:4px 8px}}.auth-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:40px auto;max-width:400px;padding:30px}.auth-logo{margin-bottom:30px;text-align:center}.auth-logo img{display:block;height:auto;margin:0 auto;object-fit:contain;width:200px}.auth-welcome{margin-bottom:30px;text-align:center}.auth-welcome h2{color:#1a73e8;font-size:1.8em;margin:0 0 10px}.auth-description{color:#5f6368;font-size:1.1em;margin:0 0 20px}.auth-buttons{gap:15px;margin:30px 0}.auth-button{background:#fff;border:1px solid #dadce0;border-radius:8px;box-sizing:border-box;margin-bottom:12px;padding:14px 20px;text-align:center;transition:all .2s ease}.auth-button:hover{background:#f8f9fa}.auth-button:disabled{opacity:.7}.auth-button img{height:24px;width:24px}.apple-button{background:#000;border-color:#000}.apple-button:hover{background:#1a1a1a}.email-button{background:#1a73e8;border-color:#1a73e8;border-radius:4px;color:#fff;font-size:16px;font-weight:500;height:48px;width:100%}.email-button:hover{background:#1765cc;border-color:#1765cc}.auth-footer{color:#666;margin-top:24px}.text-button{background:none;border:none;color:#1a73e8;cursor:pointer;font-size:14px;font-weight:500;padding:0;text-decoration:none}.text-button:hover{color:#1765cc;text-decoration:underline}.auth-switch{margin-top:20px}.auth-switch p{color:#5f6368;margin:0 0 10px}.auth-switch-button{font-size:1em;padding:0}.auth-switch-button:hover{text-decoration:underline}.return-instructions{margin-top:2rem;max-width:400px;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-top-color:#1a73e8;display:inline-block;margin:20px auto}.auth-button.secondary{background-color:#f8f9fa;border:1px solid #dadce0;color:#1a73e8}.auth-button.secondary:hover{background-color:#f1f3f4;box-shadow:0 1px 2px #3c40434d}.email-auth-form{display:flex;flex-direction:column;width:100%}.email-auth-form form{width:100%}.form-group{margin-bottom:20px;text-align:left;width:100%}.form-label{color:#5f6368;display:block;font-size:14px;font-weight:500;margin-bottom:8px;padding-left:2px;text-align:left}.auth-input{background-color:#f8f9fa;border:1px solid #dadce0;border-radius:4px;box-sizing:border-box;display:block;font-size:16px;height:48px;padding:14px 16px;transition:all .2s ease;width:100%}.auth-input:focus{background-color:#fff;border-color:#1a73e8;box-shadow:0 1px 2px #3c40434d;outline:none}.auth-input::placeholder{color:#80868b}.auth-error{background-color:#fdeded;border-left:4px solid #d93025;color:#d93025}.auth-error,.auth-success{border-radius:8px;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.auth-success{background-color:#e6f4ea;border-left:4px solid #137333;color:#137333}.auth-divider{align-items:center;color:#5f6368;display:flex;font-size:14px;margin:24px 0}.auth-divider:after,.auth-divider:before{background-color:#dadce0;content:"";flex:1 1;height:1px}.auth-divider span{padding:0 10px}.forgot-password{margin-bottom:20px;margin-top:12px;text-align:right}.reset-success-container{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;margin:24px 0 32px;padding:20px;text-align:center}.reset-icon{align-items:center;background-color:#e6f4ea;border-radius:50%;color:#137333;display:flex;height:64px;justify-content:center;margin-bottom:20px;width:64px}.spinner{height:18px;width:18px}.path{stroke:currentColor}body,html{margin:0;overflow-x:hidden;padding:0;width:100%}.subscription-page{background:#fff;display:flex;flex-direction:column;max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.subscription-page.staging-version{min-height:auto;padding-bottom:2rem}.subscription-container{box-sizing:border-box;margin:0 auto;max-width:100%;overflow-x:hidden;padding:0;width:100%}.subscription-content{margin:0 auto;max-width:1200px;overflow-x:hidden;padding:10px 20px}@media (min-width:768px){.subscription-content{padding:20px 40px}}@media (min-width:1024px){.subscription-content{padding:30px 50px}}.stars-container{margin-bottom:10px}.stars-logo{max-width:300px;overflow:hidden}.stars-logo svg{max-width:100%;min-width:0}@media (max-width:768px){.stars-logo{max-width:250px}}@media (max-width:480px){.stars-logo{margin:10px auto;max-width:200px}}.subscription-header{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;padding:16px;position:sticky;top:0;z-index:10}.back-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;margin-right:8px;padding:8px}.back-button svg{fill:#333}.subscription-header h1{font-size:18px;font-weight:600;margin:0}.subscription-content{box-sizing:border-box;flex:1 1;gap:32px;max-width:100%;padding:20px;width:100%}.logo-container{margin:30px 0;text-align:center}.stars-container{margin-bottom:15px}.stars-container,.stars-logo{align-items:center;display:flex;justify-content:center;width:100%}.stars-logo{margin:0 auto;max-width:280px}.stars-logo svg{height:auto;width:100%}@media (max-width:767px){.stars-logo{max-width:220px}}.logo-container h2{color:#333;font-size:24px;margin:0 0 12px}.description{color:#666;font-size:15px;line-height:1.5;margin:0;padding:0 20px;text-align:center}.plans-section{margin-bottom:30px}.plans-section-title{color:#333;margin-bottom:20px;text-align:center}.free-plan-container{margin-bottom:30px;max-width:100%}@media (min-width:768px){.free-plan-container{margin:0 auto 40px;max-width:650px}}.plan-option.free-plan{background-color:#f8f9fa;border:1px dashed #dee2e6;box-shadow:none;opacity:.85;transform:scale(.98)}.plan-option.free-plan:hover{border-color:#ced4da;opacity:.9;transform:scale(.99)}.pro-plans-divider{margin:30px 0;position:relative;text-align:center}.pro-plans-divider:before{background-color:#e0e0e0;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:0}.pro-plans-divider span{background-color:#fff;color:#4285f4;font-size:18px;font-weight:700;padding:0 15px;position:relative;z-index:1}.pro-plans-section{box-sizing:border-box;margin:15px 0;max-width:100%;overflow:hidden;width:100%}.pro-plans-container{display:flex;flex-direction:column;margin-bottom:20px;width:100%}@media (min-width:768px){.pro-plans-container{align-items:center;flex-direction:column;width:100%}.pro-plan-header{margin-bottom:25px;max-width:650px;text-align:center}}.plan-wrapper{margin-top:5px;padding-top:10px}.plan-option.pro-plan,.plan-wrapper{box-sizing:border-box;position:relative;width:100%}.plan-option.pro-plan{background-color:#fff;border:1px solid #dee2e6;border-radius:10px;box-shadow:0 2px 5px #0000000d;cursor:pointer;display:block;padding:15px;transition:all .3s ease}.plan-option.pro-plan input[type=radio]{opacity:0;position:absolute}.plan-option.pro-plan:hover{border-color:#adb5bd;box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.plan-option.pro-plan.selected{background-color:#f0f7ff;border:2px solid #0d6efd;box-shadow:0 8px 15px #0d6efd26;transform:translateY(-3px)}.badge{background-color:#0d6efd;border-radius:4px;color:#fff;font-size:10px;font-weight:600;padding:3px 6px;position:absolute;right:10px;top:-8px;z-index:1}@media (min-width:768px){.badge{font-size:11px;top:-10px}}.plans-container{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1200px;padding:0 15px;width:100%}@media (min-width:768px){.plans-container{align-items:center;padding:0 20px}.pro-header{margin-bottom:40px;text-align:center}.pro-header h2{font-size:32px}}.plan-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;height:100%;margin-bottom:15px;padding:20px;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}@media (min-width:768px){.plan-card{margin-bottom:0;margin-left:auto;margin-right:auto;max-width:650px;padding:25px}}@media (min-width:1024px){.plan-card{padding:30px}}.plan-card.cursor-pointer{position:relative;transition:all .2s ease-in-out}.plan-card.cursor-pointer:hover{box-shadow:0 10px 15px #0000001a;transform:translateY(-5px)}.plan-card.cursor-pointer:active{box-shadow:0 5px 10px #0000001a;transform:translateY(-2px)}.plan-card.cursor-pointer:after{background:#fff0;border-radius:8px;content:"";height:100%;left:0;position:absolute;top:0;transition:background .2s ease;width:100%}.plan-card.cursor-pointer:hover:after{background:#ffffff1a}.plan-card.cursor-pointer:focus{box-shadow:0 0 0 3px #4299e180;outline:none}.plan-card.cursor-pointer button{position:relative;z-index:10}.plan-card:hover{box-shadow:0 6px 12px #00000014;transform:translateY(-2px)}.free-plan-card{padding:15px}.free-plan-card,.pro-card{border:1px solid #e0e0e0}.current-plan{border:2px solid #47bcc9}.plan-badge{background:#728dbf;border-radius:15px;color:#fff;font-size:12px;font-weight:600;padding:3px 10px;position:absolute;right:15px;top:-10px;z-index:1}.plan-header{border-bottom:1px solid #f0f0f0;margin-bottom:15px;padding-bottom:12px;text-align:center}.free-plan-header{margin-bottom:10px;padding-bottom:8px}.plan-header h3{color:#333;font-size:16px;margin:0 0 8px}.free-plan-header h3{font-size:18px;margin-bottom:4px}@media (min-width:768px){.plan-header h3{font-size:18px}}@media (min-width:1024px){.plan-header h3{font-size:20px}}.plan-price{align-items:baseline;display:flex;justify-content:center;margin-bottom:10px}.free-plan-price{margin-bottom:5px}.price-amount{color:#333;font-size:24px;font-weight:700;margin-right:5px}.free-plan-price .price-amount{font-size:22px}@media (min-width:768px){.price-amount{font-size:26px}}@media (min-width:1024px){.price-amount{font-size:30px}}.savings-text{color:#47bcc9;font-size:13px;font-weight:500;margin-bottom:12px;margin-top:5px;text-align:center}@media (min-width:768px){.savings-text{font-size:15px;margin-top:5px}}.plan-features{list-style:none;margin:0 0 20px;padding:0;text-align:left}.free-plan-features,.plan-features li{margin-bottom:10px}.plan-features li{align-items:flex-start;display:flex;justify-content:center;text-align:center}.free-plan-features li{font-size:13px;margin-bottom:6px}.plan-features ul{margin:0;padding-left:20px}.plan-features li{font-size:14px;line-height:1.4;margin-bottom:8px}@media (min-width:768px){.plan-features{margin:0 0 25px}}.feature-item{font-size:14px;margin-bottom:10px}.feature-content,.feature-item{align-items:flex-start;display:flex}.feature-icon{color:#47bcc9;margin-right:8px}.feature-text{color:#555;line-height:1.4}@media (min-width:768px){.feature-item{font-size:15px;margin-bottom:12px}.feature-icon{margin-right:10px}.feature-text{line-height:1.5}}.plan-cta{margin-top:auto}.plan-button{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:20px;color:#333;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;max-width:200px;padding:8px 16px;transition:all .2s ease;width:100%}@media (min-width:768px){.plan-button{font-size:15px;padding:10px 20px}}.payment-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin:0 auto;max-width:450px;padding:20px}@media (min-width:768px){.payment-section{max-width:500px;padding:30px}}.selected-plan-info{background-color:#f8f8f8;border-radius:6px;font-weight:500;margin-bottom:20px;padding:15px}.paypal-container{margin:20px 0;min-height:150px}.payment-debug-info{background-color:#f8f9fa;border-radius:4px;color:#666;font-size:12px;line-height:1.4;margin:15px 0;padding:10px}.payment-fallback{border:1px dashed #ccc;border-radius:6px;margin:20px 0;padding:15px}.payment-fallback p{color:#666;margin-bottom:10px}.payment-error{background-color:#feebee;border-radius:4px;color:#f44336;font-size:14px;margin:10px 0;padding:10px}.payment-section h3{color:#333;font-size:18px;margin-bottom:15px;margin-top:0;text-align:center}.selected-plan-info p{font-size:14px;margin:0}.current-plan-info{margin-top:5px;text-align:center}.active-plan-info,.cancelled-plan-info,.paused-plan-message{margin:10px 0;text-align:center}.active-plan-info p,.cancelled-plan-info p,.paused-plan-message p{color:#666;font-size:14px;margin:5px 0}.manage-subscription{display:flex;gap:10px;justify-content:center;margin-top:10px}.cancel-sub-button,.pause-button,.primary-button,.renew-button,.resume-button,.secondary-button,.select-plan-button{border:1px solid;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;margin:5px 3px;padding:8px 15px;transition:all .2s ease}.primary-button,.renew-button,.resume-button,.select-plan-button.pro-button{background-color:#47bcc9;border-color:#47bcc9;color:#fff}.primary-button:hover,.renew-button:hover,.resume-button:hover,.select-plan-button.pro-button:hover{background-color:#3ba9b6;border-color:#3ba9b6}.pause-button,.secondary-button{background-color:#fff;border-color:#47bcc9;color:#47bcc9}.pause-button:hover,.secondary-button:hover{background-color:#f0f9fa}.cancel-sub-button{background-color:#fff;border-color:#f44336;color:#f44336;min-width:100px;padding:8px 15px}.cancel-sub-button:hover{background-color:#fef5f4}.plan-button:disabled{background-color:#e0e0e0;border-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed}.pro-header{margin-bottom:30px;text-align:center}@media (min-width:768px){.pro-header{margin-bottom:40px;text-align:left}.pro-header h2{font-size:32px}}.pro-plan-tabs,.tabbed-plan-container{display:none}.all-plans-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;max-width:100%;padding:10px 0 20px;width:100%}.plan-item{display:flex;flex:0 0 auto;flex-direction:column;margin-bottom:15px;max-width:300px;width:100%}@media (min-width:768px){.plan-item{max-width:320px;width:calc(50% - 20px)}}@media (min-width:1024px){.all-plans-container{justify-content:center}.plan-item{max-width:340px;width:calc(33.333% - 20px)}}@media (min-width:1200px){.all-plans-container{max-width:1200px}}.plan-item .plan-card{display:flex;flex-direction:column;height:100%}.plan-item .plan-features{flex-grow:1}.plan-card.border-2.border-indigo-600{box-shadow:0 8px 16px #0000001a;transform:translateY(-5px);transition:all .3s ease}.plan-item .plan-button{margin-top:auto}.subscription-footer{border-top:1px solid #eaeaea;display:flex;justify-content:center;margin-top:40px;padding:20px 0;width:100%}.cancel-subscription-button{align-items:center;background-color:#fff;border:2px solid #e74c3c;border-radius:4px;color:#e74c3c;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;padding:12px 24px;transition:all .3s ease}.cancel-subscription-button:hover{background-color:#e74c3c;color:#fff}.cancel-subscription-button:focus{box-shadow:0 0 0 3px #e74c3c4d;outline:none}.cancel-subscription-button:active{transform:scale(.98)}.active-pro-plan{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:767px){.plans-container{padding:0 10px}.plan-card{padding:15px}.free-plan-card{padding:12px}.tab-button{min-width:80px;padding:8px 10px}.tab-price,.tab-savings{font-size:10px}.best-value-tab:before{font-size:9px;padding:1px 6px;top:-8px}.plan-header h3{font-size:15px}.free-plan-header h3{font-size:14px}.price-amount{font-size:22px}.free-plan-price .price-amount{font-size:20px}.plan-features li{font-size:13px;margin-bottom:6px}.free-plan-features li{font-size:12px;margin-bottom:4px}}.pro-plan-header{margin-bottom:20px;text-align:center}@media (min-width:768px){.pro-plan-header{margin-bottom:25px;text-align:left}.pro-plan-header h3{font-size:24px}}.mobile-only{display:block}.desktop-only{display:none}@media (min-width:768px){.mobile-only{display:none!important}.desktop-only{display:block}}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{animation:slideUp .3s ease;background-color:#fff;border:1px solid #f0f0f0;box-shadow:0 10px 25px #0000001a;max-width:450px;overflow:hidden;position:relative}.modal-content h3{color:#333;font-size:20px;font-weight:600;margin-bottom:16px;margin-top:0;text-align:center}.modal-content p{color:#555;font-size:15px;line-height:1.5;margin-bottom:20px}.modal-content select{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;color:#333;font-size:14px;margin-bottom:24px;padding:12px;transition:border-color .2s ease;width:100%}.modal-content select:focus{border-color:#47bcc9;box-shadow:0 0 0 2px #47bcc933;outline:none}.modal-buttons{display:flex;gap:12px;justify-content:space-between}.cancel-modal-button{background-color:#fff;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:10px 16px;transition:all .2s ease}.cancel-modal-button:hover{background-color:#f5f5f5;border-color:#ccc}.confirm-modal-button{background-color:#f44336;border:1px solid #f44336;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:10px 16px;transition:all .2s ease}.confirm-modal-button:hover{background-color:#e53935}.confirm-modal-button:disabled{background-color:#ffcdd2;border-color:#ffcdd2;color:#b71c1c;cursor:not-allowed}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.modal-content{padding:20px}.modal-buttons{flex-direction:column}.cancel-modal-button,.confirm-modal-button{width:100%}}.my-designs-page{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:1.5rem;width:100%}.designs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.designs-header h2{color:#333;font-size:1.75rem;font-weight:600;margin:0}.designs-count{color:#666;font-size:.875rem;margin:0}.designs-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.design-card{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.design-card:focus,.design-card:hover{box-shadow:0 10px 15px #0000001a;outline:none;transform:translateY(-4px)}.design-card:focus-visible{outline:2px solid #47bcc9;outline-offset:2px}.thumbnail-container{height:160px;overflow:hidden;position:relative;width:100%}.design-thumbnail{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.design-card:hover .design-thumbnail{transform:scale(1.05)}.design-info{padding:1rem}.design-name{color:#333;font-size:1rem;font-weight:500;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-date{color:#666;font-size:.75rem;margin:0}.no-designs{align-items:center;background-color:#f9f9f9;border-radius:.75rem;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.empty-state-icon{color:#aaa;height:64px;margin-bottom:1rem;width:64px}.no-designs h3{color:#333;font-size:1.25rem;font-weight:500;margin:0 0 .5rem}.no-designs p{color:#666;font-size:.875rem;margin:0 0 1.5rem;max-width:400px}.create-design-button{align-items:center;background-color:#47bcc9;border:none;border-radius:.375rem;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.create-design-button:focus,.create-design-button:hover{background-color:#3da7b3;box-shadow:0 4px 8px #00000026;outline:none;transform:translateY(-2px)}.create-design-button:focus-visible{outline:2px solid #47bcc9;outline-offset:2px}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;text-align:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #47bcc933;border-radius:50%;border-top-color:#47bcc9;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-container h3{color:#333;font-size:1.25rem;font-weight:500;margin:0 0 .5rem}.error-container p{color:#666;font-size:.875rem;margin:0 0 1rem}.retry-button{background-color:#47bcc9;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.retry-button:hover{background-color:#3da7b3}@media (max-width:1240px){.my-designs-page{padding:1rem}}@media (max-width:768px){.designs-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.thumbnail-container{height:140px}}@media (max-width:480px){.designs-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.thumbnail-container{height:120px}.design-info{padding:.75rem}}.account-page{box-sizing:border-box;margin:0 auto;max-width:1000px;padding:10px 20px;width:100%}@media (min-width:768px){.account-page{padding:20px}}.account-header{margin-bottom:20px;text-align:center}@media (min-width:768px){.account-header{margin-bottom:30px}}.account-header h2{color:#1a73e8;font-size:1.6rem;margin-bottom:8px}@media (min-width:768px){.account-header h2{font-size:2rem}}.account-description{color:#5f6368;font-size:1rem}@media (min-width:768px){.account-description{font-size:1.1rem}}.account-sections{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:768px){.account-sections{gap:24px;grid-template-columns:repeat(2,1fr)}.profile-section{grid-column:span 2}}.account-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:16px}@media (min-width:768px){.account-section{padding:24px}}.account-section h3{color:#202124;font-size:1.2rem;margin-bottom:16px;text-align:center}@media (min-width:768px){.account-section h3{font-size:1.3rem;margin-bottom:20px}}.profile-content{align-items:flex-start;display:flex;flex-direction:column;gap:15px}@media (min-width:480px){.profile-content{flex-direction:row;gap:20px}}.profile-photo-container{border:2px solid #1a73e8;border-radius:50%;flex-shrink:0;height:50px;margin:0 auto;overflow:hidden;width:50px}@media (min-width:480px){.profile-photo-container{margin:0}}.profile-photo{height:100%;object-fit:cover;width:100%}.profile-photo-placeholder{align-items:center;background-color:#1a73e8;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:500;height:100%;justify-content:center;width:100%}.profile-details{flex-grow:1;width:100%}.profile-details,.profile-field{display:flex;flex-direction:column}.profile-field{align-items:center;align-items:flex-start;border-bottom:1px solid #f0f0f0;gap:8px;justify-content:space-between;padding:12px 0}@media (min-width:480px){.profile-field{align-items:center;flex-direction:row;gap:0}}.profile-field:last-child{border-bottom:none}.field-label{color:#5f6368;font-size:.9rem}.field-value{align-items:center;color:#202124;display:flex;font-weight:500;gap:10px;word-break:break-word}@media (max-width:480px){.field-value{flex-wrap:wrap}}.edit-button{align-items:center;background:none;border:none;color:#1a73e8;cursor:pointer;display:flex;justify-content:center;padding:5px}.edit-button:hover{color:#174ea6}.edit-button svg{height:18px;width:18px}.edit-field{display:flex;flex-direction:column;gap:10px;width:100%}@media (min-width:480px){.edit-field{flex-direction:row}}.edit-input{border:1px solid #dadce0;border-radius:4px;flex-grow:1;font-size:1rem;padding:8px 12px}.edit-input:focus{border-color:#1a73e8;outline:none}.edit-actions{display:flex;gap:8px;justify-content:flex-end}@media (max-width:479px){.edit-actions{justify-content:flex-start}}.cancel-button,.save-button{border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.save-button{background-color:#1a73e8;border:none;color:#fff}.save-button:hover{background-color:#174ea6}.cancel-button{background-color:initial;border:1px solid #dadce0;color:#5f6368}.cancel-button:hover{background-color:#f1f3f4}.username-edit-container{border-top:1px solid #f0f0f0;margin-top:20px;padding-top:20px}.username-edit{flex-direction:column;gap:12px;margin:0 auto;max-width:400px}.username-input{border:1px solid #dadce0;border-radius:4px;font-size:1rem;padding:10px 12px}.username-input:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833;outline:none}.username-buttons{display:flex;gap:12px}.profile-info{margin-top:1.5rem}.info-row{align-items:center;display:flex;margin-bottom:1rem}.info-label{color:#666;font-weight:500;width:120px}.info-value{flex:1 1}.info-value,.username-display{align-items:center;display:flex}.username-display{gap:.5rem}.edit-username-button{background-color:initial;border:none;border-radius:4px;color:#3f51b5;cursor:pointer;font-size:.875rem;padding:.25rem .5rem}.edit-username-button:hover{background-color:#3f51b51a}.username-edit{align-items:center;display:flex;gap:.5rem}.username-edit input{border:1px solid #ddd;border-radius:4px;font-size:.875rem;padding:.5rem}.save-username-button{background-color:#3f51b5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem .75rem}.save-username-button:hover{background-color:#303f9f}.subscription-text{align-items:center;display:flex;gap:.75rem}.expiry-notice{animation:pulse 2s infinite;color:#e53935;display:inline-block;font-size:.85rem;font-weight:500;margin-left:5px}@media (max-width:480px){.expiry-notice{display:block;margin-left:0;margin-top:5px;width:100%}}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.manage-subscription-link{border-radius:4px;padding:.25rem .5rem;transition:background-color .2s}.manage-subscription-link:hover{background-color:#3f51b51a}.subscription-section{background-color:#fff}.subscription-content{display:flex;flex-direction:column;gap:20px}.subscription-status{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;gap:15px;padding:15px}.status-icon{align-items:center;background-color:#e6f4ff;border-radius:50%;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.status-icon svg{color:#1a73e8;height:28px;width:28px}.status-text{flex:1 1}.status-text h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 5px}.status-text p{color:#666;font-size:.9rem;margin:0}.manage-subscription-button{align-items:center;background-color:#1a73e8;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:center;margin-top:5px;padding:12px 20px;transition:background-color .2s;width:100%}.manage-subscription-button:hover{background-color:#1765cc}@media (max-width:768px){.subscription-status{padding:12px}.status-icon{height:40px;width:40px}.status-icon svg{height:22px;width:22px}.status-text h4{font-size:1rem}.status-text p{font-size:.85rem}.manage-subscription-button{font-size:.95rem;padding:10px 16px}}.device-card,.devices-content{display:flex;flex-direction:column;gap:15px}.device-card{align-items:center;border:1px solid #dadce0;border-radius:8px;padding:15px;text-align:center}@media (min-width:480px){.device-card{flex-direction:row;text-align:left}}.device-icon{align-items:center;background-color:#f1f3f4;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.device-icon svg{color:#5f6368;height:24px;width:24px}.device-info{flex-grow:1}.device-info h4{color:#202124;font-size:1rem;margin:0 0 4px}.device-info p{color:#5f6368;font-size:.9rem;margin:0}.device-actions{display:flex;gap:10px;margin-top:10px}@media (min-width:480px){.device-actions{margin-top:0}}.device-action-button{align-items:center;background:none;border:none;color:#1a73e8;cursor:pointer;display:flex;font-size:.9rem;gap:5px;padding:5px}.device-action-button:hover{color:#174ea6}.device-action-button svg{height:16px;width:16px}.help-content{display:flex;flex-direction:column;gap:20px}.help-content p{color:#5f6368;margin:0;text-align:center}.help-links{display:flex;flex-direction:column;gap:12px}.help-link{align-items:center;border-radius:8px;color:#1a73e8;display:flex;gap:8px;padding:10px;text-decoration:none;transition:background-color .2s}.help-link:hover{background-color:#f1f3f4}.help-link svg{flex-shrink:0;height:20px;width:20px}.danger-zone-section{border-top:1px solid #f0f0f0;margin-top:2rem;padding-top:1rem}.danger-zone-section h3{color:#e53935}.danger-zone-content{background-color:#e539350d;border-radius:8px;margin-top:1rem;padding:1.5rem}.delete-account-button-container{display:flex;justify-content:center;margin-top:20px}.request-delete-account-button{background-color:#fff;border:1px solid #ff3b30;border-radius:4px;color:#ff3b30;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.request-delete-account-button:hover{background-color:#fff0f0}.delete-account-modal{max-width:450px}.modal-header{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:10px}.modal-header h3{margin:0}.modal-close-button{background:none;border:none;color:#666;cursor:pointer;font-size:24px;transition:color .2s ease}.modal-close-button:hover{color:#ff3b30}.error-state,.loading-state{padding:40px 20px;text-align:center}.error-state p,.loading-state p{color:#5f6368;margin:10px 0 0}.error-state{color:#d93025}.subscription-info{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}@media (max-width:480px){.subscription-info{gap:.5rem}}.pro-badge{background-color:#3f51b5}.free-badge,.pro-badge{border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.free-badge{background-color:#9e9e9e}.manage-subscription-link{color:#3f51b5;font-size:.875rem;margin-left:.5rem;text-decoration:none}.manage-subscription-link:hover{text-decoration:underline}.loading-text{color:#9e9e9e;font-style:italic}.error-text{color:#e53935}.delete-confirmation{text-align:center}.delete-confirmation h4{color:#e53935;margin-bottom:1rem}.delete-confirmation p{color:#666;margin-bottom:1.5rem}.confirmation-buttons{display:flex;gap:1rem;justify-content:center}.cancel-button{background-color:#f0f0f0;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.cancel-button:hover{background-color:#e0e0e0}.delete-button{background-color:#e53935;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.delete-button:hover{background-color:#c62828}.error-message{background-color:#e539351a;border-left:4px solid #e53935;margin-bottom:1.5rem;padding:1rem;text-align:left}.error-message p{color:#c62828;margin:0}.success-message{background-color:#4caf501a;border-left:4px solid #4caf50;padding:1rem;text-align:left}.success-message h4{color:#2e7d32;margin-bottom:.5rem}.success-message p{color:#388e3c;margin:0}.external-link-container{align-items:center;background:#fafbfe;display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:flex-start;min-height:100vh;overflow:hidden;padding:1rem;position:relative}.logo-container{display:flex;justify-content:center;margin-bottom:2rem;margin-top:1rem;position:relative;width:100%;z-index:1}.logo-image{height:auto;max-width:400px;object-fit:contain;width:100%}.content-card{background-color:#fff;border:1px solid #f390611a;border-radius:.75rem;box-shadow:0 10px 25px #f3906126;margin:0 1rem;max-width:28rem;padding:1.5rem;position:relative;text-align:center;width:100%;z-index:1}.app-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:1rem}@media (min-width:640px){.app-title{font-size:1.875rem}.content-card{padding:2rem}}.app-message{color:#4b5563;font-size:1rem;font-weight:500;margin-bottom:.5rem}@media (min-width:640px){.app-message{font-size:1.125rem}}.store-button-container{border-top:1px solid #f3f4f6;margin-top:1.5rem;padding-top:1rem;position:relative;z-index:1}.store-image{height:4.5rem;margin:1rem auto 0;transition:opacity .2s}.store-image:hover{opacity:.9}.footer{color:#6b7280;font-size:.75rem;margin-top:2rem;position:relative;text-align:center;z-index:1}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading-content{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;max-width:90%;padding:2rem;position:relative;text-align:center;width:300px}.close-button{align-items:center;background-color:#f3f4f6;border-radius:50%;color:#4b5563;display:flex;height:2rem;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:background-color .2s,color .2s;width:2rem}.close-button:hover{background-color:#e5e7eb;color:#1f2937}.close-button:focus{box-shadow:0 0 0 2px #3b82f680;outline:none}.db-loading-container{margin-bottom:1.5rem}.db-loading-ring{border-top-color:#3b82f6;height:48px;width:48px}.loading-message{color:#333;font-size:1rem}.dev-data-container{background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 12px #0003;color:#f0f0f0;display:flex;flex-direction:column;height:calc(100vh - 100px);margin:0 auto;max-width:1200px;min-height:600px;padding:20px;width:100%}.dev-data-title{color:#61dafb;font-size:24px;margin-bottom:5px}.dev-data-subtitle{color:#ff6b6b;font-size:14px;margin-bottom:20px}.dev-data-tabs{border-bottom:1px solid #444;display:flex;margin-bottom:20px;overflow-x:auto}.dev-data-tab{background:none;border:none;border-bottom:2px solid #0000;color:#ccc;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .3s ease}.dev-data-tab:hover{background-color:#61dafb1a;color:#fff}.dev-data-tab.active{border-bottom:2px solid #61dafb;color:#61dafb}.dev-data-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.dev-data-button{background-color:#61dafb;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.dev-data-button:hover{background-color:#4fa8d6}.dev-data-button:disabled{background-color:#333;color:#777;cursor:not-allowed}.dev-data-loading{background-color:#2d3748;color:#63b3ed;text-align:center}.dev-data-error,.dev-data-loading{border-radius:4px;margin-bottom:20px;padding:10px}.dev-data-error{background-color:#742a2a;color:#feb2b2}.dev-data-content{background-color:#2a2a2a;border-radius:4px;display:flex;flex:1 1;flex-direction:column;height:600px;min-height:400px;position:relative;width:100%}.dev-data-empty,.dev-data-json{display:none;height:100%;left:0;position:absolute;top:0;width:100%}.dev-data-empty:only-child,.dev-data-json:only-child{display:block}.dev-data-json{display:flex;flex-direction:column}.dev-data-json h2{background-color:#333;border-radius:4px 4px 0 0;color:#61dafb;font-size:18px;margin:0;padding:15px}.dev-data-json pre{background-color:#1e1e1e;border-radius:0 0 4px 4px;color:#e0e0e0;flex:1 1;font-family:Consolas,Monaco,monospace;font-size:14px;height:calc(100% - 48px);line-height:1.5;margin:0;overflow:auto;padding:15px}.dev-data-empty{align-items:center;background-color:#ffffff0d;border-radius:4px;color:#999;display:flex;flex-direction:column;font-style:italic;justify-content:center;padding:20px;text-align:center}.dev-data-inline-button{background-color:#61dafb;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:14px;margin-left:10px;padding:6px 12px;transition:background-color .3s}.dev-data-inline-button:hover{background-color:#4fa8d6}.dev-data-inline-button:disabled{background-color:#333;color:#777;cursor:not-allowed}@media (max-width:768px){.dev-data-tabs{flex-wrap:wrap}.dev-data-tab{flex:1 0 auto}.dev-data-content{height:400px}}.affiliate-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.affiliate-modal{animation:modalFadeIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #0003;max-width:480px;overflow:hidden;width:90%}.affiliate-modal-header{padding:24px 24px 0;text-align:center}.affiliate-modal-header h2{color:#333;font-size:24px;margin:0}.affiliate-modal-content{padding:16px 24px}.affiliate-modal-content p{color:#555;font-size:16px;margin-bottom:20px;text-align:center}.affiliate-select-container{margin-bottom:20px}.affiliate-select{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 16px top 50%;background-repeat:no-repeat;background-size:12px auto;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:16px;padding:14px 16px;transition:all .2s ease;width:100%}.affiliate-select:hover{border-color:silver}.affiliate-select:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233;outline:none}.affiliate-modal-footer{display:flex;justify-content:center;padding:16px 24px 24px}.affiliate-continue-button{background-color:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:140px;padding:14px 32px;transition:background-color .2s ease}.affiliate-continue-button:hover{background-color:#3a7bc8}.affiliate-continue-button:disabled{background-color:#a0c0e8;cursor:not-allowed}.affiliate-error{color:#e53935;font-size:14px;margin-top:8px;text-align:center}.button-loading{align-items:center;display:flex;gap:8px;justify-content:center}.spinner{animation:rotate 2s linear infinite;height:20px;width:20px}.path{stroke:#fff;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}:root{--button-color:#728dbf;--button-hover:#5e82c4;--secondary-color:#06b6d4;--accent-color:#f59e0b;--text-light:#f9fafb;--text-dark:#111827;--text-muted:#6b7280;--card-bg:#fff;--card-border:#e5e7eb;--success-color:#10b981;--error-color:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--border-radius:0.5rem;--modal-overlay:#000000b3;--modal-bg:#fff}.credits-page{background-color:#f5f5f5;background-color:var(--background-color);color:#f9fafb;color:var(--text-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);line-height:1.5;margin:0 auto;max-width:1200px;padding:2rem}.banner-container{margin-bottom:2rem;text-align:center}.main-banner{height:auto;max-width:450px}.example-render-container{margin-bottom:3rem;padding:1.5rem}.example-card-content{align-items:flex-start;display:flex;flex-direction:row;gap:2rem}.hero-content{flex:1 1;max-width:33%}.example-image-container{align-items:center;display:flex;flex:2 1;justify-content:center;margin-left:auto;margin-right:auto;max-width:66%;max-width:600px;overflow:visible}.comparison-slider-wrapper{display:flex;flex-direction:column;height:auto;max-width:100%;position:relative;width:100%}.comparison-slider-wrapper .image-comparison-container{flex:1 1;min-height:300px;position:relative;width:100%}.example-render{border-radius:.5rem;border-radius:var(--border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);height:auto;max-width:100%}@media (max-width:768px){.example-card-content{flex-direction:column}.hero-content{margin-bottom:1.5rem}.comparison-slider-wrapper,.hero-content{max-width:100%}.comparison-slider-wrapper .image-comparison-container{height:auto;min-height:0}.example-image-container{max-width:100%;overflow:visible;width:100%}}.card{background-color:#fff;background-color:var(--card-bg);border-radius:.5rem;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);color:#111827;color:var(--text-dark);margin-bottom:2rem;padding:2rem}.hero-section{text-align:left}.hero-section h2{color:#111827;color:var(--text-dark);font-size:1.75rem;margin-bottom:1rem}.hero-description{color:#6b7280;color:var(--text-muted);margin-bottom:1.5rem}.hero-features{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.hero-feature{align-items:center;display:flex;gap:.5rem}.feature-icon{color:#10b981;color:var(--success-color);font-weight:700}.current-balance-section{margin-bottom:2rem}.balance-wrapper{align-items:center;display:flex;justify-content:space-between}.balance-header h2{color:#111827;color:var(--text-dark);font-size:1.5rem;margin:0}.balance-container{background-color:#728dbf;background-color:var(--button-color);border-radius:.5rem;border-radius:var(--border-radius);color:#fff;padding:1rem 2rem;text-align:center}.credit-amount{font-size:2.5rem;font-weight:700;margin:0}.credit-label{margin:0;opacity:.9}.purchase-section h2{color:#111827;color:var(--text-dark);font-size:1.75rem;margin-bottom:1rem}.section-description{color:#6b7280;color:var(--text-muted);margin-bottom:2rem}.credit-packs-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.credit-pack{border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:.5rem;border-radius:var(--border-radius);display:flex;flex-direction:column;padding:1.5rem;position:relative;transition:transform .2s,box-shadow .2s}.credit-pack:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.best-value,.credit-pack:hover{border-color:#728dbf;border-color:var(--button-color)}.best-value-badge,.savings-badge{border-radius:999px;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .75rem;position:absolute;right:20px;top:-10px}.savings-badge{background-color:#10b981;background-color:var(--success-color)}.pack-title{color:#111827;color:var(--text-dark);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.pack-price{color:#728dbf;color:var(--button-color);font-size:2rem;font-weight:700;margin:.5rem 0}.price-per-credit{color:#6b7280;color:var(--text-muted);font-size:.875rem;margin-bottom:1.5rem}.pack-features{flex-grow:1;margin-bottom:1.5rem}.pack-feature{color:#6b7280;color:var(--text-muted);margin-bottom:.5rem}.pack-feature,.purchase-button{align-items:center;display:flex;gap:.5rem}.purchase-button{background-color:#728dbf;background-color:var(--button-color);border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:600;justify-content:center;margin-top:auto;padding:.75rem 1rem;transition:background-color .2s}.purchase-button:hover{background-color:#5e82c4;background-color:var(--button-hover)}.purchase-button:disabled{cursor:not-allowed;opacity:.7}.purchase-info-container{border-top:1px solid #e5e7eb;border-top:1px solid var(--card-border);padding-top:2rem}.purchase-info-container h3{color:#111827;color:var(--text-dark);font-size:1.5rem;margin-bottom:2rem;text-align:center}.info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;gap:1rem}.info-icon{align-items:center;background-color:#728dbf;background-color:var(--button-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:36px;justify-content:center;width:36px}.info-content h4{color:#111827;color:var(--text-dark);font-size:1.1rem;margin:0 0 .25rem}.info-content p{color:#6b7280;color:var(--text-muted);margin:0}@media (max-width:768px){.credits-page{padding:1rem}.balance-wrapper{align-items:flex-start;flex-direction:column;gap:1rem}.balance-container{width:80%}.hero-features,.info-grid{grid-template-columns:1fr}}@media (max-width:480px){.card{padding:1.5rem}.main-banner{max-width:300px}.comparison-slider-wrapper .image-comparison-container{min-height:200px}.pack-price{font-size:1.75rem}}.modal-overlay{background-color:#000000b3;background-color:var(--modal-overlay);padding:1rem}.payment-modal{animation:modalFadeIn .3s ease-out;background-color:#fff;background-color:var(--modal-bg);border-radius:.5rem;border-radius:var(--border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-height:90vh;max-width:550px;overflow-y:auto;position:relative;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#111827;color:var(--text-dark);font-size:1.5rem;margin:0}.close-button{background:none;border:none;border-radius:.25rem;color:#6b7280;color:var(--text-muted);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem .5rem}.close-button:hover{background-color:#0000000d;color:#111827;color:var(--text-dark)}.modal-content{align-items:center;display:flex;flex-direction:column;padding:1.5rem}.purchase-summary{margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:350px;width:100%}.purchase-summary h3{font-size:1.25rem;margin-bottom:1rem;margin-top:0}.purchase-summary h3,.summary-item{color:#111827;color:var(--text-dark)}.summary-item{display:flex;justify-content:space-between;padding:.5rem 0}.summary-divider{background-color:#e5e7eb;background-color:var(--card-border);height:1px;margin:.75rem 0}.summary-total{color:#111827;color:var(--text-dark);display:flex;font-size:1.1rem;font-weight:700;justify-content:space-between;padding:.75rem 0}.payment-options{display:block;text-align:center;width:100%}.payment-options h3{color:#111827;color:var(--text-dark);font-size:1.25rem;margin-bottom:1rem;margin-top:0;text-align:center}.paypal-button-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;border-radius:var(--border-radius);margin:0 auto;min-height:150px;padding:1rem;width:350px}.paypal-button-container,.paypal-loading{align-items:center;display:flex;justify-content:center}.paypal-loading{flex-direction:column;padding:1.5rem 0;width:100%}.db-loading-container{align-items:center;display:flex;height:60px;justify-content:center;margin-bottom:1rem}.db-loading-ring{animation:db-spinner-rotate 1s linear infinite;border:4px solid #0000;border-radius:50%;border-top-color:#728dbf;border-color:var(--button-color) #0000 #0000 #0000;box-sizing:border-box;display:inline-block;height:40px;width:40px}.loading-message{color:#6b7280;color:var(--text-muted);font-size:.9rem;font-weight:500}@keyframes db-spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-footer{background-color:#f9fafb;border-radius:0 0 .5rem .5rem;border-radius:0 0 var(--border-radius) var(--border-radius);border-top:1px solid #e5e7eb;border-top:1px solid var(--card-border);padding:1rem 1.5rem}.payment-terms{color:#6b7280;color:var(--text-muted);font-size:.85rem;margin:0;text-align:center}.payment-terms a{color:#728dbf;color:var(--button-color);text-decoration:none}.loading-spinner{align-items:center;color:#6b7280;color:var(--text-muted);display:flex;font-size:.875rem;gap:.75rem;justify-content:center;padding:1.5rem 0}.loading-spinner:before{animation:spinner .8s linear infinite;border:2px solid #728dbf;border:2px solid var(--button-color);border-radius:50%;border-top:2px solid #0000;content:"";height:1.5rem;margin-right:.5rem;width:1.5rem}@keyframes spinner{to{transform:rotate(1turn)}}.payment-terms a:hover{text-decoration:underline}@media (max-width:768px){.payment-modal{margin:0 1rem;max-width:100%}}:root{--primary-color:#1a73e8;--primary-color-dark:#1557b0;--primary-color-light:#45a049;--secondary-color:#333;--secondary-color-dark:#282c34;--secondary-color-light:#f8f9fa;--background-color:#f5f5f5;--text-color:#333;--text-color-light:#666;--text-color-dark:#1a1a1a;--border-color:#ddd;--border-color-dark:#ccc;--border-color-light:#eee;--box-shadow:0 2px 4px #0000001a}.app{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh;text-align:center}.app-header{background-color:#282c34;color:#fff;padding:20px}.header-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:15px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px;width:100%}@media (min-width:768px){.header-content{flex-direction:row;gap:40px}}.header-left{align-items:center;display:flex;gap:40px}.logo img{display:block;height:auto;object-fit:contain;width:160px}.header-right{align-items:center;display:flex;flex-direction:column;gap:20px}@media (min-width:768px){.header-right{flex-direction:row}}.main-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.nav-link{background:none;border:none;color:#fffc;cursor:pointer;font-size:1rem;padding:8px 16px;position:relative;transition:color .2s ease}.nav-link:hover{color:#fff}.nav-link.active{color:#fff;font-weight:500}.nav-link.active:after{background-color:#1a73e8;border-radius:3px;bottom:-5px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.main-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1200px;padding:20px;position:relative;width:100%}@media (max-width:1240px){.main-content{padding:20px}}.tabs{border-bottom:1px solid #ddd;display:flex;gap:10px;margin-bottom:20px;padding-bottom:10px}.tab{background:none;border:none;color:#666;cursor:pointer;font-size:1.1em;padding:10px 20px;position:relative}.tab.active{color:#1a73e8;font-weight:500}.tab.active:after{background-color:#1a73e8;bottom:-11px;content:"";height:3px;left:0;position:absolute;width:100%}.development-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.development-section h3{color:#333;margin-top:0}.data-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.data-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:15px}.data-card h4{color:#495057;margin-top:0}.launch-button{background-color:#1a73e8;border-radius:6px;font-size:1em;margin:5px;padding:12px 24px}.launch-button:hover{background-color:#1557b0}.version{color:#6c757d;font-size:.8em;margin-top:10px}.auth-container{margin:0 auto;max-width:100%;padding:24px 16px;text-align:center}.auth-welcome{margin-bottom:32px}.auth-welcome h2{color:#1a1a1a;font-size:24px;font-weight:600;margin:0 0 12px}.auth-description{color:#666;font-size:15px;line-height:1.5;margin:0}.auth-buttons{display:flex;flex-direction:column;gap:12px;margin:24px 0}.auth-button{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;justify-content:center;margin:0 auto;max-width:320px;padding:14px 16px;transition:all .2s;width:100%}.google-button{background-color:#fff;border:1px solid #dadce0;color:#3c4043}.google-button:hover{background-color:#f8f9fa;box-shadow:0 1px 3px #0000001a}.google-button:active{background-color:#f1f3f4}.apple-button{background-color:#000;color:#fff}.apple-button:hover{background-color:#1a1a1a;box-shadow:0 1px 3px #0003}.apple-button:active{background-color:#333}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-button img{height:20px;width:20px}.auth-switch{border-top:1px solid #e0e0e0;margin-top:32px;padding-top:24px;text-align:center}.auth-switch p{color:#666;font-size:15px;margin:0 0 12px}.auth-switch-button{background:none;border:none;border-radius:8px;color:#1a73e8;cursor:pointer;font-size:15px;font-weight:500;padding:8px 16px;transition:background-color .2s}.auth-switch-button:hover{background-color:#1a73e80a}.auth-switch-button:active{background-color:#1a73e81a}@media (min-width:768px){.auth-container{max-width:400px;padding:40px 20px}.auth-welcome h2{font-size:28px}}.cloud-save-data,.unity-data{background-color:grey;border-radius:8px;margin:20px 0;max-width:800px;padding:20px;text-align:left;width:100%}.button-group{display:flex;gap:10px;margin:20px 0}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.header h1{margin:0}.header-buttons{display:flex;gap:16px}.launch-button{background-color:#2f4f4f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s}.launch-button:hover{background-color:#45a049}.sign-out{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s}.sign-out:hover{background-color:#da190b}.content{margin:0 auto;max-width:800px;padding:20px}.nav-buttons{display:flex;gap:10px;margin-bottom:20px}.nav-buttons button{background-color:#333;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .2s}.nav-buttons button:hover{background-color:#444}.nav-buttons button.active{background-color:#4caf50}.error{background-color:#f8d7da;border-radius:4px;color:#dc3545;margin:10px 0;padding:10px}.loading{color:#0056b3;margin:10px 0}pre{background:#f8f9fa;border-radius:4px;font-size:14px;margin:0;overflow-x:auto;padding:15px;text-align:left}@media (max-width:576px){pre{font-size:12px}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:24px;text-align:center;width:90%}.modal-title{color:#333;font-size:20px;font-weight:600;margin-bottom:16px}.modal-message{color:#666;font-size:16px;line-height:1.5;margin-bottom:24px}.modal-button{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .2s}.modal-button:hover{background-color:#2980b9}.app-footer{background-color:#282c34;color:#fff;margin-top:auto;padding:15px 20px;position:relative;z-index:10}.app-footer,.footer-content{box-sizing:border-box;width:100%}.footer-content{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}@media (min-width:768px){.footer-content{flex-direction:row}}.footer-left{gap:20px;text-align:center}.footer-left,.footer-right{align-items:center;display:flex;width:100%}.footer-right{flex-wrap:wrap;gap:15px;justify-content:center}@media (min-width:768px){.footer-left,.footer-right{justify-content:flex-end;text-align:left;width:auto}}.footer-link,.footer-text{color:#ffffffb3;font-size:.9rem}.footer-link{padding:5px;text-decoration:none;transition:color .2s}.footer-link:hover{color:#fff}.sign-out-button{background:#0000;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.sign-out-button:hover{background:#ffffff1a}
/*# sourceMappingURL=main.f7900f35.css.map*/