.dashboard-outer-wrapper{min-height:calc(100vh - 140px);width:100%;display:flex;justify-content:center;background:#111827;padding:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(75,85,99,.9) rgba(17,24,39,.8)}.user-dashboard{animation:dashboardFadeIn .2s cubic-bezier(.16,1,.3,1) forwards;transform-origin:center}@keyframes dashboardFadeIn{0%{opacity:0;transform:scale(.98) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dashboardFadeOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.98) translateY(-8px)}}.user-dashboard.closing{animation:dashboardFadeOut .2s cubic-bezier(.4,0,1,1) forwards}.dashboard-container{width:100%;max-width:1170px;min-width:320px;padding:0 1.5rem}@media (max-width: 1024px){.dashboard-container{max-width:100%;padding:0 1rem}}@media (max-width: 768px){.dashboard-container{padding:0 .75rem}}.dashboard-header .flex,.dashboard-nav .flex{max-width:960px;margin:0 auto}.dashboard-content::-webkit-scrollbar{width:8px}.dashboard-content::-webkit-scrollbar-track{background:#37415180;border-radius:4px}.dashboard-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:4px;transition:background .3s ease}.dashboard-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#2563eb)}.dashboard-content{scrollbar-width:thin;scrollbar-color:#8b5cf6 rgba(55,65,81,.5)}.dashboard-outer-wrapper::-webkit-scrollbar{width:8px}.dashboard-outer-wrapper::-webkit-scrollbar-track{background:#111827cc;border-radius:4px}.dashboard-outer-wrapper::-webkit-scrollbar-thumb{background:#4b5563e6;border-radius:4px;transition:background .3s ease;border:1px solid rgba(55,65,81,.5)}.dashboard-outer-wrapper::-webkit-scrollbar-thumb:hover{background:#6b7280;border-color:#8b5cf64d}.dashboard-content,.dashboard-outer-wrapper{scroll-behavior:smooth}.dashboard-overview,.dashboard-account,.dashboard-billing,.dashboard-history{padding-bottom:2rem}#history-loading-container{min-height:300px;animation:fadeIn .3s ease-in-out}#history-loading-container .animate-spin{border-color:#8b5cf633;border-top-color:#8b5cf6;border-width:3px;box-shadow:0 0 20px #8b5cf64d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.activity-list{max-height:400px}.activity-list::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-track{background:#3741514d;border-radius:3px}.activity-list::-webkit-scrollbar-thumb{background:#8b5cf6b3;border-radius:3px}.activity-list::-webkit-scrollbar-thumb:hover{background:#8b5cf6e6}.history-grid{display:grid;grid-template-columns:1fr;gap:.7rem;overflow-y:auto;overflow-x:visible;scrollbar-width:thin;scrollbar-color:#8b5cf6 rgba(55,65,81,.5)}.history-grid:empty,.history-grid:only-child{overflow-y:hidden}.history-grid::-webkit-scrollbar:vertical:single-button{display:none}@media (min-width: 640px){.history-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.history-grid{grid-template-columns:repeat(3,1fr)}}.history-grid::-webkit-scrollbar{width:8px}.history-grid::-webkit-scrollbar-track{background:#37415180;border-radius:4px}.history-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:4px}.history-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#2563eb)}.promotional-banner-section{width:100%}.upgrade-banner{transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.upgrade-banner:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.banner-icon-wrapper{transition:all .3s ease}.upgrade-banner:hover .banner-icon-wrapper{transform:scale(1.1);background:#ea580c4d}.dashboard-upgrade-cta-btn.auth-cta-btn{width:auto!important;min-width:160px!important;white-space:nowrap!important;flex-shrink:0!important}.upgrade-cta-btn{position:relative;overflow:hidden}.upgrade-cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.upgrade-cta-btn:hover:before{left:100%}.upgrade-cta-btn:active{transform:scale(.98)}@media (max-width: 768px){.upgrade-banner .banner-content{flex-direction:column;gap:1rem;text-align:center}.upgrade-banner .banner-action{width:100%;display:flex;justify-content:center}.upgrade-cta-btn{width:100%;justify-content:center}.dashboard-upgrade-cta-btn.auth-cta-btn{font-size:115%!important;font-weight:500!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important}.banner-text h3{font-size:1.25rem}}@media (max-width: 480px){.upgrade-banner{padding:1rem}.banner-text h3{font-size:1.125rem;margin-bottom:.5rem}.banner-text p{font-size:.875rem}.upgrade-cta-btn{padding:.75rem 1.5rem;font-size:.875rem}}.history-item{position:relative;background:#1f2937;border-radius:1rem;overflow:visible;border:1px solid #374151;min-height:180px;max-height:180px;height:180px;z-index:1;display:flex;flex-direction:column}.history-item-thumbnail{border-radius:1rem;overflow:hidden}.history-item:nth-child(-n+3){z-index:10}.history-item-thumbnail{border-radius:1rem}.history-item-thumbnail{width:100%;height:180px;min-height:180px;max-height:180px;object-fit:cover;object-position:center;display:block;border-radius:1rem;aspect-ratio:16/9;background-color:#1f2937;flex-shrink:0}.history-item-placeholder{width:100%;height:180px;min-height:180px;max-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:16/9;background-color:#1f2937;border-radius:1rem;background:#374151;color:#9ca3af;flex-shrink:0}.history-item-gradient{position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(180deg,#0000,#111111e6);pointer-events:none;border-radius:1em;transition:background .3s ease}.history-item:hover .history-item-gradient{background:linear-gradient(180deg,#0000,#000000f2)}.bottom-actions{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;opacity:0;pointer-events:none;z-index:10}.history-item:hover .bottom-actions{opacity:1;pointer-events:auto}.view-details-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.view-details-btn:hover{color:#ffffffd4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000d;border:none;border-radius:8px;background:#f4f4f533}.show-more-container{position:relative;display:flex;align-items:center;z-index:10}.show-more-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:1em;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.show-more-btn:hover{width:36px;height:36px;border-radius:50%;background:#f4f4f533;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);color:#fff}.dropdown-menu{position:absolute;right:0;bottom:25px;display:none;padding:.44rem;flex-direction:column;justify-content:center;align-items:flex-start;gap:.3rem;border-radius:var(--sds-size-radius-400, 12px);border:1px solid #444;background:#141414c7;box-shadow:0 12px 35px #00000073,0 5px 15px #00000059;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);-moz-backdrop-filter:blur(28px);z-index:1000;min-width:140px;opacity:0;transform:scale(.95) translateY(20px);transform-origin:bottom center;transition:all .15s ease-in-out}@supports not ((-moz-backdrop-filter: blur(28px)) or (backdrop-filter: blur(28px))){.dropdown-menu{background:#1e1e1ef7}}.dropdown-menu[style*="display: flex"]{opacity:1!important;transform:scale(1) translateY(0)!important}.history-item:nth-child(-n+3) .dropdown-menu[style*="display: flex"]{transform:scale(1) translateY(0)!important}.dropdown-item{display:flex;align-items:center;gap:6.8px;width:100%;padding:6.8px 10.2px;background:none;border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-item:hover{background:#ffffff1a}.dropdown-item.delete-item:hover{background:#ef444433;color:#fca5a5}.dropdown-menu[style*="display: none"]{display:none!important}.dropdown-menu[style*="display: flex"]{display:flex!important}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 697px){.dashboard-nav .flex{padding-left:.75rem;padding-right:.75rem;gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.dashboard-nav .flex::-webkit-scrollbar{display:none}.dashboard-nav .flex{scrollbar-width:none;-ms-overflow-style:none}.dashboard-nav button{padding:.625rem .75rem;font-size:inherit;white-space:nowrap;min-width:fit-content;flex-shrink:0}.dashboard-nav button .iconify{font-size:18px!important}.dashboard-nav button{gap:.375rem}.dashboard-nav button{border-bottom-width:2px}@media (max-width: 480px){.dashboard-nav button .iconify{display:none}}}@media (max-width: 480px){.dashboard-nav .flex{padding-left:.5rem;padding-right:.5rem}.dashboard-nav button{padding:.5rem .625rem;font-size:.875rem}}@media (max-width: 600px){#generation-history-filter-controls{flex-direction:row;width:60%;gap:.5rem}#generation-history-filter-controls button{width:100%;justify-content:center}#generation-history-filter-controls button .iconify{display:none}}@keyframes slideInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideOutScale{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(20px)}}.animate-spin{animation:spin 1s linear infinite}.personal-info-section{transition:all .3s cubic-bezier(.165,.84,.44,1)}.personal-info-content{transition:all .35s cubic-bezier(.165,.84,.44,1)}.personal-info-edit-mode{transform:translateY(-2px)}.personal-info-section{background:#1f293799!important;border:1px solid rgba(75,85,99,.3)!important;border-radius:12px!important;padding:2rem!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.personal-info-avatar-container{transition:all .2s ease;margin-top:0!important;margin-bottom:2rem!important}.personal-info-avatar-image-container{width:6.5rem!important;height:6.5rem!important}.personal-info-avatar-container:hover{transform:translateY(-1px)}.personal-info-user-avatar{align-items:center!important;transition:all .2s cubic-bezier(.165,.84,.44,1)}.personal-info-user-avatar:hover{transform:scale(1.02);box-shadow:0 8px 25px -5px #8b5cf64d}.personal-info-input-label{transition:color .2s ease}.personal-info-edit-controls{transition:all .35s cubic-bezier(.165,.84,.44,1)}.personal-info-edit-btn:hover{transform:translateY(-1px)}.personal-info-content input:focus{box-shadow:0 0 0 3px #8b5cf61a;transform:scale(1.01)}@media (max-width: 768px) and (orientation: portrait){.personal-info-section{padding:1.5rem!important}.personal-info-section .flex.items-center{flex-direction:row!important;align-items:center!important;text-align:center!important}.personal-info-avatar-container{margin-top:0!important;margin-bottom:1.5rem!important}.personal-info-user-details{width:100%!important}.personal-info-edit-controls{justify-content:center;width:100%}.personal-info-edit-controls button{flex:1;max-width:150px}}@media (max-width: 768px) and (min-width: 481px) and (orientation: portrait){.personal-info-user-avatar{width:5rem!important;height:5rem!important}.personal-info-user-avatar .iconify{font-size:28px!important}}@media (max-width: 480px) and (orientation: portrait){.personal-info-section{padding:1.25rem!important;border-radius:8px!important}.personal-info-user-avatar{width:4rem!important;height:4rem!important}.personal-info-user-avatar .iconify{font-size:24px!important}.personal-info-edit-controls{flex-direction:column;gap:.75rem}.personal-info-edit-controls button{max-width:none;width:100%}}.personal-info-avatar-container .absolute{transition:all .2s cubic-bezier(.165,.84,.44,1)}.personal-info-avatar-container .absolute:hover{box-shadow:0 4px 15px #0000004d}.personal-info-section *{transition:all .2s ease}.personal-info-section input:focus,.personal-info-section button:focus{outline:2px solid rgba(139,92,246,.5);outline-offset:2px}.cancel-btn:empty,.cancel-btn[id*=success-cancel-btn]{display:none}.personal-info-user-avatar.loading{opacity:.7;pointer-events:none}.personal-info-user-avatar.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.personal-info-action-buttons-container{width:100%}.personal-info-action-buttons-container button{width:100%;justify-content:center}.personal-info-avatar-camera-overlay,.personal-info-avatar-delete-overlay{width:2rem!important;height:2rem!important}.personal-info-avatar-camera-overlay .iconify,.personal-info-avatar-delete-overlay .iconify{font-size:16px!important}.billing-header .flex.gap-3,.billing-edit-form .flex.gap-3{flex-direction:column;width:100%}.billing-header .flex.gap-3 button,.billing-edit-form .flex.gap-3 button{width:100%;justify-content:center}@media (max-width: 768px){.personal-info-action-buttons-container{margin-top:1rem}.personal-info-action-buttons-container button,.billing-header .flex.gap-3 button,.billing-edit-form .flex.gap-3 button{padding:.75rem 1.5rem;font-size:.875rem}}.dashboard-liquid-toast-container{z-index:10001!important;pointer-events:auto!important;perspective:1000px}.dashboard-liquid-toast-container:hover .liquid-glass-toast-inverted{transform:translateY(-2px) scale(1.01)!important;box-shadow:0 32px 64px -12px #00000040,0 20px 25px -5px #00000026,0 0 0 1px #fff3!important}.liquid-glass-toast{background:#ffffff05!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:inset 0 1px #ffffff1a,0 1px 3px #0000001a!important;transition:all .3s cubic-bezier(.25,.46,.45,.94)!important}.liquid-glass-toast-inverted{transition:all .3s cubic-bezier(.25,.46,.45,.94)!important}.liquid-glass-toast-inverted *{color:#fff!important}.liquid-toast-icon-container{box-shadow:inset 0 1px #fff3,0 2px 4px #0000001a!important;transition:all .25s cubic-bezier(.25,.46,.45,.94)!important}.liquid-close-button{box-shadow:inset 0 1px #fff3,0 1px 3px #0000001a!important}.liquid-close-button:focus{box-shadow:inset 0 1px #fff3,0 1px 3px #0000001a,0 0 0 3px #3b82f64d!important}@media (prefers-reduced-motion: reduce){.liquid-glass-toast,.liquid-glass-toast-inverted,.liquid-toast-icon-container,.liquid-close-button{transition:none!important}.dashboard-liquid-toast-container{animation:slideInRight .4s ease-out!important}.dashboard-liquid-toast-container[style*=liquidSlideOutRight]{animation:slideOutRight .4s ease-out!important}}@media (max-width: 768px){.dashboard-liquid-toast-container{top:16px!important;right:16px!important;left:16px!important;width:calc(100% - 32px)!important}.dashboard-liquid-toast-container .liquid-glass-toast{min-width:auto!important;max-width:none!important;width:100%!important;padding:1rem!important;font-size:14px!important}.dashboard-liquid-toast-container .liquid-toast-icon-container{width:36px!important;height:36px!important}.dashboard-liquid-toast-container .liquid-toast-icon-container .iconify{font-size:18px!important}.dashboard-liquid-toast-container .liquid-close-button{width:28px!important;height:28px!important}.dashboard-liquid-toast-container .liquid-close-button .iconify{font-size:16px!important}}@media (max-width: 1024px) and (min-width: 769px){.dashboard-liquid-toast-container{top:20px!important;right:20px!important}.dashboard-liquid-toast-container .liquid-glass-toast{min-width:360px!important;max-width:460px!important}}.dashboard-local-toast-container{z-index:10001!important;pointer-events:auto!important}.dashboard-local-toast-container:hover{transform:translateY(-1px)!important;box-shadow:0 25px 50px -12px #00000040!important}.dashboard-local-toast-container button:focus{outline:2px solid rgba(139,92,246,.5)!important;outline-offset:2px!important}.dashboard-local-toast-container>div{backdrop-filter:blur(12px) saturate(180%)!important;-webkit-backdrop-filter:blur(12px) saturate(180%)!important;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a,0 0 0 1px #ffffff0d!important}.dashboard-empty-state-icon{position:relative;overflow:hidden;transition:all .3s ease;margin-left:auto!important;margin-right:auto!important}.dashboard-empty-state-icon:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,#ffffff2e,#ffffff14);transform:skew(-20deg);transition:none;pointer-events:none;animation:dashboardIconShimmer 2s ease-in-out infinite}@keyframes dashboardIconShimmer{0%{left:-75%;opacity:1}to{left:125%;opacity:0}}.dashboard-empty-cta{position:relative;overflow:hidden}.dashboard-empty-cta:before{content:"";position:absolute;top:0;left:-60%;width:60%;height:100%;background:linear-gradient(120deg,#ffffff2e,#ffffff14);transform:skew(-20deg);transition:none;pointer-events:none;opacity:0}.dashboard-empty-cta:hover:before{animation:dashboardShimmerMove .7s cubic-bezier(.4,0,.2,1)}@keyframes dashboardShimmerMove{0%{left:-60%;opacity:1}to{left:130%;opacity:0}}.empty-state-title{font-size:1.5rem!important}.empty-state-illustration,#history-empty-illustration{transform:scale(1.2)}#dashboard-history-create-thumbnail-btn{font-weight:500!important;font-size:1.1rem!important;height:3.2rem!important}@media (max-width: 768px){.dashboard-empty-state-icon{font-size:80px!important;width:80px!important;height:79px!important}#dashboard-history-create-thumbnail-btn{font-size:1rem!important;height:3rem!important}}@media (max-width: 480px){.dashboard-empty-state-icon{font-size:70px!important;width:70px!important;height:69px!important}#dashboard-history-create-thumbnail-btn{font-size:.95rem!important;height:2.8rem!important}}@media (max-width: 768px) and (orientation: portrait){.dashboard-empty-state-icon{font-size:118px!important;width:118px!important;height:117px!important}}@media (max-width: 768px) and (orientation: portrait){.dashboard-outer-wrapper{min-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.dashboard-container{min-height:auto;padding-bottom:2rem}.dashboard-content{min-height:auto;overflow:visible}.tab-content{overflow:visible;min-height:auto}}@media (max-width: 639px) and (orientation: portrait){.history-item{min-height:230px}.history-item-thumbnail{height:230px;aspect-ratio:16/9;object-fit:cover}}@media (max-width: 1024px) and (min-width: 640px){.history-item-thumbnail{height:200px;aspect-ratio:16/9;object-fit:cover}}@media (max-width: 480px){.history-item-thumbnail{height:200px;aspect-ratio:16/9;object-fit:cover}}.username-display-block,#username-lastlogin-separator{display:none!important}@media (max-width: 768px){.personal-info-save-action-btn,.personal-info-cancel-action-btn{display:flex!important;width:100%!important}.personal-info-fullname-input,.personal-info-username-input,.personal-info-email-input{display:flex!important;flex-direction:column!important;align-items:flex-start!important}.personal-info-fullname-field-container,.personal-info-username-field-container,.personal-info-email-field-container{align-items:baseline!important;display:flex;flex-direction:column}.personal-info-member-since-field-container{display:flex;flex-direction:column!important;align-items:baseline!important}#personal-info-main-content-container{display:flex!important;flex-direction:column!important}}.dashboard-billing{background:linear-gradient(135deg,#111827f2,#1f2937f2);border-radius:16px;padding:2rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.billing-form-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width: 768px){.billing-form-grid{grid-template-columns:1fr 1fr;gap:.75rem;align-items:start}}.billing-edit-form .form-group{position:relative;display:flex;flex-direction:column}.billing-edit-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem;color:#d1d5db}.billing-edit-form .form-group input,.billing-edit-form .form-group select,.billing-edit-form .form-group textarea{width:100%;background-color:#374151;border:1px solid #4b5563;border-radius:.5rem;padding:.75rem 1rem;color:#fff;font-size:.875rem;transition:all .2s ease-in-out;height:48px}.billing-edit-form .form-group input:focus,.billing-edit-form .form-group select:focus,.billing-edit-form .form-group textarea:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #8b5cf6}.billing-edit-form .form-group input::placeholder,.billing-edit-form .form-group textarea::placeholder{color:#9ca3af}.billing-edit-form .form-group input.error,.billing-edit-form .form-group select.error,.billing-edit-form .form-group textarea.error{border-color:#ef4444}.billing-edit-form .form-group .error-message{color:#fca5a5;font-size:.75rem;margin-top:.25rem}.billing-edit-form .action-buttons{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.billing-edit-form .action-buttons button{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .2s ease-in-out;display:flex;align-items:center;gap:.5rem}.billing-edit-form .action-buttons button:focus{outline:none;box-shadow:0 0 0 2px #8b5cf680}@media (max-width: 767px){.billing-form-grid{grid-template-columns:1fr;gap:.5rem}.billing-edit-form .action-buttons{flex-direction:column-reverse}.billing-edit-form .action-buttons button{width:100%;justify-content:center}}.billing-edit-form .form-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:flex-end}.billing-edit-form .form-actions button{padding:12px 24px;border-radius:8px;font-weight:600;font-size:.875rem;transition:all .2s cubic-bezier(.165,.84,.44,1);border:none;cursor:pointer}.billing-edit-form .form-actions button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.billing-edit-form .form-actions .save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.billing-edit-form .form-actions .save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.billing-edit-form .form-actions .cancel-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.billing-edit-form .form-actions .cancel-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6b72804d}.subscription-section{position:relative;overflow:hidden}.subscription-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),transparent)}.subscription-header{align-items:flex-start;flex-wrap:wrap;gap:1rem}.subscription-actions{flex-wrap:wrap;gap:1rem}.upgrade-plan-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 14px #8b5cf64d}.upgrade-plan-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.upgrade-plan-btn:hover:before{left:100%}.cancel-renewal-btn{position:relative;transition:all .3s cubic-bezier(.165,.84,.44,1)}.cancel-renewal-btn:hover{background:#4b55631a;transform:translateY(-1px)}.subscription-details-grid{margin-top:2rem}.subscription-detail-item{padding:1.5rem;background:#3741514d;border-radius:12px;border:1px solid rgba(75,85,99,.2);transition:all .3s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden}.subscription-detail-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:#8b5cf64d}.subscription-detail-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.6),transparent);opacity:0;transition:opacity .3s ease}.subscription-detail-item:hover:before{opacity:1}.detail-header{margin-bottom:1rem}.detail-header p{letter-spacing:.05em;font-weight:600}.detail-header .bg-purple-500{background:linear-gradient(90deg,#8b5cf6,#a855f7)}.detail-header .bg-green-500{background:linear-gradient(90deg,#10b981,#059669)}.detail-header .bg-blue-500{background:linear-gradient(90deg,#3b82f6,#2563eb)}.detail-header .bg-yellow-500{background:linear-gradient(90deg,#f59e0b,#d97706)}.change-billing-btn{position:relative;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease}.change-billing-btn:hover{background:#8b5cf61a;transform:translate(2px)}.credits-section{position:relative;overflow:hidden}.credits-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(234,179,8,.5),transparent)}.credits-header{align-items:flex-start;flex-wrap:wrap}.credits-summary{text-align:right;min-width:120px}.credits-progress-container{position:relative}.credits-progress-container .bg-gray-700{background:#374151cc;border:1px solid rgba(75,85,99,.3)}.credits-progress-container .bg-gradient-to-r{position:relative;background:linear-gradient(90deg,#8b5cf6,#3b82f6,#10b981);box-shadow:0 0 20px #8b5cf666}.credits-progress-container .bg-gradient-to-r:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}.credit-usage-breakdown{margin-top:2rem}.usage-grid{gap:1.5rem}.usage-item{background:#37415166;border:1px solid rgba(75,85,99,.3);transition:all .3s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden}.usage-item:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0003;border-color:#8b5cf666}.usage-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:0;transition:opacity .3s ease}.usage-item:hover:before{opacity:.6}.usage-item:nth-child(1):before{color:#10b981}.usage-item:nth-child(2):before{color:#3b82f6}.usage-item:nth-child(3):before{color:#8b5cf6}.billing-info-section{position:relative;overflow:hidden}.billing-info-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.5),transparent)}.billing-header{align-items:flex-start;flex-wrap:wrap;gap:1rem}.edit-billing-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 14px #8b5cf64d}.edit-billing-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.edit-billing-btn:hover:before{left:100%}.billing-details-grid{gap:2rem}.billing-detail-item{padding:1.5rem;background:#3741514d;border-radius:12px;border:1px solid rgba(75,85,99,.2);transition:all .3s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden}.billing-detail-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:#10b9814d}.billing-details-grid{gap:1.1rem!important}@media (max-width: 1024px){.subscription-details-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.usage-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.usage-item:nth-child(3){grid-column:1 / -1;max-width:50%;margin:0 auto}}@media (max-width: 768px){.dashboard-billing{padding:1.5rem}.subscription-section,.credits-section,.billing-info-section{padding:1.5rem;margin-bottom:1.5rem}.subscription-header,.credits-header,.billing-header{flex-direction:column;align-items:flex-start;gap:1rem}.subscription-actions{width:100%;flex-direction:column;gap:.75rem}.upgrade-plan-btn,.cancel-renewal-btn,.edit-billing-btn{width:100%;justify-content:center}.subscription-details-grid,.billing-details-grid,.usage-grid{grid-template-columns:1fr;gap:1rem}.usage-item:nth-child(3){grid-column:auto;max-width:none;margin:0}.credits-summary{text-align:left;width:100%}.credits-progress-container .flex{flex-direction:column;gap:.5rem;align-items:flex-start}}@media (max-width: 480px){.dashboard-billing{padding:1rem}.subscription-section,.credits-section,.billing-info-section{padding:1rem;margin-bottom:1rem}.subscription-detail-item,.billing-detail-item,.usage-item{padding:1rem}.detail-header{margin-bottom:.75rem}.detail-header p{font-size:.75rem}}@media (prefers-contrast: high){.subscription-detail-item,.billing-detail-item,.usage-item{border-width:2px;border-color:currentColor}.upgrade-plan-btn,.edit-billing-btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.subscription-detail-item,.billing-detail-item,.usage-item,.upgrade-plan-btn,.cancel-renewal-btn,.edit-billing-btn,.change-billing-btn{transition:none;animation:none}.subscription-detail-item:hover,.billing-detail-item:hover,.usage-item:hover{transform:none}.credits-progress-container .bg-gradient-to-r:after{animation:none}}.upgrade-plan-btn:focus,.cancel-renewal-btn:focus,.edit-billing-btn:focus,.change-billing-btn:focus{outline:2px solid #8b5cf6;outline-offset:2px;box-shadow:0 0 0 4px #8b5cf633}.subscription-overlay-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:overlayFadeIn .3s cubic-bezier(.25,.46,.45,.94)}.subscription-overlay-backdrop.opacity-0{animation:overlayFadeOut .3s cubic-bezier(.25,.46,.45,.94)}.subscription-overlay-container{animation:overlaySlideIn .3s cubic-bezier(.25,.46,.45,.94)}.subscription-overlay-container.translate-y-4{animation:overlaySlideOut .3s cubic-bezier(.25,.46,.45,.94)}.subscription-overlay-header{position:relative;z-index:10}.back-button{position:relative;z-index:11}.back-icon-container{transition:all .2s cubic-bezier(.25,.46,.45,.94)}.back-button:hover .back-icon-container{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.pricing-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;min-height:510px}.pricing-plan-card{position:relative;background:linear-gradient(145deg,#ffffff0f,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.7rem;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);transition:all .2s cubic-bezier(.165,.84,.44,1);overflow:hidden}.plan-content{display:flex;flex-direction:column;height:100%}.plan-header{text-align:left;margin-bottom:2rem}.plan-features{list-style:none;padding:0;margin:0 0 2rem;flex-grow:1}.plan-feature{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;transition:all .1s ease}.plan-action-button{width:100%;padding:1rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;text-align:center;border:none;cursor:pointer;transition:all .2s cubic-bezier(.165,.84,.44,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;overflow:hidden}@media (max-width: 1200px){.pricing-plans-grid{grid-template-columns:1fr;gap:2.5rem;min-height:auto}.modal-liquid-glass-container{max-width:95vw;margin:1rem}.modal-glass-header,.modal-glass-body,.modal-glass-footer{padding-left:1.5rem;padding-right:1.5rem}}@media (max-width: 768px){.pricing-plans-grid{gap:3rem}.modal-glass-header{padding:1.5rem 1rem 1rem}.modal-glass-body{padding:1.5rem 1rem}.modal-glass-footer{padding:1rem 1rem 1.5rem}.modal-glass-title{font-size:1.75rem;margin-bottom:.5rem}.modal-glass-subtitle{font-size:.95rem;line-height:1.5}.pricing-plan-card{padding:1.1rem}.plan-price{font-size:2.6rem}.plan-period{font-size:1rem}.plan-name{font-size:1.25rem;margin-bottom:.75rem}.plan-description{font-size:.9rem}.feature-text{font-size:.8rem}.plan-action-button{padding:.875rem 1.25rem;font-size:.95rem}.footer-guarantees{flex-direction:column;gap:.75rem}.guarantee-item{font-size:.8rem}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-liquid-glass-container{position:relative;width:100%;max-width:1200px;max-height:90vh;background:linear-gradient(145deg,#ffffff1f,#ffffff0f,#ffffff0a);border:1px solid rgba(255,255,255,.15);border-radius:24px;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 32px 64px -12px #00000059,0 8px 16px #00000026,inset 0 1px #ffffff1a;overflow:hidden}.modal-glass-header{padding:2rem 2.5rem 1.5rem;background:linear-gradient(135deg,#ffffff0f,#ffffff08);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-glass-title{font-size:2.5rem;font-weight:700;line-height:1.2;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;letter-spacing:-.025em}.modal-glass-subtitle{font-size:1.125rem;font-weight:400;color:#94a3b8;line-height:1.6;margin:0}.modal-glass-close-button{position:absolute;top:1.5rem;right:1.5rem;width:44px;height:44px;background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.12);border-radius:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.165,.84,.44,1);z-index:10}.modal-glass-close-button:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff14);border-color:#fff3;transform:scale(1.05)}.modal-glass-close-button .iconify{font-size:1.25rem;color:#e2e8f0}.modal-glass-body{padding:2rem 2.5rem;overflow-y:auto;max-height:calc(90vh - 200px)}.pricing-plan-card{position:relative;background:linear-gradient(145deg,#ffffff0f,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.75rem 1.5rem;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);transition:all .2s cubic-bezier(.165,.84,.44,1);overflow:hidden;display:flex;flex-direction:column;min-height:480px}.pricing-plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .2s ease}.pricing-plan-card:hover{transform:translateY(-2px) scale(1.01);background:linear-gradient(145deg,#ffffff14,#ffffff0a,#ffffff05);border-color:#ffffff26;box-shadow:0 12px 24px -8px #00000040,0 4px 8px #0000001f}.plan-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.plan-header{text-align:left;margin-bottom:1.5rem;flex-shrink:0}.plan-name{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem;letter-spacing:-.025em}.plan-price-container{display:flex;align-items:baseline;justify-content:flex-start;gap:.5rem;margin-bottom:.75rem}.plan-price{font-size:3.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-.05em}.plan-description{font-size:1rem;color:#94a3b8;line-height:1.5;margin:0}.plan-features{list-style:none;padding:0;margin:0 0 1.5rem;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start}.plan-feature{display:flex;align-items:center;gap:.75rem;padding:.4rem 0;transition:all .1s ease}.plan-feature:hover{transform:translate(2px)}.feature-icon{font-size:1.125rem;color:#10b981;flex-shrink:0}.feature-text{font-size:.875rem;color:#e2e8f0;line-height:1.5}.plan-action-button{width:100%;padding:.875rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;text-align:center;border:none;cursor:pointer;transition:all .2s cubic-bezier(.165,.84,.44,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;overflow:hidden;margin-top:auto;flex-shrink:0}.plan-action-button.standard{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.15);color:#fff}.plan-action-button.standard:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff14);border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.plan-action-button.highlighted{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:1px solid rgba(139,92,246,.3);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.plan-action-button.highlighted:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px) scale(1.01);box-shadow:0 6px 16px #8b5cf659}.plan-action-button.disabled{background:#ffffff05;border:1px solid rgba(255,255,255,.05);color:#64748b;cursor:not-allowed}.plan-action-button:active:not(.disabled){transform:translateY(0) scale(.99)}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);z-index:10}.plan-badge-text{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 12px #00000026}.plan-badge.most-popular .plan-badge-text{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:1px solid rgba(139,92,246,.3)}.plan-badge.current-plan-badge .plan-badge-text{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid rgba(16,185,129,.3)}.pricing-plan-card.highlighted-plan{background:linear-gradient(145deg,#8b5cf61f,#8b5cf60f,#8b5cf608);border-color:#8b5cf64d;box-shadow:0 20px 40px -8px #8b5cf633,0 8px 16px #00000026}.pricing-plan-card.highlighted-plan:hover{background:linear-gradient(145deg,#8b5cf626,#8b5cf614,#8b5cf60a);border-color:#8b5cf666;box-shadow:0 16px 32px -8px #8b5cf638,0 6px 12px #00000026}.pricing-plan-card.current-plan{background:linear-gradient(145deg,#10b98114,#10b9810a,#10b98105);border-color:#10b98140}.modal-glass-footer{padding:1.5rem 2.5rem 2rem;background:linear-gradient(135deg,#ffffff0a,#ffffff05);border-top:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.footer-guarantees{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;max-width:800px;margin:0 auto}.guarantee-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#94a3b8;transition:all .2s ease}.guarantee-item:hover{color:#e2e8f0;transform:translateY(-1px)}.guarantee-icon{font-size:1rem;color:#10b981}.guarantee-text{font-weight:500}@media (max-width: 1200px){.pricing-plans-grid{grid-template-columns:1fr;gap:2.5rem;align-items:stretch}.pricing-plan-card{min-height:auto;padding:1.5rem 1.25rem}.modal-liquid-glass-container{max-width:95vw;margin:1rem}.modal-glass-header,.modal-glass-body,.modal-glass-footer{padding-left:1.5rem;padding-right:1.5rem}}@media (max-width: 768px){.pricing-plans-grid{gap:3rem}.pricing-plan-card{padding:1.25rem 1rem;min-height:auto}.plan-header,.plan-features{margin-bottom:1.25rem}.plan-feature{padding:.35rem 0}.modal-glass-header{padding:1.5rem 1rem 1rem}.modal-glass-body{padding:1.5rem 1rem}.modal-glass-footer{padding:1rem 1rem 1.5rem}.modal-glass-title{font-size:1.75rem;margin-bottom:.5rem}.modal-glass-subtitle{font-size:.95rem;line-height:1.5}.plan-price{font-size:2.6rem}.plan-period{font-size:1rem}.plan-name{font-size:1.25rem;margin-bottom:.75rem}.plan-description{font-size:.9rem}.feature-text{font-size:.8rem}.plan-action-button{padding:.75rem 1.25rem;font-size:.95rem}.footer-guarantees{flex-direction:column;gap:.75rem}.guarantee-item{font-size:.8rem}}@media (max-width: 480px){.pricing-plans-grid{gap:3.5rem}.pricing-plan-card{padding:1rem .875rem;min-height:auto;margin-bottom:.95rem}.plan-header,.plan-features{margin-bottom:1rem}.plan-feature{padding:.4rem 0}.modal-liquid-glass-container{margin:.5rem;border-radius:20px}.modal-glass-header{padding:1rem .75rem .75rem}.modal-glass-body{padding:1rem .75rem}.modal-glass-footer{padding:.75rem .75rem 1rem}.modal-glass-close-button{top:1rem;right:1rem;width:36px;height:36px}.modal-glass-title{font-size:1.5rem}.modal-glass-subtitle{font-size:.875rem}.plan-price{font-size:2.3rem}.plan-name{font-size:1.125rem}.feature-icon{font-size:1rem}.feature-text{font-size:.95rem}.plan-action-button{padding:.65rem 1rem;font-size:.875rem}}@keyframes modalFadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}@keyframes modalFadeOut{0%{opacity:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}to{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}}@keyframes modalContentFadeIn{0%{opacity:0;transform:perspective(1000px) rotateX(10deg) scale(.95)}to{opacity:1;transform:perspective(1000px) rotateX(0) scale(1)}}@keyframes modalContentFadeOut{0%{opacity:1;transform:perspective(1000px) rotateX(0) scale(1)}to{opacity:0;transform:perspective(1000px) rotateX(-10deg) scale(.95)}}.modal-fade-in{animation:modalFadeIn .3s cubic-bezier(.165,.84,.44,1) forwards}.modal-fade-out{animation:modalFadeOut .25s cubic-bezier(.165,.84,.44,1) forwards}.modal-content-fade-in{animation:modalContentFadeIn .4s cubic-bezier(.165,.84,.44,1) .1s forwards}.modal-content-fade-out{animation:modalContentFadeOut .3s cubic-bezier(.165,.84,.44,1) forwards}@media (prefers-reduced-motion: reduce){.modal-liquid-glass-container,.pricing-plan-card,.plan-action-button,.guarantee-item{transition:none;animation:none}.pricing-plan-card:hover,.plan-action-button:hover,.guarantee-item:hover{transform:none}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalContentFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalContentFadeOut{0%{opacity:1}to{opacity:0}}}@media (prefers-contrast: high){.modal-liquid-glass-container{border:2px solid #ffffff;background:#000000f2}.pricing-plan-card{border:2px solid #ffffff;background:#1e1e1ef2}.plan-action-button.standard{border:2px solid #ffffff;background:#323232f2}}.searchable-country-select{position:relative;width:100%}.searchable-country-select .dropdown-container{position:absolute;z-index:50;width:100%;margin-top:.25rem;background-color:#374151;border:1px solid #4b5563;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:15rem;overflow:hidden}.searchable-country-select .search-input{width:100%;padding:.75rem;background-color:#4b5563;border:1px solid #6b7280;border-radius:.375rem;color:#fff;font-size:.875rem}.searchable-country-select .search-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 1px #8b5cf6}.searchable-country-select .countries-list{max-height:12rem;overflow-y:auto}.searchable-country-select .country-option{padding:.75rem 1rem;cursor:pointer;transition:background-color .15s ease-in-out;color:#d1d5db}.searchable-country-select .country-option:hover,.searchable-country-select .country-option.highlighted{background-color:#8b5cf6;color:#fff}.searchable-country-select .country-option mark{background-color:#9333ea4d;color:#fff;padding:.125rem .25rem;border-radius:.25rem}.modal-fade-in-start,.modal-fade-in-end,.modal-fade-out{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:9998!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:1rem!important}.modal-fade-in-start>div,.modal-fade-in-end>div,.modal-fade-out>div{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;min-height:100vh!important;padding:1rem!important;position:relative!important}.modal-liquid-glass-container{position:relative!important;margin:auto!important;max-height:90vh!important;max-width:min(1200px,90vw)!important;width:auto!important;height:auto!important;overflow-y:auto!important;z-index:9999!important}@media (max-width: 639px) and (orientation: portrait){.history-item-placeholder{height:180px;min-height:180px;max-height:180px;aspect-ratio:16/9}}@media (max-width: 1024px) and (min-width: 640px){.history-item-placeholder{height:180px;min-height:180px;max-height:180px;aspect-ratio:16/9}}@media (max-width: 480px){.history-item-placeholder{height:180px;min-height:180px;max-height:180px;aspect-ratio:16/9}}@media (max-width: 768px){.history-item{height:180px!important;min-height:180px!important;max-height:180px!important;padding:0!important;margin:0!important;box-sizing:border-box;overflow:hidden}.history-item-thumbnail{height:100%!important;min-height:180px!important;max-height:180px!important;width:100%!important;object-fit:cover;object-position:center;border-radius:1rem;flex-shrink:0;flex-grow:0;margin:0!important;padding:0!important}.history-grid{gap:.5rem}}@media (max-width: 480px){.history-item{height:160px!important;min-height:160px!important;max-height:160px!important}.history-item-thumbnail{height:100%!important;min-height:160px!important;max-height:160px!important}.history-item-placeholder{height:160px!important;min-height:160px!important;max-height:160px!important}}:root{--transition-quick: .15s;--transition-normal: .25s;--transition-slow: .35s;--easing-smooth: cubic-bezier(.4, 0, .2, 1);--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--easing-premium: cubic-bezier(.165, .84, .44, 1)}.dashboard-nav button{position:relative;transition:all var(--transition-normal) var(--easing-smooth);transform-style:preserve-3d}.dashboard-nav button:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,#a78bfa,#818cf8);transform:scaleX(0);transform-origin:center;transition:transform var(--transition-normal) var(--easing-smooth)}.dashboard-nav button.border-purple-400:after{transform:scaleX(1)}.tab-content-wrapper{position:relative;overflow:hidden}.tab-content{animation:tabContentEnter var(--transition-slow) var(--easing-premium) forwards}@keyframes tabContentEnter{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.tab-content-slide-up{animation:tabContentSlideUp var(--transition-slow) var(--easing-premium) forwards}@keyframes tabContentSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.history-item{transition:all var(--transition-normal) var(--easing-smooth);transform:translateZ(0)}.history-item:hover{border-color:#a78bfa;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000000a}.history-item{overflow:hidden}.history-item-thumbnail{transition:transform var(--transition-slow) var(--easing-smooth);transform-origin:center center}.history-item:hover .history-item-thumbnail{transform:scale(1.1)}.bottom-actions{transition:all var(--transition-normal) var(--easing-smooth);transform:translateY(10px)}.history-item:hover .bottom-actions{transform:translateY(0)}.view-details-btn,.show-more-btn,.dropdown-item{position:relative;overflow:hidden;transition:all var(--transition-quick) var(--easing-smooth)}.view-details-btn:before,.show-more-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width var(--transition-normal),height var(--transition-normal)}.view-details-btn:active:before,.show-more-btn:active:before{width:100px;height:100px}.dropdown-menu{animation:dropdownEnter var(--transition-quick) var(--easing-bounce) forwards;transform-origin:top right}.history-item:nth-child(-n+3) .dropdown-menu{animation:dropdownEnterBelow var(--transition-quick) var(--easing-bounce) forwards;transform-origin:top right}@keyframes dropdownEnter{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dropdownEnterBelow{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.dropdown-item{transition:all var(--transition-quick) var(--easing-smooth)}.edit-transition{transition:all var(--transition-normal) var(--easing-smooth)}input[type=text]:focus,input[type=email]:focus,textarea:focus{outline:none;border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa1a;transform:scale(1.01);transition:all var(--transition-quick) var(--easing-smooth)}.modal-backdrop{animation:fadeIn var(--transition-normal) var(--easing-smooth) forwards}.modal-content{animation:modalEnter var(--transition-slow) var(--easing-premium) forwards}@keyframes modalEnter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-backdrop.exiting{animation:fadeOut var(--transition-normal) var(--easing-smooth) forwards}.modal-content.exiting{animation:modalExit var(--transition-normal) var(--easing-smooth) forwards}@keyframes modalExit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(10px)}}.stat-card{transition:all var(--transition-normal) var(--easing-smooth);position:relative;overflow:hidden}.stat-card:hover{box-shadow:0 10px 15px -3px #0003;border-color:#a78bfa}.stat-card .bg-purple-500{position:relative;overflow:hidden}.stat-card .bg-purple-500:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.activity-item{transition:all var(--transition-normal) var(--easing-smooth);animation:activityItemEnter var(--transition-slow) var(--easing-premium) forwards;animation-delay:calc(var(--item-index, 0) * 50ms);opacity:0}@keyframes activityItemEnter{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.activity-item:hover{transform:translate(4px);background:#1f2937;border-color:#a78bfa}.dashboard-outer-wrapper{animation:pageEnter var(--transition-slow) var(--easing-premium) forwards}@keyframes pageEnter{0%{opacity:0}to{opacity:1}}.loading-skeleton{background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.glow-on-hover{position:relative;isolation:isolate}.glow-on-hover:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(45deg,#a78bfa,#818cf8,#a78bfa);border-radius:inherit;opacity:0;filter:blur(10px);transition:opacity var(--transition-normal) var(--easing-smooth);z-index:-1}.glow-on-hover:hover:before{opacity:.5}@media (max-width: 768px){@keyframes tabContentEnter{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@media (hover: none){.history-item:hover,.stat-card:hover{transform:none}}}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:10002;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.confirmation-modal-overlay.closing{animation:fadeOut .2s ease-in}.confirmation-modal-overlay .confirmation-modal-container{animation:slideInScale .3s cubic-bezier(.16,1,.3,1)}.confirmation-modal-overlay.closing .confirmation-modal-container{animation:slideOutScale .2s cubic-bezier(.4,0,1,1)}.alert-composition{background:#0f0f12bf;border:1px solid rgba(243,244,246,.2);border-radius:20px;padding:18px 12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 10px -2px #0003,0 3px 6px -2px #0000001a,0 20px 30px -5px #00000026,inset 0 1px #ffffff0d;max-width:460px;width:100%;position:relative}.alert-composition:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;background:linear-gradient(135deg,#ffffff14,#ffffff05);pointer-events:none}.container-main{display:flex;align-items:flex-start;gap:14px;position:relative;z-index:1}.icon-container{flex-shrink:0;margin-top:0}.icon-container .iconify{color:#9ca3af;font-size:24px}.content-container{flex:1;min-width:0}.upper-section{margin-bottom:15px}.modal-title{color:#fff;font-weight:600;font-size:1rem;line-height:16px;margin-bottom:10px}.modal-message{color:#d1d5db;font-size:.93rem;line-height:1.2rem}.button-tabs{display:flex;gap:8px;justify-content:flex-end;margin-right:-8px}.cancel-btn{padding:7px 17px;border-radius:8px;border:none;background:transparent;color:#9ca3af;font-size:12px;font-weight:500;transition:all .2s ease;cursor:pointer}.cancel-btn:hover{color:#d1d5db;background:#ffffff0d}.confirm-btn{padding:7px 17px;border-radius:8px;border:1px solid #EF4444;background:#ef44441a;color:#f87171;font-size:12px;font-weight:500;transition:all .2s ease;cursor:pointer}.confirm-btn:hover{background:#ef444433;border-color:#f87171}.close-icon-container{flex-shrink:0;margin-left:auto}.close-btn{color:#9ca3af;padding:4px;border:none;background:transparent;cursor:pointer;transition:all .2s ease;border-radius:6px}.close-btn:hover{color:#d1d5db;background:#ffffff0d}.close-btn .iconify{font-size:28px}@media (max-width: 640px){.confirmation-modal-overlay{padding:16px}.alert-composition{margin:0;max-width:calc(100vw - 32px);padding:12px 14px}.button-tabs{flex-direction:column-reverse;gap:8px;margin-right:0}.cancel-btn,.confirm-btn{width:100%;justify-content:center;padding:10px 17px}.upper-section{margin-bottom:14px}.close-btn .iconify{font-size:26px}}.cancel-btn:focus,.confirm-btn:focus,.close-btn:focus{outline:2px solid #8B5CF6;outline-offset:2px}@media (prefers-color-scheme: dark){.modal-title{color:#f9fafb}.modal-message{color:#9ca3af}}.generation-details-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .2s ease-out}.generation-details-modal-overlay.closing{animation:fadeOut .2s ease-in}.generation-details-modal-overlay .generation-details-modal-container{animation:slideInScale .3s cubic-bezier(.16,1,.3,1)}.generation-details-modal-overlay.closing .generation-details-modal-container{animation:slideOutScale .2s cubic-bezier(.4,0,1,1)}.modal-composition{background:#1f2937f2;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003,0 20px 25px -5px #00000040}.prompt-content{background:#111827cc;border-color:#4b55634d}.prompt-content::-webkit-scrollbar{width:6px}.prompt-content::-webkit-scrollbar-track{background:#1f293780;border-radius:3px}.prompt-content::-webkit-scrollbar-thumb{background:#4b5563;border-radius:3px}.prompt-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.copy-btn{transition:all .2s ease}.copy-btn:active{transform:scale(.95)}.checkbox:checked{background-color:#8b5cf6;border-color:#8b5cf6}.checkbox:checked:hover{background-color:#7c3aed;border-color:#7c3aed}.checkbox:focus{box-shadow:0 0 0 3px #8b5cf61a}.detail-row{border-bottom:1px solid rgba(75,85,99,.2)}.detail-row:last-child{border-bottom:none}@keyframes slideInScale{0%{opacity:0;transform:translate3d(0,-20px,0) scale(.95)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes slideOutScale{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(0,-20px,0) scale(.95)}}@media (max-width: 640px){.generation-details-modal-container{margin:1rem;max-width:calc(100vw - 2rem)}.modal-composition{border-radius:1rem;width:100%}.modal-header,.modal-body,.modal-footer{padding:1rem}.prompt-content{max-height:6rem}}@media (max-width: 480px) and (orientation: portrait){.generation-details-modal-overlay{padding:1rem}.generation-details-modal-container{margin:0;max-width:100%;width:100%}.modal-composition{max-width:100%;margin:0 auto}.modal-title{font-size:1rem}.prompt-content{font-size:.75rem;max-height:5rem}.detail-row{flex-wrap:wrap;gap:.5rem}.copy-btn{padding:.375rem .75rem}}*{font-family:Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}code,pre,kbd,samp,.font-mono,.monospace,textarea.font-mono,input[type=text].font-mono,.code-block,.terminal,.console{font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important;font-feature-settings:"liga" 1,"calt" 1;font-variant-ligatures:common-ligatures}.font-geist-thin{font-weight:100}.font-geist-extralight{font-weight:200}.font-geist-light{font-weight:300}.font-geist-normal{font-weight:400}.font-geist-medium{font-weight:500}.font-geist-semibold{font-weight:600}.font-geist-bold{font-weight:700}.font-geist-extrabold{font-weight:800}.font-geist-black{font-weight:900}.font-geist-mono-thin{font-family:Geist Mono,monospace!important;font-weight:100}.font-geist-mono-extralight{font-family:Geist Mono,monospace!important;font-weight:200}.font-geist-mono-light{font-family:Geist Mono,monospace!important;font-weight:300}.font-geist-mono-normal{font-family:Geist Mono,monospace!important;font-weight:400}.font-geist-mono-medium{font-family:Geist Mono,monospace!important;font-weight:500}.font-geist-mono-semibold{font-family:Geist Mono,monospace!important;font-weight:600}.font-geist-mono-bold{font-family:Geist Mono,monospace!important;font-weight:700}.font-geist-mono-extrabold{font-family:Geist Mono,monospace!important;font-weight:800}.font-geist-mono-black{font-family:Geist Mono,monospace!important;font-weight:900}.geist-optimized,body{font-feature-settings:"kern" 1,"liga" 1,"calt" 1;font-variant-ligatures:common-ligatures;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.debug-indicator,.debug-toggle-btn,.debug-message-banner{font-family:Geist Mono,monospace!important}.generation-details-modal code,.generation-details-modal .code-block,.api-response,.json-display{font-family:Geist Mono,monospace!important;font-feature-settings:"liga" 1,"calt" 1}h1,h2,h3,h4,h5,h6{font-family:Geist,ui-sans-serif,system-ui!important;font-feature-settings:"kern" 1;letter-spacing:-.025em}button,.btn{font-family:Geist,ui-sans-serif,system-ui!important;font-feature-settings:"kern" 1}input,textarea,select{font-family:Geist,ui-sans-serif,system-ui!important}.prompt-textarea.improving-typewriter,.prompt-textarea.font-mono{font-family:Geist Mono,ui-monospace,SFMono-Regular!important;font-feature-settings:"liga" 1,"calt" 1,"zero" 1;font-variant-numeric:slashed-zero}.prompt-suggestion-chip,.suggestion-chip,.code-suggestion{font-family:Geist Mono,monospace!important;font-feature-settings:"liga" 1,"calt" 1}.app-container{margin-top:62px;min-height:calc(100vh - 62px)}.welcome-skip-btn,.welcome-back-btn,.welcome-skip-demo-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;will-change:transform;transform:translateZ(0);touch-action:manipulation;white-space:nowrap;flex-shrink:0;isolation:isolate}.welcome-title{font-size:2.1rem}.workspace-header{padding-top:8px;padding-bottom:15px}.hamburger-menu-btn{position:fixed;top:12px;left:12px;z-index:1001;display:none;width:44px;height:44px;border-radius:8px;background-color:#1f2937e6;border:1px solid rgba(75,85,99,.5);color:#d1d5db;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hamburger-menu-btn:hover{background-color:#1f2937;border-color:#8b5cf680;color:#fff;transform:scale(1.05)}.hamburger-menu-btn:focus{outline:2px solid #8B5CF6;outline-offset:2px}@media (max-width: 1024px){.hamburger-menu-btn{display:flex;align-items:center;justify-content:center}.main-center-panel{padding-top:1.5rem}}@media (max-width: 768px){.hamburger-menu-btn{top:8px;left:8px;width:40px;height:40px}.main-center-panel{padding-top:1.5rem}}:root{--controls-gap-desktop: 1rem;--controls-gap-tablet: 1rem;--controls-gap-mobile: .875rem;--controls-padding-desktop: 10px 0;--controls-padding-tablet: 10px .5rem;--controls-padding-mobile: 8px .25rem;--quality-width-desktop: 219px;--quality-width-tablet: 280px;--quality-width-mobile: 250px;--quality-height-desktop: 44px;--quality-height-tablet: 40px;--quality-height-mobile: 36px}body{@apply bg-gray-900 text-gray-100;font-family:Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;margin:0;padding:0;overflow-x:hidden;overflow-y:auto}body.main-app-active{overflow:hidden}body.auth-page-active{overflow-y:auto}@media (max-width: 768px) and (orientation: portrait){body.auth-page-active{overflow-y:hidden!important;height:100vh}body.auth-page-active .min-h-screen{min-height:100vh!important;max-height:100vh!important;overflow:hidden!important}}@media (max-width: 576px) and (orientation: portrait){body.auth-page-active{overflow-y:hidden!important;height:100vh;position:fixed;width:100%}body.auth-page-active .min-h-screen{min-height:100vh!important;max-height:100vh!important;overflow:hidden!important}}@media (max-width: 768px) and (orientation: landscape){body.auth-page-active{overflow-y:auto!important}}body.auth-page-signup{overflow-y:auto!important}@media (max-width: 768px) and (orientation: portrait){body.auth-page-signup{overflow-y:auto!important;height:auto!important;position:static!important;width:auto!important}body.auth-page-signup .min-h-screen{min-height:100vh!important;max-height:none!important;overflow:visible!important}}@media (max-width: 576px) and (orientation: portrait){body.auth-page-signup{overflow-y:auto!important;height:auto!important;position:static!important;width:auto!important}body.auth-page-signup .min-h-screen{min-height:100vh!important;max-height:none!important;overflow:visible!important}}.container{@apply mx-auto;}#root>div{@apply min-h-screen;}.app-container{display:grid;grid-template-columns:368px 1fr;grid-template-rows:1fr;min-height:calc(100vh - 62px);max-width:100vw;background-color:#111827;height:calc(100vh - 62px);overflow-x:visible;overflow-y:hidden;margin-top:62px}.left-sidebar{grid-column:1;grid-row:1;background-color:#1f2937;border-right:1px solid #374151;overflow-x:visible;overflow-y:auto;position:sticky;top:0;width:368px;padding:1rem;box-shadow:2px 0 8px #0000001a;z-index:30;display:flex;flex-direction:column;height:calc(100vh - 62px)}.left-sidebar::-webkit-scrollbar{width:10px;background:#18181b}.left-sidebar::-webkit-scrollbar-thumb{background:#27272a;border-radius:8px;border:2px solid #18181B;box-shadow:0 2px 6px #00000026}.left-sidebar::-webkit-scrollbar-thumb:hover{background:#3f3f46}.left-sidebar::-webkit-scrollbar-corner{background:#18181b}.left-sidebar{scrollbar-width:thin;scrollbar-color:#27272A #18181B}.left-sidebar .overflow-y-auto:not(.design-controls-scrollable){scrollbar-width:none;-ms-overflow-style:none}.left-sidebar .overflow-y-auto:not(.design-controls-scrollable)::-webkit-scrollbar{display:none}.main-center-panel{grid-column:2;grid-row:1;display:flex;flex-direction:column;padding:25px 20px;height:calc(100vh - 62px);min-height:calc(100vh - 62px);max-height:calc(100vh - 62px);overflow:hidden;gap:8px}.right-sidebar{display:none}.preview-container{width:652px;height:367px;max-width:100%;aspect-ratio:16/9;background-color:#212936;border-radius:12px;box-shadow:0 4px 16px #0003;overflow:hidden;position:relative;z-index:0;margin:0 auto;display:flex;align-items:center;justify-content:center}@media (max-width: 820px){.preview-container{width:100%;height:auto;max-width:652px}}.preview-wrapper{width:100%;max-width:652px;margin:0 auto}.preview-container img.generated-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.preview-workspace-section{flex:0 0 auto;display:flex;flex-direction:column;margin:0;padding:0}.prompt-controls-section{flex:0 0 auto;width:100%;max-width:652px;margin:40px auto 0;padding:0}.controls-bottom-row{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:50!important;padding:var(--controls-padding-desktop)!important;min-height:70px!important;margin-top:32px!important;justify-content:flex-end!important;max-width:652px!important;margin-left:auto!important;margin-right:auto!important;gap:var(--controls-gap-desktop)!important;flex-wrap:wrap;transition:all .3s ease-in-out}.combined-controls{display:flex!important;gap:2.5rem!important;flex-wrap:nowrap;justify-content:space-between;width:100%;transition:all .3s ease-in-out}.quality-selector{display:flex!important;align-items:center;gap:.75rem;flex-shrink:0;min-height:48px;visibility:visible!important;min-width:max-content;transition:all .3s ease-in-out}.quality-selector .quality-options{width:240px;height:48px;transition:all .3s ease-in-out}.action-buttons{display:flex!important;align-items:center;gap:.875rem;flex-shrink:0;min-height:48px;visibility:visible!important;min-width:max-content;transition:all .3s ease-in-out}.action-buttons button{transition:all .3s ease-in-out}.generate-button-container{display:flex;align-items:center;gap:.75rem;transition:all .3s ease-in-out}.coming-soon-indicator{text-align:center;padding:2rem 1rem}.coming-soon-indicator h3{color:#9ca3af;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.coming-soon-indicator p{color:#6b7280;font-size:.875rem;line-height:1.4}.coming-soon-icon{width:3rem;height:3rem;margin:0 auto 1rem;opacity:.5;color:#6b7280}@media (min-width: 1400px){.controls-bottom-row{max-width:800px;gap:2rem!important;justify-content:flex-end!important}.combined-controls{gap:2rem!important}.action-buttons{gap:1.25rem}}@media (min-width: 1200px) and (max-width: 1399px){.controls-bottom-row{max-width:720px;gap:1.75rem!important;justify-content:flex-end!important}.combined-controls{gap:1.75rem!important}.action-buttons{gap:1rem}}@media (min-width: 900px) and (max-width: 1199px){.controls-bottom-row{max-width:100%;padding:10px 1rem!important;justify-content:center!important}.combined-controls{flex-direction:row!important;align-items:center!important;gap:1rem!important;width:100%!important}.quality-selector{justify-content:center;width:100%;max-width:300px}.action-buttons{justify-content:center;width:100%;max-width:350px;gap:1rem}}@media (max-width: 1280px){.app-container{grid-template-columns:368px 1fr}}@media (max-width: 1024px){.app-container{grid-template-columns:1fr;grid-template-rows:1fr;position:relative;margin-top:62px}.left-sidebar{position:fixed;top:62px;left:0;width:350px;max-width:80vw;height:calc(100vh - 62px);background-color:#1f2937;border-right:1px solid #374151;box-shadow:2px 0 8px #0000001a;z-index:1000;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:1rem}.left-sidebar.open{transform:translate(0)}.main-center-panel{grid-column:1;grid-row:1;padding:4rem .75rem .75rem;gap:.875rem;height:calc(100vh - 62px);overflow-y:auto}.right-sidebar{display:none}.preview-container{max-width:100%;margin-bottom:.5rem}.controls-bottom-row{flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;width:100%;padding:0 .5rem;max-width:100%!important}.combined-controls{align-items:center!important;gap:1rem!important;width:100%!important}.prompt-controls-section{padding:0 1rem;max-width:100%}.quality-selector{justify-content:center;width:100%;max-width:320px}.quality-selector .quality-options{width:100%;max-width:280px;min-width:200px}.action-buttons{justify-content:center;width:100%;max-width:400px;gap:.875rem;order:2;margin-left:0;flex-wrap:wrap}.generate-button-container{display:flex;align-items:center;gap:.75rem;width:100%;justify-content:center;min-width:max-content}.prompt-textarea{font-size:.8125rem;min-height:100px}.left-sidebar .sidebar-close-btn{display:flex!important;visibility:visible!important}.left-sidebar .sidebar-close-btn:hover{background-color:#374151;color:#f9fafb}.left-sidebar .sidebar-close-btn:focus{outline:none;background-color:#374151;color:#f9fafb;box-shadow:0 0 0 2px #8b5cf64d}.sidebar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.sidebar-backdrop.open{opacity:1;visibility:visible}.left-sidebar .sidebar-close-btn{position:absolute;top:1rem;right:1rem;background-color:transparent;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease-in-out;display:none!important;visibility:hidden!important;align-items:center;justify-content:center;width:36px;height:36px}@media (min-width: 1025px){.left-sidebar .sidebar-close-btn{display:none!important;visibility:hidden!important}}body.sidebar-open{overflow:hidden}}@media (min-width: 401px) and (max-width: 767px){.combined-controls{justify-content:space-between!important}}@media (min-width: 767px) and (max-width: 1200px){.combined-controls{justify-content:space-between!important}}@media (min-width: 600px) and (max-width: 768px){.templates-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.mood-expression-picker-section img{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;min-width:48px!important;min-height:48px!important}}@media (max-width: 768px){.left-sidebar{width:100vw;max-width:100vw;top:62px;height:calc(100vh - 62px)}}@media (max-width: 768px) and (orientation: portrait){.left-sidebar{width:100vw!important;max-width:100vw!important;top:62px!important;height:calc(100vh - 62px)!important;max-height:calc(100vh - 62px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:1rem 1rem 2rem!important;display:flex!important;flex-direction:column!important;padding-bottom:max(2rem,env(safe-area-inset-bottom,2rem))!important}.left-sidebar #control-panel-main-container{max-height:none!important;min-height:auto!important;flex:1!important;overflow:visible!important;padding-bottom:1rem!important}.left-sidebar .design-controls-scrollable{max-height:none!important;overflow:visible!important;flex:1!important;min-height:auto!important}.left-sidebar .collapsible-content{overflow:visible!important}.left-sidebar:after{content:"";position:fixed;bottom:0;left:0;right:0;height:20px;background:linear-gradient(to top,rgba(31,41,55,.9),transparent);pointer-events:none;z-index:1001;opacity:0;transition:opacity .3s ease}.left-sidebar.open:after{opacity:1}body.sidebar-open{overflow:hidden!important;position:fixed!important;width:100%!important}body.sidebar-open .main-center-panel{overflow:hidden!important}}@media (max-width: 768px) and (orientation: landscape){.left-sidebar{height:calc(100vh - 62px)!important;overflow-y:auto!important;padding-bottom:1.5rem!important}.left-sidebar #control-panel-main-container,.left-sidebar .design-controls-scrollable{max-height:none!important;overflow:visible!important}}@media (max-width: 768px){.main-center-panel{padding:3.5rem .75rem .75rem;gap:.875rem;height:calc(100vh - 62px)}.controls-row{flex-direction:column;align-items:stretch}.controls-bottom-row{flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;padding:1.25rem 1.5rem;max-width:calc(100% - 2rem)!important;background:#111827cc;border-radius:16px;border:1px solid rgba(55,65,81,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:none;margin:0 1rem}.prompt-controls-section{transform:translateY(-4rem)}.combined-controls{flex-direction:column!important;align-items:center!important;gap:1rem!important;width:100%!important;max-width:calc(100% - 1rem)!important;padding:0 .5rem}.quality-selector{justify-content:center;width:100%;max-width:calc(100% - 1rem);padding:0 .5rem;order:1;margin-bottom:.75rem}.quality-selector .quality-options{width:100%!important;max-width:100%!important;min-width:280px!important;height:44px!important;padding:3px!important;margin:0 auto;background-color:#3f3f46!important;border-radius:13.4px!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:0!important;align-items:center!important;position:relative!important;overflow:visible!important}.quality-selector .quality-options>div:first-child{height:calc(100% - 6px)!important;border-radius:13.4px!important;background:#3b82f6!important;z-index:1!important;transition:transform .3s ease-in-out!important;position:absolute!important;top:3px!important;left:3px!important;width:calc(33.333% - 2px)!important}.quality-selector .quality-options button{font-size:.875rem!important;font-weight:600!important;padding:8px 12px!important;min-height:36px!important;border-radius:0!important;background:transparent!important;border:none!important;color:#9ca3af!important;transition:color .2s ease!important;z-index:10!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;outline:none!important;line-height:1.2!important}.quality-selector .quality-options button[aria-pressed=true]{color:#fff!important;font-weight:600!important}.quality-selector .quality-options button:hover:not([aria-pressed=true]){color:#d1d5db!important}.quality-selector .quality-options button:focus{outline:none!important}.quality-selector span{font-size:.875rem!important;font-weight:400!important;color:#9ca3af!important;margin-bottom:0!important}.action-buttons{display:flex;justify-content:center;width:100%;max-width:calc(100% - 1rem);gap:.875rem;order:2;margin-top:0;flex-wrap:nowrap;padding:0 .5rem;box-shadow:none!important}.action-buttons button{flex:1;min-height:48px;max-width:180px;padding:.875rem 1rem;font-size:.875rem;font-weight:600;border-radius:12px;transition:all .2s ease;white-space:nowrap;background:#374151cc;border:1px solid rgba(75,85,99,.4);color:#f3f4f6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.action-buttons button[class*=generate]{background:linear-gradient(135deg,#3b82f6,#1e40af);border:1px solid rgba(59,130,246,.4);color:#fff;font-weight:700}.action-buttons button[class*=download]{background:linear-gradient(135deg,#10b981,#059669);border:1px solid rgba(16,185,129,.4);color:#fff}.action-buttons button:hover{transform:translateY(-1px);box-shadow:none}.action-buttons button:active{transform:translateY(0)}.generate-button-container{display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center;min-width:max-content}.prompt-textarea{font-size:.8125rem;min-height:100px}}@media (max-width: 1024px) and (orientation: landscape){.controls-bottom-row{flex-direction:row!important;justify-content:center!important;flex-wrap:wrap;gap:1rem!important;padding:8px 1rem!important}.combined-controls{flex-direction:row!important;align-items:center!important;gap:1rem!important;flex-wrap:wrap;justify-content:center}.quality-selector{max-width:280px}.action-buttons{max-width:320px;gap:.75rem}}@media (max-width: 480px){.controls-bottom-row{gap:1rem!important;padding:1rem 1.25rem!important;margin:0 .75rem;max-width:calc(100% - 1.5rem)!important}.quality-selector{max-width:100%!important;padding:0!important}.quality-selector .quality-options{max-width:100%!important;min-width:250px!important;height:44px!important;padding:3px!important;background-color:#3f3f46!important;border-radius:13.4px!important}.quality-selector .quality-options>div:first-child{height:calc(100% - 6px)!important;border-radius:13.4px!important;background:#3b82f6!important;width:calc(33.333% - 2px)!important}.quality-selector .quality-options button{font-size:.8rem!important;padding:8px 6px!important;min-height:36px!important;color:#9ca3af!important;font-weight:600!important}.action-buttons{max-width:100%!important;gap:.75rem!important;padding:0!important}.action-buttons button{min-height:44px!important;padding:.75rem 1rem!important;font-size:.875rem!important;max-width:160px!important}}@media (min-width: 1600px){.controls-bottom-row,.combined-controls,.action-buttons{gap:var(--controls-gap-desktop)}}@media (max-width: 600px){.controls-bottom-row{flex-direction:column!important;align-items:center!important;gap:1rem!important}.combined-controls{flex-direction:column!important;align-items:center!important;gap:.875rem!important}}@media (max-width: 1024px) and (max-height: 600px){.controls-bottom-row{padding:6px .5rem!important;gap:.75rem!important;min-height:60px!important}.quality-selector .quality-options{height:36px}.action-buttons button{min-height:36px;padding:.5rem .75rem;font-size:.875rem}}@media (min-width: 1920px){.controls-bottom-row{max-width:1000px;gap:2.5rem!important}.combined-controls{gap:2.5rem!important}.action-buttons{gap:1.5rem}.quality-selector .quality-options{width:240px;height:48px}}.prompt-controls-section{position:sticky;bottom:0;background-color:#111827;padding:1.25rem 1rem;margin-top:auto;max-width:100%;width:100%}.preview-workspace-section{padding-bottom:1rem}} .error-banner-container{position:fixed;top:0;left:0;right:0;display:flex;justify-content:center;padding-top:1rem;z-index:1000;pointer-events:none}.error-banner{background-color:#c53030;color:#fff;padding:1rem 1.5rem;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;align-items:center;gap:.75rem;opacity:0;transform:translateY(-150%);transition:transform .5s ease-in-out,opacity .5s ease-in-out;pointer-events:auto;position:relative}.error-banner.show{opacity:1;transform:translateY(0)}.error-banner-close-btn{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#18181bb3;z-index:10;display:flex;align-items:center;justify-content:center}.modal-popup{z-index:11;position:relative;background:#232336;border-radius:16px;box-shadow:0 8px 32px #00000073;padding:2rem;max-width:90vw;max-height:90vh;overflow:auto}.tooltip-fixed{position:fixed!important;z-index:9999!important;pointer-events:none;transform-origin:center;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.tooltip-arrow-fixed{position:absolute;width:8px;height:8px;background:inherit;z-index:-1}.tooltip-arrow-top{bottom:-4px;left:50%;transform:translate(-50%) rotate(45deg)}.tooltip-arrow-bottom{top:-4px;left:50%;transform:translate(-50%) rotate(45deg)}.tooltip-arrow-left{right:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}.tooltip-arrow-right{left:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}.tooltip-container{position:relative;display:inline-block}.tooltip-no-clip{overflow:visible!important}.panel-preview-container{width:100%;max-width:652px;aspect-ratio:16 / 9;height:auto;display:flex;align-items:center;justify-content:center;background:#181c23;border-radius:16px;box-shadow:0 4px 32px #0000002e;overflow:hidden;margin:0 auto}@media (max-width: 700px){.panel-preview-container{width:100vw;max-width:100vw;aspect-ratio:16 / 9;min-width:0;min-height:0}}.face-source-tab-navigation-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:260px;height:45px;margin:0 auto;background:transparent}.face-source-tab-group{display:flex;width:100%;height:100%;background:#37415199;border-radius:12px;padding:3px;position:relative;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(75,85,99,.3)}.face-source-tab-group:before{content:"";position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);background:linear-gradient(135deg,#9333ea,#7e22ce);border-radius:9px;transition:transform .25s cubic-bezier(.4,0,.2,1);z-index:1}.face-source-tab-group.url-active:before{transform:translate(calc(100% + 3px))}.face-source-tab-button{display:flex;align-items:center;justify-content:center;gap:6px;width:50%;height:100%;font-size:14px;font-weight:500;transition:color .25s cubic-bezier(.4,0,.2,1);position:relative;border:none;background:transparent;cursor:pointer;border-radius:9px}.face-source-tab-button.active-tab{background:transparent;color:#fff;position:relative}.face-source-tab-button.active-tab .iconify,.face-source-tab-button.active-tab span:not(.iconify){position:relative;z-index:2;color:#fff}.face-source-tab-button.inactive-tab{background:transparent;color:#a1a1aa}.face-source-tab-button.inactive-tab .iconify,.face-source-tab-button.inactive-tab span:not(.iconify){position:relative;z-index:2}.face-source-tab-button.inactive-tab:hover{color:#f3f4f6}.face-source-tab-button:focus{outline:none;box-shadow:none}.face-source-tab-button .iconify{width:16px;height:16px;flex-shrink:0}.face-source-tab-button.active-tab .iconify{color:#fff}.face-source-tab-button.inactive-tab .iconify{color:#a1a1aa}.face-source-tab-button.inactive-tab:hover .iconify{color:#f3f4f6}.face-source-tab-button span:not(.iconify){font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em}@media (max-width: 640px){.face-source-tab-navigation-container{max-width:240px;height:42px}.face-source-tab-group{border-radius:10px;padding:2px}.face-source-tab-group:before{top:2px;left:2px;width:calc(50% - 2px);height:calc(100% - 4px);border-radius:8px}.face-source-tab-group.url-active:before{transform:translate(calc(100% + 2px))}.face-source-tab-button{font-size:13px;gap:4px;border-radius:8px}.face-source-tab-button .iconify{width:14px;height:14px}.face-source-tab-button span:not(.iconify){font-size:13px;line-height:18px}}@media (max-width: 480px){.face-source-tab-navigation-container{max-width:220px;height:40px}.face-source-tab-button{font-size:12px;gap:3px}.face-source-tab-button .iconify{width:12px;height:12px}.face-source-tab-button span:not(.iconify){font-size:12px;line-height:16px}}.main-tab-navigation-container{display:flex;justify-content:center;margin-bottom:24px;width:324px;height:57px;margin-left:auto;margin-right:auto}.main-tab-group{width:324px;height:57px;background:#394150;border-radius:14px;padding:0;display:flex;position:relative;box-shadow:none;border:none}.main-tab-group:before{content:"";position:absolute;top:3px;left:3px;width:156px;height:51px;background:linear-gradient(135deg,#4285f4,#006fee);border-radius:14px;z-index:1;transition:transform .25s cubic-bezier(.4,0,.2,1);transform:translate(0)}.main-tab-group.templates-active:before{transform:translate(162px)}.main-tab-button{display:flex;align-items:center;justify-content:center;gap:8px;width:162px;height:57px;font-size:16px;font-weight:500;transition:color .25s cubic-bezier(.4,0,.2,1);position:relative;border:none;background:transparent;cursor:pointer}.main-tab-button.active-tab{color:#fff;position:relative;z-index:2}.main-tab-button.active-tab .iconify,.main-tab-button.active-tab span:not(.iconify){color:#fff!important;position:relative;z-index:3}.main-tab-button.inactive-tab{color:#d1d5db;position:relative;z-index:1}.main-tab-button.inactive-tab .iconify,.main-tab-button.inactive-tab span:not(.iconify){color:#a1a1aa!important;position:relative;z-index:2}.main-tab-button.inactive-tab:hover{color:#fff}.main-tab-button.inactive-tab:hover .iconify,.main-tab-button.inactive-tab:hover span:not(.iconify){color:#fff!important;position:relative;z-index:2}.main-tab-button:focus{outline:none;box-shadow:none}.main-tab-button.active-tab,.main-tab-button.active-tab:focus,.main-tab-button.active-tab:hover,.main-tab-button.active-tab:active{color:#fff!important}.main-tab-button.active-tab .iconify,.main-tab-button.active-tab:focus .iconify,.main-tab-button.active-tab:hover .iconify,.main-tab-button.active-tab:active .iconify,.main-tab-button.active-tab span:not(.iconify),.main-tab-button.active-tab:focus span:not(.iconify),.main-tab-button.active-tab:hover span:not(.iconify),.main-tab-button.active-tab:active span:not(.iconify){color:#fff!important;position:relative;z-index:3}.main-tab-button .iconify{width:20px;height:20px;flex-shrink:0}.main-tab-button.active-tab .iconify{color:#fff}.main-tab-button.inactive-tab .iconify{color:#a1a1aa}.main-tab-button.inactive-tab:hover .iconify{color:#f3f4f6}.main-tab-button:first-child{border-radius:14px 0 0 14px}.main-tab-button:last-child{border-radius:0 14px 14px 0}.main-tab-button span:not(.iconify){font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;font-size:16px;line-height:28px;letter-spacing:-.01em}@media (max-width: 640px){.main-tab-navigation-container{width:100%;max-width:324px;height:57px;padding:0 4px}.main-tab-group{width:100%;max-width:324px;position:relative}.main-tab-group:before{width:calc(50% - 6px);left:3px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.main-tab-group.templates-active:before{transform:translate(calc(100% + 6px))}.main-tab-button{width:calc(50% - 2px);max-width:158px;font-size:14px;gap:6px;height:57px;margin:0 1px;display:flex;align-items:center;justify-content:center;border-radius:14px}.main-tab-button:first-child,.main-tab-button:last-child{border-radius:14px}.main-tab-button .iconify{width:18px;height:18px;flex-shrink:0}.main-tab-button span:not(.iconify){font-size:14px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 480px){.main-tab-navigation-container{max-width:300px;padding:0 2px}.main-tab-group{max-width:300px}.main-tab-button{font-size:13px;gap:4px;padding:0 8px}.main-tab-button .iconify{width:16px;height:16px}.main-tab-button span:not(.iconify){font-size:13px;line-height:22px}}.templates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;width:100%;max-width:none;margin:0 auto;justify-content:center;padding:0 6px}.template-category-card,.add-new-card{position:relative;width:100%;min-height:140px;max-width:100%;border-radius:22px;overflow:hidden;cursor:pointer;transition:all .35s cubic-bezier(.165,.84,.44,1);background:linear-gradient(145deg,#006fee14,#006fee0a,#006fee05);border:1.5px solid rgba(0,111,238,.15);box-shadow:0 8px 32px #006fee14,0 4px 16px #0000001f,inset 0 1px #ffffff0f;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}.template-category-card:before,.add-new-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,111,238,.08) 50%,transparent 100%);z-index:1;opacity:0;transition:none;display:none}.template-category-card:hover,.add-new-card:hover{transform:translateY(-4px) scale(1.02);background:linear-gradient(145deg,#006fee1f,#006fee14,#006fee0a);border-color:#006fee40;box-shadow:0 16px 64px #006fee26,0 8px 32px #0000002e,inset 0 1px #ffffff14}.template-category-card:hover:before,.add-new-card:hover:before{opacity:0;display:none}@keyframes liquidShimmer{0%{left:-100%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}.template-category-card:after,.add-new-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#006fee05,#006fee0a 30%,#006fee0f 70%,#006fee14);opacity:0;transition:opacity .35s cubic-bezier(.165,.84,.44,1);z-index:1;pointer-events:none}.template-category-card:hover:after,.add-new-card:hover:after{opacity:1}.template-category-card.active{border:2px solid rgba(0,111,238,.4);background:linear-gradient(145deg,#006fee26,#006fee1a,#006fee0f);box-shadow:0 16px 48px #006fee33,0 8px 24px #00000026,inset 0 1px #ffffff14}.template-category-card.active:hover{border-color:#006fee80;box-shadow:0 20px 64px #006fee40,0 10px 32px #0003,inset 0 1px #ffffff1a}.template-category-content{position:relative;width:100%;height:100%;border-radius:20px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;background-size:cover;background-position:center;background-repeat:no-repeat;box-sizing:border-box;aspect-ratio:16/9;box-shadow:inset 0 2px 4px #0000001a;background-color:#f84848cc;animation:none!important;transform:none!important}.template-category-label{position:absolute;bottom:0;left:0;right:0;min-height:34px;display:flex;align-items:center;justify-content:flex-start;padding:8px 14px;box-sizing:border-box;background:linear-gradient(180deg,#0000004d,#0009);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);box-shadow:inset 0 1px #ffffff26,0 -1px #ffffff1a;border-radius:0 0 20px 20px;border-top:1px solid rgba(255,255,255,.1)}.template-category-label span{color:#fff;font-size:14px;font-weight:600;text-align:left;line-height:20px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 8px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.8)}.add-new-card .template-category-content{background:linear-gradient(145deg,#a1a1aa26,#a1a1aa14,#a1a1aa0d);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;height:100%}.add-new-card .iconify{font-size:32px!important;color:#71717ae6;margin-bottom:8px;transition:all .35s cubic-bezier(.4,.8,.2,1);filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.add-new-card:hover .iconify{transform:scale(1.1);color:#8b8b96;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}@media (max-width: 900px){.templates-grid{gap:10px;padding:0 8px}.template-category-card,.add-new-card{min-height:125px;border-radius:20px}.template-category-content{border-radius:18px}.template-category-label{min-height:30px;padding:6px 12px;border-radius:0 0 18px 18px}.template-category-label span{font-size:13px;line-height:18px}}@media (max-width: 640px){.templates-grid{grid-template-columns:repeat(2,1fr);gap:9px;padding:0 8px;justify-items:stretch}.template-category-card,.add-new-card{min-height:110px;border-radius:18px}.template-category-content{border-radius:16px}.template-category-label{min-height:28px;padding:6px 10px;border-radius:0 0 16px 16px}.template-category-label span{font-size:12px;line-height:16px}}@media (max-width: 480px){.templates-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 6px;justify-content:center}.template-category-card,.add-new-card{min-height:95px;border-radius:16px}.template-category-content{border-radius:14px}.template-category-card.active{border:2px solid rgba(99,102,241,.6);box-shadow:0 8px 24px #6366f133,0 2px 8px #6366f11a,inset 0 1px #ffffff26}.template-category-label{min-height:26px;padding:5px 8px;border-radius:0 0 14px 14px}.template-category-label span{font-size:11px;line-height:15px}.add-new-card .iconify{font-size:28px!important;margin-bottom:6px}}@media (max-width: 360px){.templates-grid{gap:7px;padding:0 4px}.template-category-card,.add-new-card{min-height:90px;border-radius:14px}.template-category-content{border-radius:12px;aspect-ratio:16/9;background-size:cover;background-position:center}.template-category-label{border-radius:0 0 12px 12px}.template-category-label span{font-size:10px;line-height:14px}.add-new-card .iconify{font-size:24px!important}}@media (prefers-reduced-motion: reduce){.template-category-card,.add-new-card{transition:none}.template-category-card:hover,.add-new-card:hover{transform:none}.template-category-card:after,.add-new-card:after{animation:none}.add-new-card:hover .iconify{transform:none}}.template-item-card,.expanded-template-item-card{position:relative;border-radius:16px!important;overflow:hidden;border:1.5px solid rgba(0,111,238,.12)!important;background:linear-gradient(145deg,#006fee14,#006fee0a,#006fee05)!important;backdrop-filter:blur(12px) saturate(150%)!important;-webkit-backdrop-filter:blur(12px) saturate(150%)!important;box-shadow:0 8px 32px #006fee14,0 4px 16px #0000001f,inset 0 1px #ffffff0f!important;transition:all .35s cubic-bezier(.165,.84,.44,1)!important}.template-item-card:before,.expanded-template-item-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,111,238,.06) 50%,transparent 100%);z-index:1;opacity:0;transition:none;display:none}.template-item-card:hover,.expanded-template-item-card:hover{transform:translateY(-3px) scale(1.01)!important;border-color:#006fee33!important;background:linear-gradient(145deg,#006fee1f,#006fee14,#006fee0a)!important;box-shadow:0 16px 48px #006fee1f,0 8px 24px #00000026,inset 0 1px #ffffff14!important}.template-item-card:hover:before,.expanded-template-item-card:hover:before{opacity:0;display:none}@keyframes templateShimmer{0%{left:-100%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}.template-item-info,.expanded-template-item-info{background:#006fee0a!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border-top:1px solid rgba(0,111,238,.08)!important}.template-item-description,.expanded-template-item-description{min-height:2rem;margin-top:calc(.35rem * calc(1 - var(--tw-space-y-reverse)))}.template-item-title,.expanded-template-item-title{font-size:1rem;margin-bottom:.48rem;font-weight:500}.template-modal-content,.show-more-modal-content{background:#121622d9!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:16px!important;backdrop-filter:blur(20px) saturate(160%)!important;-webkit-backdrop-filter:blur(20px) saturate(160%)!important;z-index:10001!important;position:relative!important;box-shadow:0 32px 80px #00000059,0 16px 40px #00000040,0 8px 16px #00000026,inset 0 1px #ffffff1a!important;transition:all .35s cubic-bezier(.165,.84,.44,1)!important;transform-origin:center}@keyframes notificationSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notificationSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.95)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}60%{opacity:1}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}40%{opacity:1}to{opacity:0;transform:translate(100%)}}@media (min-width: 768px){.dropdown-backdrop-desktop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}}.plan-card{position:relative;overflow:visible}.plan-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.plan-card>span:first-of-type{z-index:10}.plan-button,.menu-item,.close-btn{transition:all .2s ease-in-out}.plan-button:focus,.menu-item:focus,.close-btn:focus{outline:2px solid #8B5CF6;outline-offset:2px}@media (max-width: 640px){.user-dropdown-menu{position:fixed!important;width:calc(100vw - 2rem)!important;max-width:360px!important;right:1rem!important;left:auto!important;top:70px!important;border-radius:12px!important;margin-top:0!important;box-shadow:0 10px 25px #0000004d!important}.plans-container,.plan-card{padding:1rem!important}.features-list{font-size:.8125rem}}@media (max-width: 480px){.user-dropdown-menu{width:calc(100vw - 1rem)!important;max-width:320px!important;right:.5rem!important}}@media (max-width: 640px) and (orientation: landscape){.user-dropdown-menu{max-width:400px!important;max-height:70vh!important}}.user-dropdown-menu::-webkit-scrollbar{width:8px}.user-dropdown-menu::-webkit-scrollbar-track{background:#1f2937}.user-dropdown-menu::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.user-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#6b7280}.user-dropdown-menu{scrollbar-width:thin;scrollbar-color:#4B5563 #1F2937}.notification-icon-size,.notification-bell-icon{font-size:20px!important}@media (max-width: 640px){.notification-icon-size{font-size:16px!important}.notification-bell-icon{font-size:17px!important}}.tooltip-icon-container-simple{position:relative!important;display:inline-block!important;z-index:1!important}.tooltip-simple-popup{position:absolute!important;z-index:10000!important;pointer-events:none!important;transform-origin:center bottom!important;will-change:opacity,visibility!important}.tooltip-icon-container-simple:hover{z-index:10001!important}.face-upload-section,.person-settings-container,.control-panel-main-container{overflow:visible!important}.tooltip-simple-popup{position:absolute!important;bottom:100%!important;left:50%!important;transform:translate(-50%) translateY(-8px)!important;margin:0!important}.tooltip-simple-popup[style*="opacity: 1"]{background-color:#ef4444!important;color:#fff!important;border:3px solid #fbbf24!important;font-size:14px!important;font-weight:700!important;padding:12px!important;box-shadow:0 10px 30px #000c!important;border-radius:8px!important}.tooltip-icon-container{position:relative;display:inline-block}.tooltip-icon-container,.face-upload-section,.person-settings-container,.control-panel-main-container{overflow:visible!important}.tooltip-fixed-content[style*="visibility: visible"]{display:block!important;opacity:1!important;visibility:visible!important}.tooltip-fixed-content p{margin:0!important;padding:0!important;word-wrap:break-word!important;white-space:normal!important;line-height:1.4!important;color:#f9fafb!important;font-weight:400!important}.image-requirements-modal{z-index:9999!important}.tooltip-fixed-content.debug{background:#ef4444!important;border:3px solid #fbbf24!important;font-size:16px!important;padding:1rem!important}.mood-expression-picker-section,.mood-expression-picker-grid,.person-settings-container,.control-panel-main-container,.left-sidebar,.collapsible-section,.collapsible-content{overflow:visible!important}.mood-expression-picker-grid button:focus{position:relative;z-index:10}.left-sidebar{overflow-x:visible!important;overflow-y:auto!important}.collapsible-content,.mood-expression-picker-section *,.person-settings-container *,.control-panel-main-container *{overflow:visible!important}.tooltip-fixed-content{z-index:10000!important;background-color:#1f2937!important;color:#f9fafb!important;border:none!important;font-size:12px!important;font-weight:400!important;line-height:1.4!important;border-radius:.5rem!important;padding:.75rem!important;box-shadow:0 4px 12px #00000026!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none!important;text-shadow:none!important;min-width:180px!important;min-height:auto!important}.premade-templates-section,.premade-templates-section *,.templates-tab-content,.templates-tab-content *,.flex-grow.overflow-y-auto,.left-sidebar *,.app-container *,.main-tab-navigation-container,.main-tab-group{overflow-x:visible!important}body:has(.template-modal-container[style*=opacity-100]) .main-tab-navigation-container,body:has(.show-more-modal-container[style*=opacity-100]) .main-tab-navigation-container{display:none!important}.top-nav-container{position:relative}.top-nav-logo{display:flex;align-items:center;justify-content:center;padding:.5rem 0}.top-nav-logo-img{display:block;max-width:100%;height:auto;object-fit:contain;vertical-align:middle;transition:all .2s ease}.top-nav-logo-img:hover{filter:brightness(1.1)!important}.top-nav-center{z-index:10;pointer-events:none}.top-nav-center .top-nav-logo-img{pointer-events:auto}@media (max-width: 480px){.top-nav-center .top-nav-logo-img{height:36px!important}}@media (min-width: 481px) and (max-width: 768px){.top-nav-center .top-nav-logo-img{height:42px!important}}@media (min-width: 769px) and (max-width: 1024px){.top-nav-center .top-nav-logo-img{height:48px!important}}@media (min-width: 1025px){.top-nav-center .top-nav-logo-img{height:56px!important}}@media (min-width: 1440px){.top-nav-center .top-nav-logo-img{height:60px!important}}#action-buttons-row{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10!important;min-height:50px!important;align-items:center!important;gap:1rem!important}#action-buttons-row button{display:flex!important;visibility:visible!important;opacity:1!important;min-height:44px!important;border-radius:200px}button.generating,#action-buttons-row button:not(.download-btn),.generate-button-container button{position:relative!important;overflow:hidden!important}button.generating:before,#action-buttons-row button:not(.download-btn):before,.generate-button-container button:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(120deg,#fff0,#ffffff1a,#fff3,#ffffff1a,#fff0);transform:skew(-20deg);transition:none;pointer-events:none;opacity:0;z-index:1;border-radius:inherit}#action-buttons-row button:not(.download-btn):not(.generating):hover:before,.generate-button-container button:not(.generating):hover:before{animation:generate-shimmer-move .8s cubic-bezier(.4,0,.2,1) forwards;opacity:1}button.generating:before,#action-buttons-row .generating:before,.generate-button-container .generating:before{animation:generate-shimmer-move 1.4s cubic-bezier(.4,0,.2,1) infinite!important;opacity:1!important}.generating:before{animation:generate-shimmer-move 1.4s cubic-bezier(.4,0,.2,1) infinite!important;opacity:1!important;background:linear-gradient(120deg,#fff0,#ffffff1a,#fff3,#ffffff1a,#fff0)!important}@keyframes generate-shimmer-move{0%{left:-100%;opacity:0}25%{opacity:1}75%{opacity:1}to{left:140%;opacity:0}}#action-buttons-row button:not([disabled]):not(.download-btn)>*,.generate-button-container button>*{position:relative;z-index:2}#action-buttons-row button:not([disabled]):not(.download-btn):not(.generating):hover,.generate-button-container button:not([disabled]):not(.generating):hover{transform:translateY(-1px)!important;box-shadow:0 8px 25px #006fee66!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}#action-buttons-row button[disabled]:before,.generate-button-container button[disabled]:before{display:none!important}button.generating,.generating{animation:generate-button-pulse 2s ease-in-out infinite!important}@keyframes generate-button-pulse{0%,to{box-shadow:0 4px 15px #006fee4d}50%{box-shadow:0 6px 20px #006fee80}}#action-buttons-row button:not([disabled]):not(.download-btn):focus{outline:none!important;box-shadow:0 0 0 3px #006fee4d!important;transform:translateY(-1px)!important}#action-buttons-row button:not([disabled]):not(.download-btn):active{transform:translateY(0) scale(.98)!important;transition:all .1s cubic-bezier(.4,0,.2,1)!important}@media (max-width: 768px){#action-buttons-row button:not([disabled]):not(.download-btn):before{width:60%;left:-80%}@keyframes generate-shimmer-move{0%{left:-80%;opacity:1}to{left:130%;opacity:0}}}.controls-bottom-row{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10!important;background-color:#111827!important;padding:5px 0!important;min-height:60px!important;margin-top:5px!important;justify-content:center!important;max-width:652px!important;margin-left:auto!important;margin-right:auto!important;gap:2rem!important}.main-center-panel{overflow:hidden!important;min-height:calc(100vh - 60px)!important;max-height:calc(100vh - 60px)!important}@media (min-width: 1025px){.left-sidebar .sidebar-close-btn{display:none!important}}.welcome-input-group{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.welcome-input-icon{position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:2.5rem!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:none!important;z-index:10!important;transition:color .3s cubic-bezier(.4,0,.2,1)!important;visibility:visible!important;opacity:1!important;overflow:visible!important;color:#9ca3af!important}.welcome-input-icon:empty:before{content:"✉";font-size:1.125rem;color:inherit}.welcome-input-icon span{color:#9ca3af!important;font-size:1.125rem!important;display:inline-block!important;opacity:1!important;visibility:visible!important}.welcome-input-icon svg{color:#9ca3af!important;width:1.125rem!important;height:1.125rem!important;display:inline-block!important;opacity:1!important;visibility:visible!important;fill:currentColor!important}.welcome-input-group:focus-within .welcome-input-icon{color:#a855f7!important}.welcome-input-group:focus-within .welcome-input-icon span,.welcome-input-group:focus-within .welcome-input-icon svg{color:#a855f7!important;fill:currentColor!important}.welcome-input-field{width:100%;padding:.75rem 1rem .75rem 2.5rem!important;background-color:#1f2937;border:1px solid #374151;border-radius:.75rem;color:#fff;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1rem;line-height:1.5;position:relative;z-index:1}.welcome-input-field::placeholder{color:#6b7280;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:1}.welcome-input-field:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f726}.welcome-input-field:focus::placeholder{opacity:.7;transform:translate(4px)}.welcome-input-field.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.welcome-input-error-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#ef4444;z-index:10;pointer-events:none;animation:errorPulse .6s ease-in-out}@keyframes errorPulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}}.welcome-password-toggle{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;padding-right:.75rem;color:#9ca3af;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;z-index:10}.welcome-password-toggle:hover{color:#fff;transform:scale(1.1)}.welcome-input-error-message{margin-top:.5rem;font-size:.75rem;color:#ef4444;display:flex;align-items:center;gap:.25rem;animation:slideInError .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInError{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:2rem}}.welcome-input-group:hover:not(:focus-within) .welcome-input-field{border-color:#4b5563;background-color:#1f2937}.welcome-input-group:hover:not(:focus-within) .welcome-input-icon .iconify{color:#d1d5db}.welcome-input-group .welcome-input-icon *,.welcome-input-group:focus-within .welcome-input-icon *{opacity:1!important;visibility:visible!important;display:inline-block!important}span.iconify[data-icon]{opacity:1!important;visibility:visible!important;display:inline-block!important;font-size:1.125rem!important}.welcome-input-icon>*,.welcome-input-icon svg,.welcome-input-icon .iconify,.welcome-input-icon span.iconify,.welcome-input-icon span[data-icon],.welcome-input-icon [class*=iconify],.welcome-input-icon .iconify-inline{opacity:1!important;visibility:visible!important;display:inline-block!important;color:#9ca3af!important;fill:#9ca3af!important;width:1.125rem!important;height:1.125rem!important;min-width:1.125rem!important;min-height:1.125rem!important;vertical-align:middle!important}.welcome-input-group:focus-within .welcome-input-icon>*,.welcome-input-group:focus-within .welcome-input-icon svg,.welcome-input-group:focus-within .welcome-input-icon .iconify,.welcome-input-group:focus-within .welcome-input-icon span.iconify,.welcome-input-group:focus-within .welcome-input-icon span[data-icon],.welcome-input-group:focus-within .welcome-input-icon [class*=iconify],.welcome-input-group:focus-within .welcome-input-icon .iconify-inline{color:#a855f7!important;fill:#a855f7!important}@media (max-width: 768px){.welcome-input-field{font-size:1rem;padding:.875rem 1rem .875rem 2.5rem}.welcome-input-icon{padding-left:.875rem}.welcome-password-toggle{padding-right:.875rem}}.notification-dropdown{transition:opacity .2s ease-out,transform .2s ease-out;transform-origin:top right}.notification-dropdown.slide-in{animation:notificationSlideIn .2s ease-out forwards}.notification-dropdown.slide-out{animation:notificationSlideOut .2s ease-out forwards}.notification-dropdown{z-index:1000!important}.notification-item{transition:background-color .2s ease-in-out}@media (max-width: 640px){.notification-dropdown{position:fixed!important;width:calc(100vw - 2rem)!important;max-width:360px!important;right:1rem!important;left:auto!important;top:70px!important;border-radius:12px!important;margin-top:0!important;box-shadow:0 10px 25px #0000004d!important}.notification-header h2{font-size:1rem!important}.notification-item h3{font-size:.875rem!important;line-height:1.25rem!important}.notification-item p{font-size:.75rem!important;line-height:1.125rem!important}.notification-item button{font-size:.625rem!important}.notification-header span{font-size:.75rem!important}.notification-header button{font-size:.7rem!important}}@media (max-width: 480px){.notification-dropdown{width:calc(100vw - 1rem)!important;max-width:320px!important;right:.5rem!important}}@media (max-width: 640px) and (orientation: landscape){.notification-dropdown{max-width:400px!important;max-height:70vh!important}}.notification-backdrop{pointer-events:auto}.notification-dropdown::-webkit-scrollbar{width:8px}.notification-dropdown::-webkit-scrollbar-track{background:#1f2937}.notification-dropdown::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.notification-dropdown::-webkit-scrollbar-thumb:hover{background:#6b7280}.notification-dropdown{scrollbar-width:thin;scrollbar-color:#4B5563 #1F2937}.welcome-login-form{gap:1rem}@media (max-width: 768px){.welcome-login-form{gap:.875rem}.email-field-container,.password-field-container{margin-bottom:.875rem!important}.remember-forgot-section{margin-bottom:1rem!important}.signup-link-section{margin-top:1rem!important}.welcome-header-section{margin-bottom:1.5rem!important}.form-content-container{padding:1.5rem!important}}@media (max-width: 480px){.welcome-login-form{gap:.75rem}.email-field-container,.password-field-container{margin-bottom:.75rem!important}.remember-forgot-section{margin-bottom:.875rem!important}.form-content-container{padding:1rem!important}}.email-field-label,.password-field-label{margin-bottom:.5rem}.welcome-email-field,.welcome-password-field{padding:.875rem 2.5rem}.email-error-message,.password-error-message{margin-top:.5rem}.remember-me-container{gap:.5rem}.welcome-signin-btn{padding:1rem 1.5rem;margin-top:.5rem}.mobile-logo-section{margin-bottom:2.5rem}@media (min-width: 768px){.mobile-logo-section{margin-bottom:3rem}}.group:hover .group-hover\:opacity-100{opacity:1!important}.border-radius-50{border-radius:50px!important}.group-hover-rounded{border-radius:50px!important;transition:all .3s ease!important}.group:hover .group-hover-rounded{opacity:1!important;transform:scale(1.05)!important}.group-hover-element{border-radius:50px!important;opacity:.7;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.group:hover .group-hover-element{opacity:1!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #0003!important}.group-hover-button{border-radius:50px!important;opacity:.8;transition:all .25s ease!important}.group:hover .group-hover-button{opacity:1!important;transform:scale(1.02)!important}.group-hover-overlay{border-radius:50px!important;opacity:0;transition:opacity .3s ease!important}.group:hover .group-hover-overlay{opacity:1!important}@media (max-width: 768px){.group-hover-element,.group-hover-button{border-radius:25px!important}.group:hover .group-hover-element{transform:translateY(-1px)!important}}@media (max-width: 480px){.group-hover-element,.group-hover-button{border-radius:20px!important}}.pro-upgrade-cta-btn,#pro-upgrade-cta-btn{background:#006fee!important;position:relative!important;overflow:hidden!important;font-weight:500!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.pro-upgrade-cta-btn:before,#pro-upgrade-cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.18) 30%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.18) 70%,transparent 100%);transform:skew(-20deg);pointer-events:none;z-index:1;border-radius:inherit;animation:pro-upgrade-continuous-shimmer 3s ease-in-out infinite}.pro-upgrade-cta-btn:hover,#pro-upgrade-cta-btn:hover{background:#006feecb!important;transform:translateY(-1px)!important;box-shadow:0 8px 25px #006fee4d!important}.pro-upgrade-cta-btn:hover:before,#pro-upgrade-cta-btn:hover:before{animation:pro-upgrade-hover-shimmer .6s ease-out,pro-upgrade-continuous-shimmer 3s ease-in-out infinite}.pro-upgrade-cta-btn:active,#pro-upgrade-cta-btn:active{transform:translateY(0) scale(.98)!important;transition:all .1s cubic-bezier(.4,0,.2,1)!important}.pro-upgrade-cta-text,#pro-upgrade-cta-text{font-weight:500!important;position:relative!important;z-index:2!important}@keyframes pro-upgrade-continuous-shimmer{0%{left:-100%;opacity:0}20%{opacity:.8}50%{left:100%;opacity:.6}to{left:150%;opacity:0}}@keyframes pro-upgrade-hover-shimmer{0%{left:-100%;opacity:0}50%{opacity:1}to{left:150%;opacity:0}}.pro-upgrade-cta-btn>*,#pro-upgrade-cta-btn>*{position:relative;z-index:2}.pro-upgrade-cta-btn:focus,#pro-upgrade-cta-btn:focus{outline:none!important;box-shadow:0 0 0 2px #6532ff80!important}.pro-upgrade-cta-btn:disabled,#pro-upgrade-cta-btn:disabled{background:#374151!important;color:#9ca3af!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.pro-upgrade-cta-btn:disabled:before,#pro-upgrade-cta-btn:disabled:before{display:none!important}@media (max-width: 768px){.pro-upgrade-cta-btn,#pro-upgrade-cta-btn{padding:.5rem 1rem!important;font-size:.875rem!important}}@media (max-width: 480px){.pro-upgrade-cta-btn,#pro-upgrade-cta-btn{padding:.375rem .75rem!important;font-size:.8125rem!important}}@media (max-width: 768px) and (orientation: portrait){html,body{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 44px)!important}.form-content-container,.flex.flex-col.justify-center.items-center{justify-content:flex-start!important;padding-top:1rem!important;padding-bottom:2rem!important}.mobile-logo-section img,.lg\\:hidden.text-center img{width:75%!important}.mobile-logo-section,.lg\\:hidden.text-center.mb-8{margin-bottom:1rem!important}.welcome-header-section,.text-center.mb-6,.text-center.mb-8{margin-bottom:1.25rem!important}.google-auth-section{margin-bottom:1rem!important}.auth-divider{margin-top:.75rem!important;margin-bottom:1rem!important}.email-field-container,.password-field-container,.space-y-6>div{margin-bottom:1rem!important}.welcome-footer-links,.mt-6.text-center.space-y-3,.space-y-4{margin-top:1rem!important}form.space-y-6{gap:1rem!important}.bg-red-500\/10,.bg-blue-900\/20{margin-bottom:1rem!important}.preview-container{justify-content:center}}.google-auth-section{margin-bottom:1rem!important}.google-signin-btn{background:linear-gradient(135deg,#2a2a2a,#3d3d3d,#252525)!important;border:1px solid rgba(80,80,80,.3)!important;color:#fff!important;position:relative!important;overflow:hidden!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;font-weight:500!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;box-shadow:0 2px 8px #0003!important}.google-signin-btn:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.15) 30%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.15) 70%,transparent 100%);transform:skew(-20deg);pointer-events:none;z-index:1;border-radius:inherit;opacity:0;transition:opacity .3s ease}.google-signin-btn:hover{background:linear-gradient(135deg,#404040,#555,#383838)!important;border-color:#64646466!important;transform:translateY(-2px) scale(1.02)!important;box-shadow:0 4px 20px #0000004d,0 0 0 1px #64646433,inset 0 1px #ffffff1a!important}.google-signin-btn:hover:before{opacity:1;animation:google-shimmer .8s ease-out}.google-signin-btn:active{transform:translateY(0) scale(.98)!important;box-shadow:0 2px 8px #0006,inset 0 2px 4px #0003!important;transition:all .1s cubic-bezier(.4,0,.2,1)!important}.google-signin-btn:focus{outline:none!important;box-shadow:0 4px 20px #00000080,0 0 0 3px #50505099!important}.google-signin-btn>*{position:relative;z-index:2}.google-signin-btn svg{filter:brightness(1.1)!important;transition:filter .2s ease!important}.google-signin-btn:hover svg{filter:brightness(1.2) drop-shadow(0 0 4px rgba(255,255,255,.3))!important}.google-signin-btn:disabled{background:#374151!important;border-color:#4b5563!important;color:#9ca3af!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important;opacity:.6!important}.google-signin-btn:disabled:before{display:none!important}.google-signin-btn:disabled svg{filter:grayscale(1) opacity(.5)!important}.google-signin-btn.loading{background:linear-gradient(135deg,#2a2a2a,#3d3d3d,#1f1f1f)!important;cursor:wait!important;animation:google-loading-pulse 2s ease-in-out infinite!important}@keyframes google-loading-pulse{0%,to{box-shadow:0 2px 8px #0000004d}50%{box-shadow:0 4px 16px #0009}}@media (max-width: 768px){.google-signin-btn{padding:.875rem 1rem!important;font-size:.9375rem!important}.google-signin-btn:hover{transform:translateY(-1px) scale(1.01)!important}}@media (max-width: 480px){.google-signin-btn{padding:.75rem .875rem!important;font-size:.875rem!important}.google-signin-btn svg{width:1.125rem!important;height:1.125rem!important}}.add-new-card.add-new-disabled{cursor:not-allowed!important;opacity:.6!important;pointer-events:none!important}.add-new-card.add-new-disabled:hover{transform:none!important;background:linear-gradient(145deg,#a1a1aa0f,#a1a1aa0a,#a1a1aa05)!important;border-color:#a1a1aa26!important;box-shadow:0 8px 32px #a1a1aa14,0 4px 16px #0000001f,inset 0 1px #ffffff0f!important}.add-new-card.add-new-disabled:before{display:none!important}.add-new-card.add-new-disabled:after{display:none!important}.add-new-card.add-new-disabled .iconify{color:#71717a80!important;transform:none!important}.template-modal-container,.show-more-modal-container{transition:opacity .32s cubic-bezier(.22,.61,.36,1);animation-duration:.32s;animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-fill-mode:both}.template-modal-container.opacity-100,.show-more-modal-container.opacity-100{animation-name:modalFadeIn}.template-modal-container.opacity-0,.show-more-modal-container.opacity-0{animation-name:modalFadeOut}.template-modal-backdrop,.show-more-modal-backdrop{background:#0a0c14b3!important;backdrop-filter:blur(16px) brightness(.7)!important;-webkit-backdrop-filter:blur(16px) brightness(.7)!important;z-index:10000!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;transition:all .32s cubic-bezier(.22,.61,.36,1)!important}.template-modal-content.scale-100,.show-more-modal-content.scale-100{transform:scale(1) translateY(0);opacity:1;box-shadow:0 25px 50px -12px #00000040,0 8px 16px -8px #00000026}.template-modal-content.scale-95,.show-more-modal-content.scale-95{transform:scale(.96) translateY(16px);opacity:0;box-shadow:0 8px 16px -8px #0000001a}.template-modal-container.closing,.show-more-modal-container.closing{animation-name:modalFadeOut;animation-duration:.32s}.template-modal-content.closing,.show-more-modal-content.closing{animation-name:modalExitScale;animation-duration:.32s}@keyframes modalFadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes modalFadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes modalEnterScale{0%{transform:scale(.96) translateY(16px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes modalExitScale{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.96) translateY(16px);opacity:0}}@media (prefers-reduced-motion: reduce){.template-modal-container,.show-more-modal-container,.template-modal-backdrop,.show-more-modal-backdrop,.template-modal-content,.show-more-modal-content{transition:none!important;animation:none!important}.template-modal-content.scale-95,.show-more-modal-content.scale-95{transform:none!important;opacity:0!important}.template-modal-content.scale-100,.show-more-modal-content.scale-100{transform:none!important;opacity:1!important}}#premade-templates-info,[data-tooltip-id=premade-templates-info]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}@media (min-width: 500px) and (max-width: 639px){.template-items-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.template-item-description{display:none!important}}.template-modal-container,.show-more-modal-container{align-items:center!important;justify-content:center!important;padding:1rem!important;z-index:10002!important}.confirmation-modal-overlay{align-items:center!important;justify-content:center!important;padding:1rem!important}.fixed.inset-0.z-50.flex.items-center.justify-center.p-4{align-items:center!important;justify-content:center!important}@media (max-width: 768px) and (orientation: portrait){.template-modal-container,.show-more-modal-container,.confirmation-modal-overlay{align-items:center!important;justify-content:center!important;padding:.75rem!important}.template-modal-content,.show-more-modal-content,.confirmation-modal-container{margin:.75rem!important;max-height:calc(100vh - 1.5rem)!important}.fixed.inset-0.z-50.flex.items-center.justify-center.p-4{padding:.75rem!important;align-items:center!important;justify-content:center!important}}@media (max-width: 768px) and (orientation: landscape){.template-modal-container,.show-more-modal-container,.confirmation-modal-overlay{align-items:center!important;justify-content:center!important;padding:.5rem!important}.template-modal-content,.show-more-modal-content,.confirmation-modal-container{margin:.5rem!important;max-height:calc(100vh - 1rem)!important}}@media (min-width: 769px) and (max-width: 1024px){.template-modal-container,.show-more-modal-container,.confirmation-modal-overlay{align-items:center!important;justify-content:center!important;padding:1rem!important}}.template-modal-backdrop,.show-more-modal-backdrop{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:-1!important}.template-modal-content,.show-more-modal-content{position:relative!important;z-index:1!important}.expanded-category-thumbnail{aspect-ratio:16/9;overflow:hidden}.expanded-category-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center;aspect-ratio:16/9}@media (max-width: 768px){.expanded-category-thumbnail{aspect-ratio:16/9;min-height:200px}.expanded-category-thumbnail img{object-fit:cover;object-position:center}}@media (max-width: 480px){.expanded-category-thumbnail{aspect-ratio:16/9;min-height:180px}}.card-image-responsive{width:100%;height:100%;object-fit:cover;object-position:center;aspect-ratio:16/9;border-radius:inherit}.card-image-responsive.portrait{aspect-ratio:2/3}.card-image-responsive.square{aspect-ratio:1/1}.history-item img,.template-card img,.category-card img{object-fit:cover;object-position:center;width:100%;height:100%}@media (max-width: 768px){.card-image-responsive{aspect-ratio:16/9;object-fit:cover}.card-image-responsive.portrait{aspect-ratio:2/3}}@media (max-width: 480px){.card-image-responsive{aspect-ratio:16/9;object-fit:cover;object-position:center}}:root{--glass-bg-primary: rgba(255, 255, 255, .04);--glass-bg-secondary: rgba(255, 255, 255, .02);--glass-border-primary: rgba(255, 255, 255, .08);--glass-border-secondary: rgba(255, 255, 255, .06);--glass-text-primary: #e2e8f0;--glass-text-secondary: #94a3b8;--glass-accent: #8b5cf6;--glass-accent-hover: #7c3aed;--glass-shadow-primary: 0 25px 50px -12px rgba(0, 0, 0, .4);--glass-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .08);--glass-transition: all .3s cubic-bezier(.165, .84, .44, 1)}.design-controls-glass-container{background:var(--glass-bg-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border-primary);border-radius:24px;position:relative;overflow:hidden;transition:var(--glass-transition);animation:glass-sidebar-entrance .8s cubic-bezier(.165,.84,.44,1) forwards;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes glass-sidebar-entrance{0%{opacity:0;transform:translate(20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.design-controls-glass-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:glass-shimmer 4s ease-in-out infinite;pointer-events:none}@keyframes glass-shimmer{0%,to{opacity:0}50%{opacity:1}}.glass-section-card{background:var(--glass-bg-secondary);border:1px solid var(--glass-border-secondary);border-radius:12px;padding:.5rem;margin:.375rem 0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:var(--glass-transition);position:relative;overflow:hidden}.glass-section-card:hover{background:#ffffff08;border-color:#ffffff1a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.glass-section-title{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:600;color:var(--glass-text-primary);letter-spacing:-.025em}.glass-label{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;color:var(--glass-text-primary);margin-bottom:.5rem;display:block;transition:var(--glass-transition)}.glass-description{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:400;color:var(--glass-text-secondary);line-height:1.5}.glass-toggle-switch{background:#8b5cf633;box-shadow:inset 0 0 0 1px #8b5cf64d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;transition:var(--glass-transition);position:relative;overflow:hidden}.glass-toggle-switch.active,.glass-toggle-switch:checked{background:linear-gradient(135deg,var(--glass-accent) 0%,var(--glass-accent-hover) 100%);border-color:#8b5cf680;box-shadow:0 4px 12px #8b5cf666}.glass-toggle-switch:hover{box-shadow:0 6px 16px #8b5cf64d}.glass-input{width:100%;padding:.625rem;max-height:5rem;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;color:#fff;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:var(--glass-transition);outline:none}.glass-select{width:100%;padding:.75rem 2.5rem .75rem .75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Geist,sans-serif;font-size:1rem;font-weight:400;color:#fff;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .2s ease-in-out,background-color .2s ease-in-out;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative}.glass-select-wrapper{position:relative;display:inline-block;width:100%}.glass-select-chevron{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#b0b3b8;pointer-events:none;transition:color .2s ease-in-out}.glass-select:focus{border-color:#8b5cf666;background:#ffffff14}.glass-select:hover:not(:focus){border-color:#ffffff2e;background:#ffffff12}.glass-select:hover:not(:focus)+.glass-select-chevron{color:#d1d5db}.glass-select:disabled{opacity:.5;cursor:not-allowed;background:#ffffff05;border-color:#ffffff0f}@media (prefers-contrast: high){.glass-select{border-color:#ffffff4d;background:#ffffff1a}.glass-select:focus{border-color:#8b5cf6cc}}.glass-input::placeholder{color:var(--glass-text-secondary);transition:var(--glass-transition)}.glass-input:focus{background:#ffffff14;border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a,0 4px 12px #8b5cf626;transform:translateY(-1px)}.glass-input:focus::placeholder{color:#94a3b8}.glass-color-picker{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:.375rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:var(--glass-transition);position:relative}.glass-color-picker:hover{background:#ffffff0a;border-color:#ffffff14}.glass-button-group{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.125rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;position:relative;overflow:hidden}.glass-button-group button{flex:1;padding:.25rem .5rem;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;color:var(--glass-text-secondary);background:transparent;border:none;border-radius:6px;transition:var(--glass-transition);cursor:pointer;position:relative;z-index:2}.glass-button-group button.active,.glass-button-group button[aria-pressed=true]{color:#fff;background:linear-gradient(135deg,var(--glass-accent) 0%,var(--glass-accent-hover) 100%);box-shadow:0 2px 8px #8b5cf64d}.glass-button-group button:hover:not(.active){color:var(--glass-text-primary);background:#ffffff0d}.glass-collapsible-section{background:var(--glass-bg-secondary);border:1px solid var(--glass-border-secondary);border-radius:12px;margin:.45rem 0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:var(--glass-transition);overflow:hidden}.glass-collapsible-header{padding:.5rem!important;cursor:pointer;display:flex;align-items:center;justify-content:between;transition:var(--glass-transition)}.glass-collapsible-header:hover{background:#ffffff0a;border-bottom-color:#ffffff14}.glass-collapsible-content{padding:.5rem;transition:all .3s ease-in-out}.glass-collapsible-content.collapsed{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.glass-collapsible-content.expanded{max-height:1000px}.glass-collapsible-content.expanded.face-upload-active{max-height:none!important;height:auto!important}@media (max-width: 768px){.design-controls-glass-container{border-radius:16px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.glass-section-card{padding:.375rem;margin:.25rem 0}.glass-collapsible-header,.glass-collapsible-content{padding:.375rem}}@supports not (backdrop-filter: blur(20px)){.design-controls-glass-container{background:#0f172af2}.glass-section-card{background:#1e293bcc}.glass-input{background:#334155cc}}@media (prefers-contrast: high){.design-controls-glass-container{border:2px solid #ffffff;background:#000000e6}.glass-section-card{border:1px solid #ffffff;background:#1e1e1ee6}}@media (prefers-reduced-motion: reduce){.design-controls-glass-container,.glass-section-card,.glass-toggle-switch,.glass-input,.glass-button-group button{animation:none;transition:none}}.some-control-class{border:1px solid red}.color-tooltip{pointer-events:none;animation:tooltipFadeIn .2s ease-out;min-width:max-content}.text-color-typography-control-section{clear:both;position:relative;z-index:1;padding:0 8px;margin:0 -8px}.color-palette-circles{position:relative;z-index:2;padding:4px 6px;margin-left:-6px;margin-right:-6px;display:flex;align-items:center;justify-content:space-between;gap:.25rem;flex-wrap:nowrap}.color-circle{width:22px!important;height:22px!important;border-radius:50%!important;cursor:pointer!important;transition:transform .15s ease,box-shadow .15s ease!important;will-change:transform,box-shadow!important;position:relative!important;flex-shrink:0!important;border:none!important;outline:none!important}.color-circle:hover{transform:scale(1.2)!important;box-shadow:0 3px 12px #0006!important}.color-circle:active{transform:scale(.9)!important;transition:transform .1s ease!important}.color-circle:focus{outline:none!important;box-shadow:0 0 0 2px #fffc!important}.color-circle.active,.color-circle.selected{transform:scale(1.15)!important;box-shadow:0 0 0 2px #ffffffe6,0 4px 16px #00000080!important}.color-circle[style*="#000000"],.color-circle[style*="#000"]{border:1px solid rgba(255,255,255,.3)!important}.color-circle{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.color-circle,.color-circle *{box-sizing:border-box!important}@media (max-width: 640px){.color-palette-circles{gap:.1rem;padding:4px}.color-circle{width:26px!important;height:26px!important}.color-circle:hover{transform:scale(1.3)!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.color-circle{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}}.selected-color-display{position:relative;z-index:1;margin-bottom:.75rem}.secondary-color-note{position:relative;z-index:1;margin-bottom:1.5rem;clear:both}.text-style-live-preview-container{position:relative;z-index:1;margin-top:1rem;clear:both}.color-tooltip:after{content:"";position:absolute;top:100%;border:4px solid transparent;border-top-color:#111827;z-index:1}.color-tooltip.absolute.left-1\/2:after{left:50%;transform:translate(-50%)}.color-tooltip.absolute.left-0:after{left:1rem}.color-tooltip.absolute.right-0:after{right:1rem}.color-circle-container{position:relative;z-index:1;flex-shrink:0}.color-circle{position:relative;z-index:2;min-width:14px;min-height:14px}.color-palette-circles .color-circle-container:first-child{margin-left:2px}.color-palette-circles .color-circle-container:last-child{margin-right:2px}.color-tooltip{z-index:100!important}.bgModal-backdrop{z-index:50!important}.bgModal-container{z-index:60!important}.loading-indicator-container,.preview-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.loading-percentage{font-size:3.5rem;font-weight:900;color:#e5e7eb;text-shadow:0 0 12px rgba(229,231,235,.3);letter-spacing:-.02em;line-height:1;margin-bottom:.5rem}.loading-text-container{position:relative;color:#b5b5b5b3}@keyframes cursorThinking{0%{background-position:-100% 0}to{background-position:100% 0}}.cursor-thinking-text{font-weight:500;font-size:1rem;color:transparent;background:linear-gradient(90deg,#b5b5b5d9 20%,#fff,#b5b5b5d9 80%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:cursorThinking 2.42s linear infinite}@media (min-width: 768px){.loading-percentage{font-size:4.375rem}}@media (min-width: 1024px){.loading-percentage{font-size:4.5rem}}@media (min-width: 1440px){.loading-percentage{font-size:4.75rem}}@media (max-width: 640px){.loading-percentage{font-size:2.5rem}.cursor-thinking-text{font-size:1rem}.loading-indicator-container{padding:1.5rem;gap:.75rem}}@media (max-width: 768px){.loading-indicator-container{padding:1.5rem;gap:.75rem}}.preview-container.preview-loading{overflow:hidden}@keyframes preview-container-fade-pulse{}.preview-progress-bar{position:relative;overflow:hidden;background-color:#bd93f9;border:2px solid rgba(217,185,255,1);box-shadow:0 0 20px #bd93f999;height:8px;border-radius:4px}.preview-progress-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,#bd93f900,#ffffffe6 40%,#fff,#ffffffe6 60%,#bd93f900);background-size:200% 100%;animation:progress-bar-flow 2.42s linear infinite;opacity:1}@keyframes progress-bar-flow{0%{background-position:-100% 0}to{background-position:100% 0}}.preview-progress-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent;border:1px solid rgba(217,185,255,.5);box-shadow:0 -2px 10px #bd93f94d}.preview-glow-container{display:none!important}@media (max-width: 640px){.preview-progress-overlay{height:10px}.preview-progress-bar{background-color:#c4a7e7}}.preview-loading-backdrop{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:10!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#1e3a8acc,#7c3aed99,#06b6d466)!important;border-radius:12px!important;box-shadow:inset 0 0 20px #3b82f61a!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;transition:all .3s ease-in-out!important;overflow:hidden!important}.preview-loading-backdrop:before{content:"";position:absolute;top:0;left:-100%;width:20%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite;transform:skew(-45deg);z-index:1}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes progressShimmer{0%{left:-100%}to{left:100%}}.preview-loading-backdrop>*{position:relative;z-index:2}@media (max-width: 768px){.preview-loading-backdrop:before{width:15%}}@media (prefers-reduced-motion: reduce){.preview-loading-backdrop:before{animation:none}.preview-loading-backdrop{transition:none!important}}@keyframes enhanced-backdrop-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.preview-loading-container{padding:2rem!important;gap:1rem!important}}.notifications-dropdown{box-shadow:0 10px 25px #0000004d}.notification-item:hover .notification-title{color:#e5e7eb}.notification-badge{animation:badgePulse 2s infinite}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.notification-item{transition:all .2s ease}.notification-item:not(.read){border-left:3px solid #3B82F6}.notification-icon{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border:1px solid rgba(59,130,246,.1)}.notification-icon .iconify{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.notification-timestamp{align-items:center;transition:color .2s ease}.notification-timestamp .iconify{flex-shrink:0;opacity:.7;transition:opacity .2s ease}.notification-item:hover .notification-timestamp .iconify{opacity:1}.empty-icon{background:linear-gradient(135deg,#6b72801a,#4b55630d)}.notifications-empty-state{min-height:240px}.illustration-container{transition:all .3s ease;box-shadow:0 4px 12px #1d242f4d}.illustration-container:hover{transform:scale(1.05);box-shadow:0 6px 16px #1d242f66}.empty-state-illustration img{transition:all .3s ease}.empty-state-illustration:hover img{filter:opacity(1)!important}.notifications-header button{font-weight:500;transition:all .2s ease}.notifications-header button:hover{transform:translateY(-1px)}.notifications-empty-state h3{animation:fadeInUp .6s ease-out}.notifications-empty-state p{animation:fadeInUp .8s ease-out}.empty-state-illustration{animation:fadeInScale .5s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width: 640px){.notifications-dropdown{width:320px;right:-20px}.notification-item{padding:12px 16px}.notification-title{font-size:13px}.notification-description{font-size:12px}.notifications-empty-state{min-height:200px;padding:2rem 1.5rem}.illustration-container{width:10rem!important;height:10rem!important}.empty-state-illustration img{width:7rem;height:7rem}.notifications-empty-state h3{font-size:1.25rem}}.image-requirements-modal{animation:modalFadeIn .3s ease-out}.image-requirements-modal-content{animation:modalSlideIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.face-upload-section{position:relative;z-index:1}.face-upload-disabled-message{position:relative;overflow:hidden}.face-upload-disabled-message:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(59,130,246,.1),transparent);animation:disabledShimmer 3s linear infinite;pointer-events:none}@keyframes disabledShimmer{0%{transform:translate(-100%) skew(-10deg)}to{transform:translate(200%) skew(-10deg)}}.face-upload-section .upload-dropzone{position:relative;overflow:hidden}.face-upload-section .upload-dropzone:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(45deg,transparent,rgba(59,130,246,.3),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.face-upload-section .upload-dropzone:hover:before{opacity:1;animation:shimmer 2s linear infinite}.face-upload-section .mb-4{display:block!important;visibility:visible!important;opacity:1!important;margin-bottom:1rem!important;position:relative!important;z-index:5!important}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.view-requirements-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;border:2px solid rgba(59,130,246,.4)!important;box-shadow:0 4px 15px #3b82f64d!important;font-weight:600!important;letter-spacing:.025em!important;z-index:10}.view-requirements-btn:hover{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;border-color:#3b82f699!important;box-shadow:0 6px 20px #3b82f666!important;transform:translateY(-2px) scale(1.02)!important}.view-requirements-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.view-requirements-btn:hover:before{opacity:1;animation:buttonShimmer 1.5s linear infinite}.view-requirements-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:translate(-100%);transition:transform .6s ease;pointer-events:none}.view-requirements-btn:hover:after{transform:translate(100%)}.view-requirements-btn{display:flex!important;visibility:visible!important;opacity:1!important;min-height:48px!important}@keyframes buttonShimmer{0%{transform:translate(-100%) skew(-10deg)}to{transform:translate(200%) skew(-10deg)}}.view-requirements-btn:focus{outline:2px solid #60A5FA!important;outline-offset:2px!important;box-shadow:0 0 0 4px #3b82f633!important}@media (max-width: 640px){.view-requirements-btn{font-size:.875rem!important;padding:.75rem 1rem!important;min-height:44px!important}}.upload-drop-zone{transition:all .3s ease-in-out;position:relative;overflow:hidden;pointer-events:auto!important;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.upload-drop-zone *{pointer-events:none!important}.upload-drop-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 25%,rgba(147,51,234,.1) 25%,rgba(147,51,234,.1) 50%,transparent 50%,transparent 75%,rgba(147,51,234,.1) 75%);background-size:20px 20px;opacity:0;transition:opacity .3s ease;pointer-events:none!important}.upload-drop-zone:hover:before{opacity:1}.upload-drop-zone.dragover{border-color:#a855f7!important;background-color:#9333ea1a!important}.upload-drop-zone.dragover:before{opacity:1;animation:uploadShimmer 1s linear infinite}@keyframes uploadShimmer{0%{background-position:0 0}to{background-position:20px 20px}}.upload-drop-zone .group:hover .w-12{transform:scale(1.1);box-shadow:0 4px 20px #9333ea66}.url-input-wrapper{transition:all .2s ease-in-out;position:relative}.url-input-wrapper:hover{box-shadow:0 2px 4px #0000001a!important;transform:translateY(-1px)}.url-input-wrapper:focus-within{box-shadow:0 0 0 2px #9333ea4d!important}.image-requirements-btn{transition:all .2s ease-in-out;position:relative;overflow:hidden}.image-requirements-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(147,51,234,.1),transparent);transition:left .5s ease}.image-requirements-btn:hover:before{left:100%}.image-requirements-btn:hover{transform:translateY(-1px)}.face-upload-section{position:relative;display:flex;flex-direction:column}.face-upload-section.custom-face-image-block{contain:layout;min-height:auto;transition:all .3s ease-in-out}.face-upload-section:has(#custom-face-image-preview-img),.face-upload-section.has-preview{min-height:auto}@supports not selector(:has(*)){.face-upload-section.has-preview{min-height:auto}}.face-source-tab-navigation-container{padding:.25rem 0}.preview-section-container{will-change:opacity}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.face-upload-section .mt-3,.face-upload-section .mt-4{position:relative}#custom-face-image-preview-block{border:none!important;box-shadow:inset 0 1px 3px #0000001a;max-width:100%;overflow:visible!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:1.5rem!important;padding:1rem!important;position:relative!important}#custom-face-image-preview-img{width:130px!important;height:130px!important;border-radius:50%!important;object-fit:cover!important;border:3px solid #a855f7!important;box-shadow:0 4px 16px #a855f74d,0 2px 8px #0003!important;display:block!important;overflow:hidden!important;flex-shrink:0!important;aspect-ratio:1/1!important}#custom-face-image-preview-label{align-self:flex-start!important;margin-bottom:-.5rem!important}.custom-face-image-remove-btn,#custom-face-image-remove-btn{position:absolute!important;top:48px!important;right:68px!important;z-index:10!important;margin:0!important;align-self:unset!important;width:32px!important;height:32px!important;background-color:#dc2626!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:1!important;transition:all .2s ease-in-out!important;cursor:pointer!important;border:none!important;box-shadow:0 2px 4px #0000001a!important}.custom-face-image-remove-btn:hover,#custom-face-image-remove-btn:hover{background-color:#ef4444!important;transform:scale(1.05)!important;box-shadow:0 4px 12px #dc262666!important}.custom-face-image-remove-btn:focus,#custom-face-image-remove-btn:focus{outline:none!important;box-shadow:0 0 0 2px #f8717180!important;background-color:#ef4444!important}.custom-face-image-remove-btn:active,#custom-face-image-remove-btn:active{transform:scale(.95)!important;box-shadow:0 2px 6px #dc26264d!important}.upload-tab-content-section,.url-tab-content-section{flex:1}.tab-content-wrapper{display:flex;flex-direction:column;padding-top:.25rem}@media (max-width: 640px){.upload-drop-zone{height:4rem}.tab-content-wrapper{padding-top:.5rem}.face-upload-section.custom-face-image-block{min-height:auto;padding:.75rem}.face-upload-section:has(#custom-face-image-preview-img),.face-upload-section.has-preview{min-height:auto}.url-input-wrapper{height:2.75rem;padding:0 .75rem}.url-input-wrapper input{font-size:.875rem}.image-requirements-btn{text-align:center;justify-content:center;padding:.5rem .75rem;font-size:.75rem}}@media (max-width: 640px){#custom-face-image-preview-block{gap:1rem!important;padding:.75rem!important}#custom-face-image-preview-img{width:130px!important;height:130px!important;border:2px solid #a855f7!important}.custom-face-image-remove-btn,#custom-face-image-remove-btn{width:28px!important;height:28px!important;top:40px!important;right:56px!important;margin:0!important}.custom-face-image-remove-btn .iconify,#custom-face-image-remove-btn .iconify{font-size:13px!important}}#custom-face-image-preview-img:focus,#custom-face-image-remove-btn:focus{outline:2px solid #a855f7!important;outline-offset:2px!important}.text-size-button-group{background:#37415180!important;padding:2px!important;position:relative;isolation:isolate;border-radius:12px!important;overflow:visible!important;min-height:40px!important;width:100%!important;display:flex!important}.text-size-selector-pill{background:linear-gradient(135deg,#2563eb,#3b82f6)!important;border-radius:10px!important;box-shadow:0 2px 8px #3b82f680,inset 0 1px #ffffff1a!important;transition:transform .3s cubic-bezier(.25,.46,.45,.94)!important;will-change:transform;pointer-events:none;position:absolute!important;top:2px!important;bottom:2px!important;left:2px!important;width:calc(33.333% - 1px)!important}.text-size-button{position:relative;z-index:10;font-weight:500!important;transition:all .2s ease-in-out!important;border:none!important;background:transparent!important;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:10px!important;min-height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:8px 12px!important;line-height:1.2!important;flex:1!important;text-align:center!important;-webkit-font-smoothing:antialiased!important;-webkit-text-size-adjust:100%!important;-webkit-transform:translateZ(0)!important}.text-size-button:not([aria-pressed=true]):hover{color:#d1d5db!important;-webkit-text-fill-color:#D1D5DB!important}.text-size-button[aria-pressed=true]{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important;-webkit-text-fill-color:#FFFFFF!important;-webkit-font-smoothing:antialiased!important;font-weight:600!important}@supports (-webkit-appearance: none){.text-size-button[aria-pressed=true]{background:transparent!important;color:#fff!important;-webkit-text-fill-color:#FFFFFF!important;opacity:1!important;-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important}.text-size-button[aria-pressed=true]:hover{color:#fff!important;-webkit-text-fill-color:#FFFFFF!important}.text-size-button[aria-pressed=true]:focus{color:#fff!important;-webkit-text-fill-color:#FFFFFF!important;outline:none!important}}@media screen and (-webkit-min-device-pixel-ratio: 0){.text-size-button[aria-pressed=true]{color:#fff!important;-webkit-text-fill-color:#FFFFFF!important;background-color:transparent!important;background-image:none!important;-webkit-backface-visibility:hidden!important;-webkit-perspective:1000!important;-webkit-transform:translate3d(0,0,0)!important}.text-size-button[aria-pressed=true]:active,.text-size-button[aria-pressed=true]:focus,.text-size-button[aria-pressed=true]:hover{color:#fff!important;-webkit-text-fill-color:#FFFFFF!important}}.text-size-button:focus{outline:none!important}.text-size-button:focus-visible{outline:none!important}.text-size-button:active{transform:none!important}.text-size-button{outline:none!important;box-shadow:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}#text-size-button-medium[aria-pressed=true]{font-weight:600!important;color:#fff!important;-webkit-text-fill-color:#FFFFFF!important}@supports (-webkit-appearance: none){#text-size-button-small[aria-pressed=true],#text-size-button-medium[aria-pressed=true],#text-size-button-large[aria-pressed=true]{color:#fff!important;-webkit-text-fill-color:#FFFFFF!important;font-weight:600!important;opacity:1!important;visibility:visible!important}}@supports (-webkit-touch-callout: none){.text-size-button[aria-pressed=true]{color:#fff!important;-webkit-text-fill-color:#FFFFFF!important;-webkit-tap-highlight-color:transparent!important;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important}}@supports (-webkit-text-stroke: 1px){.text-size-button[aria-pressed=true]{-webkit-text-stroke:.5px rgba(255,255,255,.1)!important;text-shadow:0 1px 2px rgba(0,0,0,.3),0 0 1px rgba(255,255,255,.1)!important}}@media screen and (-webkit-min-device-pixel-ratio: 1){.text-size-button{will-change:color,background-color!important;-webkit-text-rendering:optimizeLegibility!important;text-rendering:optimizeLegibility!important}.text-size-button[aria-pressed=true]{color:#fff!important;-webkit-text-fill-color:white!important;background-clip:padding-box!important}}@media (max-width: 640px){.text-size-button-group{min-height:40px!important;padding:2px!important}.text-size-button{font-size:.813rem!important;padding:6px 10px!important;min-height:34px!important;-webkit-font-smoothing:antialiased!important;-webkit-text-size-adjust:100%!important}.text-size-button[aria-pressed=true]{color:#fff!important;-webkit-text-fill-color:#FFFFFF!important;font-weight:600!important}}.preset-color-swatches-container{margin-bottom:1rem}.preset-color-swatches-row{display:flex;flex-wrap:nowrap;gap:.375rem;padding:.75rem 8px .75rem .75rem;margin-right:-8px;background-color:#1f293780;border-radius:.5rem;border:1px solid rgba(75,85,99,.3);justify-content:space-between;overflow:visible!important}.preset-color-swatch-wrapper{position:relative}.preset-color-swatch{position:relative;transition:all .2s ease;transform:scale(1)}.preset-color-swatch:hover{transform:scale(1.1)}.preset-color-swatch:active{transform:scale(.95)}.preset-color-swatch[aria-pressed=true]{transform:scale(1.1)}.preset-color-tooltip{animation:tooltipFadeIn .2s ease-out;white-space:nowrap}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-5px)}to{opacity:1;transform:translate(-50%)}}.preset-color-swatch[aria-label*=Gold]{background:linear-gradient(135deg,gold,#fa0)!important}.preset-color-swatch[aria-label*=Black] span{box-shadow:inset 0 0 0 2px #fffc}.primary-text-color-picker-row{padding-top:.5rem;border-top:1px solid rgba(75,85,99,.3)}.enhanced-color-picker-container{--cp-bg-color: #1f2937;--cp-border-color: #374151;--cp-input-color: #f9fafb;--cp-button-hover-color: #6366f1}.enhanced-color-picker-container .rbgcp-swatch{width:18px!important;height:18px!important;margin:3px!important;border-radius:50%!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.enhanced-color-picker-container .rbgcp-swatch:hover{transform:scale(1.1)!important;box-shadow:0 0 0 2px #fffc,0 4px 12px #0000004d!important}.enhanced-color-picker-container .rbgcp-swatch.active{transform:scale(1.1)!important;box-shadow:0 0 0 2px #ffffffe6,0 4px 12px #0006!important}.enhanced-color-picker-container .rbgcp-eyedropper,.enhanced-color-picker-container .rbgcp-inputs,.enhanced-color-picker-container .rbgcp-presets,.enhanced-color-picker-container .rbgcp-gradient,.enhanced-color-picker-container .rbgcp-color-guide,.enhanced-color-picker-container .rbgcp-input-type,.enhanced-color-picker-container .rbgcp-color-type-btns,.enhanced-color-picker-container .rbgcp-advanced-sliders,.enhanced-color-picker-container .rbgcp-gradient-type,.enhanced-color-picker-container .rbgcp-gradient-angle,.enhanced-color-picker-container .rbgcp-gradient-stop,.enhanced-color-picker-container .rbgcp-gradient-controls{display:none!important}.enhanced-color-picker-container .rbgcp-swatches{display:flex!important;flex-wrap:wrap!important;gap:6px!important;justify-content:flex-start!important;align-items:center!important;padding:8px 0!important}.text-style-preview-gradient-line{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent}.gradient-text-enhanced{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))!important;word-wrap:break-word;overflow-wrap:break-word}@supports not (-webkit-background-clip: text){.text-style-preview-gradient-line,.gradient-text-enhanced{background:none!important;-webkit-text-fill-color:unset!important;color:var(--primary-text-color, #F0D000)!important;text-shadow:0 2px 4px rgba(0,0,0,.5)!important}}.gradient-text-enhanced[data-stroke=white]{-webkit-text-stroke:1px rgba(255,255,255,.8);text-stroke:1px rgba(255,255,255,.8)}.gradient-text-enhanced[data-stroke=black]{-webkit-text-stroke:1px rgba(0,0,0,.8);text-stroke:1px rgba(0,0,0,.8)}@media (max-width: 768px){.text-style-preview-gradient-line{font-size:clamp(1rem,4vw,1.8rem)!important}.gradient-text-enhanced{font-size:clamp(2rem,8vw,3.5rem)!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.text-style-preview-gradient-line,.gradient-text-enhanced{-webkit-font-smoothing:subpixel-antialiased}}@media (max-width: 640px){.preset-color-swatches-row{gap:.25rem;padding:.5rem}.preset-color-swatch{width:28px;height:28px}.preset-color-tooltip{font-size:11px;min-width:120px!important}}.preset-color-swatch:focus{outline:none;box-shadow:0 0 0 3px #9333ea80}.preset-color-swatch:focus-visible{outline:2px solid #A78BFA;outline-offset:2px}@keyframes buttonAttention{0%{transform:scale(1);box-shadow:0 0 12px #9333ea66}50%{transform:scale(1.08);box-shadow:0 0 20px #9333ea99}to{transform:scale(1);box-shadow:0 0 12px #9333ea66}}.url-input-wrapper:has(input:focus){box-shadow:0 0 0 2px #9333ea4d}.url-input-wrapper input:focus+button[id=custom-face-image-url-set-btn]{animation:buttonAttention .5s ease-out}@keyframes pulseOnce{0%,to{opacity:1}50%{opacity:.8}}.animate-pulse-once{animation:pulseOnce 1s ease-in-out}.toggle-switch{margin:4px 8px 4px 0!important}.toggle-container{padding:4px 8px 4px 0;margin:0 -8px 0 0}.control-section-with-toggle{padding-right:8px;margin-right:-8px}.collapsible-section{overflow:visible!important;padding:.45rem}.toggle-section{padding:4px 8px 4px 0;margin:0 -8px 0 0;overflow:visible!important}.preset-color-swatches-row{padding:.75rem 8px .75rem .75rem;margin-right:-8px;overflow:visible!important}*:focus,*:focus-visible{position:relative;z-index:100}.left-sidebar *:focus{overflow:visible!important}button:focus,input:focus,[role=switch]:focus{transform:translateZ(0);position:relative;z-index:50}.design-controls-scrollable{overflow-y:auto;scroll-behavior:smooth;max-height:calc(100vh - 12rem);scrollbar-width:thin;scrollbar-color:#777379 #374151}.design-controls-scrollable>*{padding-right:16px}.design-controls-scrollable::-webkit-scrollbar{width:12px;background:#374151;border-radius:6px}.design-controls-scrollable::-webkit-scrollbar-track{background:#374151;border-radius:6px;margin:4px 0}.design-controls-scrollable::-webkit-scrollbar-thumb{background:#4b5563;border-radius:6px;border:2px solid #374151;box-shadow:0 2px 4px #0003;min-height:40px}.design-controls-scrollable::-webkit-scrollbar-thumb:hover{background:#6b7280;box-shadow:0 2px 6px #0000004d}.design-controls-scrollable::-webkit-scrollbar-thumb:active{background:#374151}.mood-expression-picker-grid img,.gender-selector-section img{image-rendering:optimizeQuality!important;image-rendering:-webkit-optimize-contrast!important;image-rendering:-webkit-crisp-edges!important;image-rendering:crisp-edges!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;transition:transform .2s ease,filter .2s ease;transform:translateZ(0);will-change:transform,filter;vector-effect:non-scaling-stroke}.mood-expression-picker-grid button:hover img,.gender-selector-section button:hover img{transform:translateZ(0) scale(1.1);image-rendering:optimizeQuality}.mood-expression-picker-grid button[aria-pressed=true] img,.gender-selector-section button[aria-checked=true] img{filter:brightness(1.1) contrast(1.05) saturate(1.1);transform:translateZ(0) scale(1.02)}.mood-expression-picker-grid img[src*=openmoji],.gender-selector-section img[src*=openmoji],.mood-expression-picker-grid img[src*=jsdelivr],.gender-selector-section img[src*=jsdelivr]{background:radial-gradient(circle,rgba(139,92,246,.05) 0%,transparent 70%);border-radius:4px;image-rendering:optimizeQuality}.mood-expression-picker-grid img:not([src]),.gender-selector-section img:not([src]),.mood-expression-picker-grid img[src=""],.gender-selector-section img[src=""]{display:none!important}.mood-expression-picker-section img{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;min-width:40px!important;min-height:40px!important;image-rendering:optimizeQuality}.gender-selector-section img{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;min-width:32px!important;min-height:32px!important;image-rendering:optimizeQuality}.mood-expression-picker-grid button:focus-visible,.gender-selector-section button:focus-visible{outline:2px solid #A855F7;outline-offset:2px}@keyframes openmojiLoad{0%{opacity:0;transform:translateZ(0) scale(.9);filter:blur(.5px)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}.mood-expression-picker-grid img,.gender-selector-section img{animation:openmojiLoad .3s ease-out}.mood-expression-picker-grid,.gender-selector-section,.mood-expression-picker-grid *,.gender-selector-section *{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.mood-expression-picker-grid span[aria-hidden=true],.gender-selector-section span[aria-hidden=true]{font-family:monospace!important;color:transparent!important}@media (max-width: 640px){.mood-expression-picker-section img{width:35px!important;height:35px!important;max-width:35px!important;max-height:35px!important;min-width:35px!important;min-height:35px!important;image-rendering:optimizeQuality}.gender-selector-section img{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;min-width:28px!important;min-height:28px!important;image-rendering:optimizeQuality}}@media (prefers-color-scheme: dark){.mood-expression-picker-grid img,.gender-selector-section img{filter:drop-shadow(0 0 1px rgba(255,255,255,.1)) contrast(1.02)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.mood-expression-picker-grid img,.gender-selector-section img{image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;image-rendering:crisp-edges}}.mood-expression-picker-grid img[src$=".svg"],.gender-selector-section img[src$=".svg"]{image-rendering:optimizeQuality!important;-webkit-transform:translateZ(0);transform:translateZ(0)}.mood-expression-picker-grid img,.gender-selector-section img{image-orientation:from-image;image-resolution:from-image}@keyframes textareaSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes textareaSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.text-overlay-action-buttons{display:flex;align-items:center;gap:.25rem}.text-overlay-refresh-button{transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;font-size:1.1em;opacity:1;transform:translateY(0)}.text-overlay-refresh-button:hover{box-shadow:0 4px 12px #8b5cf64d}.text-overlay-refresh-button:focus{outline:none;ring:2px;ring-color:#8b5cf6;ring-offset:2px;ring-offset-color:transparent}.text-overlay-refresh-button:active{transform:scale(.95)}.text-overlay-refresh-button .refresh-icon{font-size:1em;transition:all .25s cubic-bezier(.4,0,.2,1);opacity:1;transform:rotate(0);display:inline-flex;align-items:center;width:auto;overflow:visible}.text-overlay-refresh-button:hover .refresh-icon{transform:rotate(90deg);color:#fff}#refreshTextOverlayTooltip,#editTextOverlayTooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#1f2937f2!important;border:1px solid rgba(75,85,99,.8)!important;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif!important;font-weight:500!important;letter-spacing:-.01em!important;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.text-overlay-tooltip-compact{font-size:.75rem!important;padding:8.5px 12.75px!important;min-width:102px!important;border-radius:5.1px!important;line-height:1.3!important}#editTextOverlayTooltip{transform:translate(0)}.text-overlay-action-buttons .group:hover #refreshTextOverlayTooltip,.text-overlay-action-buttons .group:hover #editTextOverlayTooltip{animation:tooltipFadeIn .2s cubic-bezier(.25,.46,.45,.94) forwards}.text-overlay-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}@media (prefers-color-scheme: dark){.text-overlay-refresh-button{color:#9ca3af}.text-overlay-refresh-button:hover{color:#fff;background:#8b5cf626}}@media (prefers-contrast: high){.text-overlay-refresh-button{border:1px solid currentColor}.text-overlay-refresh-button:hover{color:#fff;background:#8b5cf633}#refreshTextOverlayTooltip,#editTextOverlayTooltip{border:2px solid rgba(255,255,255,.3)!important;background-color:#000000e6!important}}@media (prefers-reduced-motion: reduce){.text-overlay-refresh-button,.text-overlay-refresh-button .refresh-icon{transition:none}.text-overlay-refresh-button:hover{color:#fff;transform:none}.text-overlay-refresh-button:hover .refresh-icon{transform:none}#refreshTextOverlayTooltip,#editTextOverlayTooltip{transition:opacity .1s ease}}@media (max-width: 640px){.text-overlay-refresh-button{min-width:24px;min-height:24px;font-size:1em}.text-overlay-action-buttons{gap:.125rem}.text-overlay-tooltip-compact{font-size:9.35px!important;padding:6.8px 10.2px!important;min-width:85px!important;border-radius:4.25px!important}#refreshTextOverlayTooltip{margin-left:-6px!important}}.overlay-text-loading{position:relative;overflow:hidden}.overlay-text-loading .text-overlay-preview-line{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.overlay-text-loading .absolute.inset-0{animation:fadeInBlur .2s cubic-bezier(.4,0,.2,1) forwards;background:#111827d9}@keyframes fadeInBlur{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}.overlay-text-loading .animate-spin{animation:spin 1s linear infinite;border-color:#4b55634d;border-top-color:#fff;border-width:4px;width:40px;height:40px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@media (prefers-reduced-motion: reduce){.overlay-text-loading .absolute.inset-0{animation:none;opacity:1}.overlay-text-loading .animate-spin{animation:none;border-top-color:#fff;border-right-color:#fff}}.preview-container-override{box-shadow:0 0 15px #80008080}.placeholder-style{font-style:italic}.preview-container{position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;box-shadow:0 10px 25px #0000004d;display:flex;align-items:center;justify-content:center}.preview-container.has-image{background:#1f2937}@media (max-width: 820px){.preview-container{width:100%;max-width:100%;height:auto;aspect-ratio:16/9;min-height:180px}.modal-thumbnail-image{object-fit:cover!important;width:min(1088px,85vw)!important;height:auto!important;aspect-ratio:1.498!important;max-height:min(614px,55vh)!important}}.generated-thumbnail,.preview-container img{width:100%;height:100%;aspect-ratio:16/9!important;object-fit:contain!important;display:block;border-radius:0;image-rendering:auto}.modal-thumbnail-image{display:block;image-rendering:auto}.modal-thumbnail-image{width:1088px!important;height:612px!important;border-radius:0 0 12px 12px;background:transparent;object-fit:cover;display:block}@media (max-width: 768px){.modal-image-container{width:100%;aspect-ratio:16/9;max-height:none;overflow:hidden}.preview-container{aspect-ratio:16/9;width:100%;height:auto;max-height:none;min-height:200px}.generated-thumbnail,.preview-container img{object-fit:contain!important;background:transparent!important;width:100%!important;height:100%!important;aspect-ratio:16/9!important}.modal-thumbnail-image{object-fit:cover!important;background:transparent!important;width:min(920px,90vw)!important;height:auto!important;max-height:min(614px,60vh)!important}.thumbnail-preview-empty-state-container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1.75rem!important;min-height:220px!important;width:100%;height:100%}.thumbnail-preview-empty-state-icon{margin-bottom:0!important}.thumbnail-preview-empty-state-label{margin:0!important;text-align:center!important;font-size:1.15rem!important;color:#8b8fa3!important;font-weight:500}}.thumbnail-maximize-container{position:absolute!important;top:0!important;right:0!important;width:100px!important;height:80px!important;z-index:30!important;pointer-events:none!important}.gradient-feather{position:absolute!important;top:0!important;left:0!important;right:0!important;height:70px!important;background:linear-gradient(to bottom,#0a0a0ff2,#0f0f1499 50%,#14141e00)!important;pointer-events:none!important;z-index:1!important;opacity:0!important;transition:opacity .25s cubic-bezier(.4,0,.2,1)!important}.preview-container-gradient{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:linear-gradient(180deg,#0000,#0000004d 70%,#000000b3)!important;pointer-events:none!important;z-index:2!important;opacity:0!important;border-radius:8px!important;transition:opacity .3s cubic-bezier(.4,0,.2,1)!important}.thumbnail-maximize-btn{position:absolute!important;top:12px!important;right:12px!important;z-index:35!important;background:transparent!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;padding:8px!important;border-radius:8px!important;cursor:pointer!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;opacity:.5!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;pointer-events:auto!important;will-change:transform,opacity,background,backdrop-filter!important}.thumbnail-area:hover .thumbnail-maximize-btn,.thumbnail-maximize-btn:focus-visible{opacity:1!important}.thumbnail-area:hover .gradient-feather,.preview-container.has-image:hover .preview-container-gradient{opacity:1!important}.thumbnail-maximize-btn:hover,.thumbnail-maximize-btn:focus-visible{opacity:1!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;background:#14141e40!important;border-color:#fff3!important}.thumbnail-maximize-btn:focus-visible{outline:2px solid #a78bfa!important;outline-offset:2px!important}.thumbnail-maximize-btn:active{opacity:.6!important;transform:scale(.95)!important}.password-toggle-btn{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;z-index:20!important;background:transparent!important;border:none!important;color:#9ca3af!important;padding:4px!important;border-radius:4px!important;cursor:pointer!important;transition:all .2s ease!important;pointer-events:auto!important;will-change:transform,color!important}.password-toggle-btn:hover{color:#d1d5db!important;background:#4b55631a!important}.password-toggle-btn:focus{outline:2px solid #a78bfa!important;outline-offset:2px!important}.password-toggle-btn:active{transform:translateY(-50%) scale(.95)!important}.password-input-container{position:relative!important;isolation:isolate!important}.modal-close-btn-fixed{position:absolute!important;top:12px!important;right:12px!important;z-index:60!important;background:transparent!important;border:none!important;color:#9ca3af!important;padding:8px!important;border-radius:50%!important;cursor:pointer!important;transition:all .2s ease!important;transform:none!important;will-change:transform,background-color,color!important;pointer-events:auto!important}.modal-close-btn-fixed:hover{color:#fff!important;background:#4b556380!important;transform:scale(1.05)!important}.modal-close-btn-fixed:focus{outline:2px solid #a78bfa!important;outline-offset:2px!important}.modal-close-btn-fixed:active{transform:scale(.95)!important}.modal-header-container{position:relative!important;isolation:isolate!important}.upgrade-cta-btn,.welcome-signin-btn{background:#006fee!important;color:#fff!important;position:relative!important;overflow:hidden!important;transition:background .25s cubic-bezier(.4,0,.2,1),box-shadow .25s,color .2s!important;border:none!important;background-image:none!important}.upgrade-cta-btn:hover,.upgrade-cta-btn:focus-visible,.welcome-signin-btn:hover,.welcome-signin-btn:focus-visible{background:#1a8cff!important;box-shadow:0 8px 25px #006fee4d!important}.upgrade-cta-btn:active,.welcome-signin-btn:active{background:#0056cc!important;transform:scale(.98)!important}.upgrade-cta-btn:disabled,.welcome-signin-btn:disabled{background:#6b7280!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.upgrade-cta-btn:disabled:before,.welcome-signin-btn:disabled:before{display:none!important}.upgrade-cta-btn:disabled:hover,.welcome-signin-btn:disabled:hover{background:#6b7280!important;box-shadow:none!important;min-height:50px}.upgrade-cta-btn:before,.welcome-signin-btn:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,#ffffff2e,#ffffff14);transform:skew(-20deg);transition:none;pointer-events:none;opacity:0}.upgrade-cta-btn:hover:before,.welcome-signin-btn:hover:before{animation:shimmer-move .7s cubic-bezier(.4,0,.2,1)}@keyframes shimmer-move{0%{left:-75%;opacity:1}to{left:125%;opacity:0}}.signin-button-text{font-size:1.1rem!important;font-weight:500!important}@media (max-width: 1024px){.upgrade-cta-btn,.welcome-signin-btn{padding:12px 20px!important;font-size:14px!important}.signin-button-text{font-size:1rem!important}}@media (max-width: 768px){.upgrade-cta-btn,.welcome-signin-btn{padding:10px 16px!important;font-size:13px!important}.signin-button-text{font-size:.95rem!important}.upgrade-cta-btn:before,.welcome-signin-btn:before{width:60%;left:-80%}@keyframes shimmer-move{0%{left:-80%;opacity:1}to{left:130%;opacity:0}}}@media (max-width: 576px) and (orientation: portrait){#welcome-signin-submit-btn{padding:.875rem 1rem!important;min-height:50px!important;font-size:.875rem!important}#welcome-signin-submit-btn .signin-button-text,#welcome-signin-submit-btn .signin-loading-text,#welcome-signin-submit-btn .auth-cta-text,#welcome-signin-submit-btn .auth-loading-text{font-size:1.09375rem!important;line-height:1.3!important}.signin-button-text,.signin-loading-text{font-size:1.09375rem!important;line-height:1.3!important;font-weight:500!important}}.preview-wrapper{width:100%;max-width:652px;margin:0 auto;display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){#thumbnail-preview-wrapper{width:100%!important;max-width:100%!important;margin:0 auto!important;overflow:visible!important}#thumbnail-preview-wrapper .preview-container{width:100%!important;height:auto!important;min-height:200px!important;max-height:none!important;overflow:hidden!important}}.full-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .3s;animation:fadeIn .3s}.full-preview-modal-content{background:#18181b;border-radius:1rem;box-shadow:0 8px 32px #00000080;padding:1.5rem;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;position:relative;animation:fadeIn .3s}.full-preview-modal-content .modal-image-container,.full-preview-modal-content>div{width:min(1088px,95vw)!important;aspect-ratio:16/9!important;overflow:visible!important;max-height:none!important}.full-preview-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:2;transition:color .2s}.full-preview-modal-close:hover{color:#60a5fa}.full-preview-modal-img{width:100%;height:auto;max-height:80vh;border-radius:.75rem;box-shadow:0 4px 16px #0000004d;object-fit:cover!important;background:#18181b}.finalizing-shimmer{position:relative;background:linear-gradient(90deg,#e5e7eb,#f3f4f6 20%,#fff,#f3f4f6 80%,#e5e7eb);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmerEffect 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}@keyframes shimmerEffect{0%{background-position:-100% 0}to{background-position:100% 0}}.finalizing-text:after{content:"";animation:finalizingDots 1.5s steps(4,end) infinite}@keyframes finalizingDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.thumbnail-preview-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:999;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .2s ease-out;padding:20px;overflow:auto;box-sizing:border-box;margin:0;transform:translateZ(0)}.thumbnail-preview-modal-content{position:relative;width:fit-content;height:fit-content;animation:modalSlideIn .25s ease-out;display:flex;flex-direction:column;max-width:none;max-height:none;overflow:hidden;margin:0;flex-shrink:0}.thumbnail-preview-modal-backdrop.closing{animation:backdropFadeOut .25s ease-out forwards}.thumbnail-preview-modal-content.closing{animation:modalSlideOut .25s ease-out forwards}.modal-title-bar{background:linear-gradient(135deg,#2d2d4be6,#1e1e32cc);backdrop-filter:blur(12px) saturate(1.8);-webkit-backdrop-filter:blur(12px) saturate(1.8);border-top-left-radius:12px;border-top-right-radius:12px;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.15);box-shadow:0 1px 3px #0003,inset 0 1px #ffffff1a;min-height:37px;transition:all .25s cubic-bezier(.4,0,.2,1)}.traffic-lights{display:flex;align-items:center;gap:8px}.traffic-light{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;position:relative;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000004d}.traffic-light.red,.traffic-light.yellow,.traffic-light.green{background:#4b5563b3;border:1px solid rgba(255,255,255,.1)}.modal-image-container{position:relative;display:inline-block;background:transparent;border-bottom-left-radius:12px;border-bottom-right-radius:12px;overflow:visible;box-shadow:0 25px 50px -12px #00000080;isolation:isolate;width:1088px;height:612px;line-height:0}.modal-image-container .absolute{position:absolute}.modal-image-container .inset-0{top:0;right:0;bottom:0;left:0}.modal-image-container .flex{display:flex}.modal-image-container .items-center{align-items:center}.modal-image-container .justify-center{justify-content:center}.modal-image-container .bg-gray-900{background-color:#111827}.modal-image-container .bg-opacity-50{background-color:#11182780}.modal-image-container .bg-opacity-75{background-color:#111827bf}.modal-image-container .text-white{color:#fff}.modal-image-container .text-center{text-align:center}.modal-image-container .text-4xl{font-size:2.25rem;line-height:2.5rem}.modal-image-container .text-sm{font-size:.875rem;line-height:1.25rem}.modal-image-container .mb-2{margin-bottom:.5rem}.modal-image-container .w-12{width:3rem}.modal-image-container .h-12{height:3rem}.modal-image-container .border-3{border-width:3px}.modal-image-container .border-white{border-color:#fff}.modal-image-container .border-t-transparent{border-top-color:transparent}.modal-image-container .rounded-full{border-radius:9999px}.modal-image-container .animate-spin{animation:spin 1s linear infinite}@media (max-width: 768px){.modal-image-container{width:min(1088px,95vw);height:auto;max-height:none;display:inline-block;line-height:0;aspect-ratio:16/9;overflow:visible}.modal-thumbnail-image{object-fit:contain!important;width:100%!important;height:auto!important;max-width:min(1088px,95vw)!important;max-height:min(614px,70vh)!important;aspect-ratio:16/9!important;background:transparent!important}img[src*="empty-states/Album.svg"]{width:94px!important;height:93px!important;object-fit:contain!important;margin:10px}}.modal-download-btn{position:absolute!important;top:16px!important;right:16px!important;background:transparent!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;padding:8px!important;border-radius:8px!important;cursor:pointer!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:50!important;box-shadow:none!important;opacity:.8!important;transform:none!important;will-change:transform,opacity,background,backdrop-filter!important;pointer-events:auto!important}.modal-download-btn:hover,.modal-download-btn:focus-visible{opacity:1!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;background:#14141e40!important;border-color:#fff3!important;color:#fff!important;box-shadow:0 2px 8px #0000004d!important}.modal-download-btn:focus-visible{outline:2px solid #a78bfa!important;outline-offset:2px!important}.modal-download-btn:active{opacity:.6!important;transform:scale(.95)!important}.modal-download-btn:after{content:"Download";position:absolute;bottom:-32px;right:0;background:#111827f2;color:#fff;padding:7px 11px;border-radius:7px;font-size:11px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;border:1px solid rgba(255,255,255,.1);box-shadow:0 3px 11px #0000004d;z-index:1000}.modal-download-btn:hover:after{opacity:1;transform:translateY(-2px)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(20px)}}@keyframes backdropFadeOut{0%{opacity:1}to{opacity:0}}@media (max-width: 1024px){.modal-title-bar{padding:8px 16px;min-height:34px}.traffic-light{width:14px;height:14px}.modal-download-btn{padding:10px!important;top:12px!important;right:12px!important}.thumbnail-maximize-btn{top:10px!important;right:10px!important;padding:7px!important}.password-toggle-btn{right:8px!important;padding:2px!important}.modal-close-btn-fixed{top:8px!important;right:8px!important;padding:4px!important}}@media (max-width: 768px){.thumbnail-preview-modal-backdrop{padding:10px}.thumbnail-preview-modal-content{width:fit-content;height:fit-content;max-width:95vw;max-height:80vh;overflow:visible;margin:0;position:relative;flex-shrink:0}.modal-title-bar{padding:7px 12px;min-height:31px}.traffic-lights{gap:5px}.traffic-light{width:13px;height:13px}.modal-download-btn{padding:12px!important;top:8px!important;right:8px!important}.modal-download-btn .iconify{font-size:24px!important}.modal-download-btn:after{display:none}.thumbnail-maximize-container{width:80px!important;height:60px!important}.gradient-feather{height:50px!important}.thumbnail-maximize-btn{top:8px!important;right:8px!important;padding:10px!important}.thumbnail-maximize-btn .iconify{font-size:24px!important}.password-toggle-btn{right:10px!important;padding:3px!important}.modal-close-btn-fixed{top:10px!important;right:10px!important;padding:6px!important}}@media (max-width: 480px){.modal-title-bar{padding:5px 10px;min-height:27px}.traffic-light{width:14px;height:14px}.thumbnail-preview-modal-backdrop{padding:5px}.thumbnail-maximize-container{width:70px!important;height:50px!important}.gradient-feather{height:40px!important}.thumbnail-maximize-btn{top:6px!important;right:6px!important;padding:8px!important}.thumbnail-maximize-btn .iconify{font-size:20px!important}.modal-download-btn{padding:10px!important;top:6px!important;right:6px!important}.modal-download-btn .iconify{font-size:20px!important}}@media (max-width: 768px) and (orientation: portrait){.form-content-container,.flex.flex-col.justify-center.items-center{justify-content:inherit!important;gap:.5rem}}.prompt-section{transition:all .3s ease}.prompt-label,.prompt-enhancing-badge,.prompt-auto-enhanced-badge{transition:all .2s ease}.prompt-suggestion-chip{transition:all .2s ease;font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace;font-size:.75rem;letter-spacing:.025em}.prompt-suggestion-chip:hover,.prompt-suggestion-chip:active{transform:scale(1)}.prompt-preview-block{transition:all .2s ease}@keyframes spinner{to{transform:rotate(360deg)}}.animate-spin{animation:spinner 1s linear infinite}.variations-btn-icon.animate-spin{animation:spinner .8s linear infinite}.variations-loading-spinner{position:relative;width:64px;height:64px}.variations-loading-spinner div{position:absolute;border:4px solid transparent;border-radius:50%;animation:spin 1.2s linear infinite}.variations-loading-spinner div:nth-child(1){border-top-color:#a855f7;animation-delay:0s}.variations-loading-spinner div:nth-child(2){border-right-color:#3b82f6;animation-delay:-.6s;animation-direction:reverse}.variations-modal-content{animation:fadeInUp .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.variations-loading-message{animation:pulseGlow 2s ease-in-out infinite alternate}@keyframes pulseGlow{0%{opacity:.8;text-shadow:0 0 10px rgba(168,85,247,.3)}to{opacity:1;text-shadow:0 0 20px rgba(168,85,247,.5)}}.loading-dots{display:flex;gap:4px;margin-top:1rem}.loading-dot{width:8px;height:8px;background:linear-gradient(45deg,#a855f7,#3b82f6);border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.prompt-variations-overlay{backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);background:#000000b3;transition:all .3s cubic-bezier(.16,1,.3,1)}.prompt-variations-overlay.closing{backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);background:#0000}.variations-modal-loading{background:linear-gradient(145deg,#374151f2,#4b5563f2,#374151f2);border:1px solid rgba(139,92,246,.3);box-shadow:0 25px 50px -12px #000000e6,0 0 0 1px #8b5cf633,inset 0 1px #ffffff1a}.prompt-lock-indicator{transition:all .2s ease}.prompt-lock-tooltip{transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.prompt-improve-btn,.prompt-variations-btn{transition:all .2s ease;position:relative}.prompt-improve-btn:hover,.prompt-variations-btn:hover{transform:scale(1);box-shadow:0 4px 12px #8b5cf64d}.prompt-improve-btn:active,.prompt-variations-btn:active{transform:scale(1)}.prompt-variations-btn.text-purple-400,button[aria-label*=Generating].text-purple-400{background-color:#8b5cf633!important;border-color:#8b5cf680!important;box-shadow:0 2px 8px #8b5cf64d,0 0 0 1px #8b5cf64d!important}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.improve-btn-icon{transition:transform .2s ease}.prompt-improve-btn:hover .improve-btn-icon{transform:scale(1)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prompt-char-count{transition:color .2s ease}.prompt-char-count.warning{color:#f59e0b}.prompt-char-count.error{color:#ef4444}.prompt-input-container{width:100%;max-width:652px;position:relative;margin:0 auto}.prompt-input-wrapper{position:relative;width:100%;max-width:100%;padding:0;margin-bottom:5px}.prompt-textarea{width:100%;height:150px;min-height:150px;max-height:150px;background-color:#212936;border:1px solid #4B5563;font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace!important;border-radius:8px;padding:8px 9.18px;color:#f9fafb;font-size:.875rem;line-height:1.4;resize:none;overflow-y:auto;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),font-weight .2s ease;letter-spacing:.025em;font-weight:500!important;box-shadow:0 2px 8px #0000001a}.prompt-textarea:not(:placeholder-shown){font-weight:500!important}.prompt-textarea::placeholder{font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace;color:#9ca3af;opacity:.7;font-weight:500!important;letter-spacing:.025em}.prompt-textarea.font-mono,.prompt-textarea.improving-typewriter{font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace;letter-spacing:.025em;line-height:1.6;font-weight:500!important}.prompt-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626,0 4px 12px #00000026}.prompt-textarea.font-mono{height:150px;min-height:150px;max-height:150px;font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace;letter-spacing:.025em;font-weight:500!important;line-height:1.6;background-color:#212936;border-color:#553c9a;box-shadow:0 0 20px #8b5cf61a}.prompt-textarea.font-mono:focus{border-color:#a855f7;font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace;box-shadow:0 0 0 3px #8b5cf633,0 0 25px #8b5cf626}.prompt-textarea.font-mono::placeholder{color:#9ca3af;opacity:.8;font-weight:500!important;font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace}@media (min-width: 768px){.prompt-input-container{max-width:652px}.prompt-textarea{font-size:.975rem;padding:1.1rem;font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace;letter-spacing:.025em;font-weight:500!important}.prompt-textarea:not(:placeholder-shown){font-weight:500!important}.prompt-textarea.font-mono{font-size:.95rem;padding:1.148rem}}@media (min-width: 1024px){.prompt-input-container{max-width:652px}.prompt-textarea{height:150px;min-height:150px;max-height:150px;line-height:1.6;font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace;letter-spacing:.025em;font-weight:500!important}.prompt-textarea:not(:placeholder-shown){font-weight:500!important}.prompt-textarea.font-mono,.prompt-textarea.improving-typewriter{height:150px;min-height:150px;max-height:150px;line-height:1.6}}@media (max-width: 700px){.prompt-input-container{width:100%;max-width:100%;margin:0;margin-bottom:1rem}.prompt-section{background:#111827cc;border-radius:16px;border:1px solid rgba(55,65,81,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 12px #0000001a;padding:1rem;transition:all .3s ease}.prompt-section:focus-within{border-color:#8b5cf666;box-shadow:0 4px 12px #8b5cf61a}}@media (max-width: 767px){.prompt-textarea{height:150px!important;min-height:150px!important;max-height:150px!important;font-size:.96rem!important;padding:.765rem!important;line-height:1.6!important;resize:none!important;overflow-y:auto!important;font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace!important;letter-spacing:.02em!important;font-weight:500!important}.prompt-textarea:not(:placeholder-shown){font-weight:500!important}.prompt-textarea::placeholder{font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace!important;font-size:.96rem!important;opacity:.7;letter-spacing:.02em!important;font-weight:500!important}.prompt-textarea.font-mono,.prompt-textarea.improving-typewriter{font-size:.95rem!important;padding:.765rem!important;line-height:1.6!important;font-weight:500!important;letter-spacing:.025em}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.prompt-improve-btn.text-purple-400,button[aria-label*=Improve].text-purple-400,button[aria-label*=improve].text-purple-400{background-color:#8b5cf633!important;border-color:#8b5cf680!important;box-shadow:0 2px 8px #8b5cf64d,0 0 0 1px #8b5cf64d!important}#prompt-lock-tooltip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#f59e0bf2;border:1px solid rgba(245,158,11,.3);box-shadow:0 8px 25px #0000004d}.prompt-textarea:disabled{background-color:#2d3748;border-color:#4a5568;color:#a0aec0;cursor:not-allowed;font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace!important;font-weight:500!important;letter-spacing:.025em}.prompt-textarea::selection{background-color:#8b5cf64d;color:#f9fafb}.prompt-textarea.improving-typewriter{background-color:#2a3441;border-color:#a855f7;box-shadow:0 0 0 3px #8b5cf633,0 0 25px #8b5cf626;animation:subtle-pulse 2s ease-in-out infinite;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}@keyframes subtle-pulse{0%,to{box-shadow:0 0 0 3px #8b5cf626,0 0 20px #8b5cf61a}50%{box-shadow:0 0 0 3px #8b5cf640,0 0 30px #8b5cf633}}#prompt-variations-dropdown{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#prompt-variations-dropdown .group:hover{transform:scale(1);box-shadow:0 4px 12px #00000026}.prompt-variations-overlay{animation:fadeIn .2s cubic-bezier(.16,1,.3,1) forwards}.prompt-variations-modal{animation:slideInUp .2s cubic-bezier(.16,1,.3,1) forwards}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#3741514d;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#8b5cf6b3;border-radius:3px;transition:background .2s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#8b5cf6e6}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.7) rgba(55,65,81,.3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.prompt-variation-card{transition:transform .3s ease,box-shadow .3s ease}.prompt-variation-card:hover{transform:translateY(-2px)}.prompt-variation-implement-btn:hover{transform:translate(2px)}.prompt-focus-placeholder{position:absolute;top:8px;left:9.18px;color:#9ca3af;font-size:.875rem;line-height:1.4;font-family:Geist Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace;font-weight:500;letter-spacing:.025em;pointer-events:none;z-index:1;white-space:pre-wrap;word-wrap:break-word;overflow:hidden;max-width:calc(100% - 18.36px);max-height:134px;transition:opacity .2s ease}.prompt-textarea:not(:placeholder-shown)+.prompt-focus-placeholder{opacity:0}@media (min-width: 768px){.prompt-focus-placeholder{font-size:.975rem;top:1.1rem;left:1.1rem;max-width:calc(100% - 2.2rem);max-height:calc(150px - 2.2rem)}}@media (min-width: 1024px){.prompt-focus-placeholder{line-height:1.6}}@media (max-width: 767px){.prompt-focus-placeholder{font-size:.96rem;top:.765rem;left:.765rem;max-width:calc(100% - 1.53rem);max-height:calc(150px - 1.53rem);line-height:1.6;letter-spacing:.02em}}.prompt-variation-use-btn{transition:all .2s ease}.prompt-variation-use-btn:hover{transform:scale(1.05);box-shadow:0 2px 8px #8b5cf64d}.prompt-variation-use-btn{font-size:.75rem;padding:4px 12px}.prompt-variation-use-btn:hover{background-color:#8b5cf626;border-color:#8b5cf6cc}.prompt-variation-card p{line-height:1.5;font-size:.875rem}@media (min-width: 769px) and (max-width: 1399px){.prompt-variations-modal{max-width:90vw;margin:0 auto}}@media (max-width: 767px){.prompt-variations-modal{margin:1rem;max-width:calc(100vw - 2rem)}.prompt-variation-card{padding:1rem}.prompt-variation-card p{font-size:.8rem;padding-right:3rem}}@media (max-width: 768px) and (orientation: portrait){#welcome-form-content-container{max-height:90vh;overflow-y:auto}}.user-profile-main-container{position:relative;width:100%;max-width:320px;margin:0 auto}.user-profile-card{background:linear-gradient(145deg,#1f2937cc,#111827e6);box-shadow:0 20px 40px -10px #0006,0 10px 20px -5px #0000001a,inset 0 1px #ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(75,85,99,.3);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.user-profile-card:hover{transform:translateY(-4px);box-shadow:0 32px 64px -12px #00000080,0 20px 32px -8px #0003,inset 0 1px #ffffff1a;border-color:#8b5cf666}.profile-welcome-banner{background:linear-gradient(135deg,#9333ea33,#3b82f633 35%,#06b6d433);position:relative;overflow:hidden}.profile-welcome-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .8s ease}.profile-welcome-banner:hover:before{left:100%}.banner-pattern{animation:patternFloat 8s ease-in-out infinite}@keyframes patternFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.05)}}.profile-avatar-container{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);box-shadow:0 8px 16px #3b82f64d,0 4px 8px #8b5cf633;position:relative;transition:all .3s ease}.profile-avatar-container:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease;animation:avatarGlow 3s ease-in-out infinite}.profile-avatar-container:hover:before{opacity:.6}@keyframes avatarGlow{0%,to{opacity:.2}50%{opacity:.5}}.profile-avatar{transition:all .3s ease}.profile-avatar-container:hover .profile-avatar{transform:scale(1.05)}.plan-status-banner{background:linear-gradient(135deg,#05966926,#3b82f626);border:1px solid rgba(5,150,105,.3);position:relative;overflow:hidden;transition:all .3s ease}.plan-status-banner:hover{border-color:#05966980;transform:translateY(-1px)}.plan-status-banner:after{content:"";position:absolute;top:0;right:0;width:40px;height:40px;background:radial-gradient(circle,rgba(5,150,105,.2) 0%,transparent 70%);border-radius:50%;animation:planGlow 4s ease-in-out infinite}@keyframes planGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.upgrade-promotion-section{background:linear-gradient(135deg,#9333ea33,#3b82f633,#9333ea26);border:1px solid rgba(147,51,234,.4);position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 15px -3px #8b5cf61a,0 4px 6px -2px #3b82f60d}.upgrade-promotion-section:hover{border-color:#9333ea99;transform:translateY(-2px);box-shadow:0 10px 20px -3px #8b5cf626,0 4px 8px -2px #3b82f61a}.upgrade-promotion-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.upgrade-promotion-section:hover:before{left:100%}.upgrade-glow{animation:upgradeGlow 6s ease-in-out infinite}@keyframes upgradeGlow{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.3;transform:scale(1.5)}}.upgrade-action-btn{background:linear-gradient(135deg,#8b5cf6,#3b82f6);box-shadow:0 4px 15px #8b5cf666,inset 0 1px #fff3;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 12px -1px #8b5cf633}.upgrade-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .4s ease}.upgrade-action-btn:hover:before{left:100%}.upgrade-action-btn:hover{background:linear-gradient(135deg,#7c3aed,#2563eb);box-shadow:0 7px 15px -1px #8b5cf64d;transform:translateY(-1px)}.credits-tracking-section{transition:all .3s ease}.credits-progress-container{background:linear-gradient(135deg,#37415199,#1f2937cc);box-shadow:inset 0 2px 4px #0000004d;border:1px solid rgba(75,85,99,.4);transition:all .3s ease}.credits-progress-container:hover{border-color:#8b5cf666;box-shadow:inset 0 2px 4px #0000004d,0 0 15px #8b5cf633}.credits-progress-fill{background:linear-gradient(90deg,#06b6d4,#3b82f6,#8b5cf6);position:relative;overflow:hidden;transition:all .7s cubic-bezier(.4,0,.2,1)}.credits-progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:creditsShimmer 3s infinite}@keyframes creditsShimmer{0%{left:-100%}to{left:100%}}.progress-shimmer{animation:progressPulse 2s ease-in-out infinite}@keyframes progressPulse{0%,to{opacity:.3}50%{opacity:.8}}.profile-actions-section{margin-top:1rem}.profile-action-btn{background:linear-gradient(135deg,#3741514d,#1f293780);border:1px solid rgba(75,85,99,.4);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .4s ease}.profile-action-btn:hover:before{left:100%}.profile-action-btn:hover{background:linear-gradient(135deg,#4b556366,#37415199);border-color:#8b5cf666;transform:translate(4px);box-shadow:0 4px 12px #0003}#sign-out-button:hover{background:linear-gradient(135deg,#dc262633,#b91c1c4d);border-color:#ef444466}@media (max-width: 768px){.user-profile-main-container{width:100%;max-width:100%;padding:0 1rem}.user-profile-card{width:100%!important;border-radius:16px;margin:0}.profile-welcome-banner,.profile-content-section{padding:1.5rem}}@media (max-width: 480px){.profile-welcome-banner,.profile-content-section{padding:1rem}.profile-avatar-container{width:3rem;height:3rem}.profile-user-name{font-size:1rem}}@media (prefers-color-scheme: dark){.user-profile-card{background:linear-gradient(145deg,#111827f2,#1f2937e6);border-color:#4b556366}}.profile-action-btn:focus,.upgrade-action-btn:focus{outline:2px solid #3B82F6;outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}.profile-action-btn:focus-visible,.upgrade-action-btn:focus-visible{outline:2px solid #3B82F6;outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.iconify[data-icon*=crown]{filter:drop-shadow(0 0 8px rgba(251,191,36,.5));animation:crownGlow 3s ease-in-out infinite}@keyframes crownGlow{0%,to{filter:drop-shadow(0 0 8px rgba(251,191,36,.3))}50%{filter:drop-shadow(0 0 12px rgba(251,191,36,.8))}}.iconify[data-icon*=star]{animation:starTwinkle 2s ease-in-out infinite}@keyframes starTwinkle{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.banner-greeting{transition:all .3s ease}.profile-welcome-banner:hover .banner-greeting{transform:translateY(-1px)}.profile-user-details{transition:all .3s ease}.profile-welcome-banner:hover .profile-user-details{transform:translate(2px)}*{transition:all .2s ease}.upgrade-promotion-section{transition:all .3s ease;box-shadow:0 4px 15px -3px #8b5cf61a,0 4px 6px -2px #3b82f60d}.upgrade-promotion-section:hover{transform:translateY(-2px);box-shadow:0 10px 20px -3px #8b5cf626,0 4px 8px -2px #3b82f61a}.upgrade-action-btn{box-shadow:0 4px 12px -1px #8b5cf633}.upgrade-action-btn:hover{box-shadow:0 7px 15px -1px #8b5cf64d}.upgrade-header .text-transparent{background-size:200% auto;animation:gradient-text 3s linear infinite}@keyframes gradient-text{to{background-position:200% center}}.collapsible-section{position:relative;width:100%}.collapsible-section [role=button]{padding:.5rem 0;transition:background-color .2s ease;border-radius:.25rem}.collapsible-section [role=button]:hover{background-color:#6b72801a}.collapsible-section [role=button]:focus-visible{outline:2px solid rgb(168,85,247);outline-offset:2px}.collapsible-section h3{transition:color .2s ease;-webkit-user-select:none;user-select:none}.collapsible-section [aria-expanded=true] h3{color:#d8b4fe}.collapsible-section [role=button]:hover h3{color:#e9d5ff}.collapsible-section .iconify[data-icon="solar:alt-arrow-down-linear"]{display:flex!important;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;transform-origin:center!important;will-change:transform}.glass-collapsible-header .iconify[data-icon="solar:alt-arrow-down-linear"]{transform-origin:center!important}.collapsible-content{will-change:max-height,opacity;overflow:hidden}@keyframes collapseUp{0%{max-height:var(--max-height);opacity:1}to{max-height:0;opacity:0}}@keyframes expandDown{0%{max-height:0;opacity:0}to{max-height:var(--max-height);opacity:1}}.collapsible-section [aria-hidden=true]{display:block;pointer-events:none}@media (max-width: 640px){.collapsible-section [role=button]{padding:.75rem 0}}:root{--tooltip-glass-bg: rgba(45, 55, 75, .95);--tooltip-glass-border: rgba(148, 163, 184, .3);--tooltip-glass-shadow: rgba(0, 0, 0, .3);--tooltip-text-primary: rgba(255, 255, 255, .95);--tooltip-text-secondary: rgba(148, 163, 184, .9);--tooltip-transition-duration: .3s;--tooltip-easing: cubic-bezier(.25, .46, .45, .94);--tooltip-blur-amount: 16px;--tooltip-offset: 12px;--tooltip-arrow-size: 8px;--tooltip-min-edge-distance: 16px;--tooltip-font-size: 13px;--tooltip-padding: 14px 18px;--tooltip-border-radius: 12px;--tooltip-max-width: 320px;--tooltip-min-width: 180px}@media (max-width: 640px){:root{--tooltip-font-size: 12px;--tooltip-padding: 12px 16px;--tooltip-max-width: 280px;--tooltip-min-width: 160px;--tooltip-offset: 10px}}.tooltip-icon-wrapper{position:relative;display:inline-block;z-index:1}.tooltip-fixed-content{position:fixed!important;z-index:10000!important;pointer-events:none!important;background:var(--tooltip-glass-bg)!important;backdrop-filter:blur(var(--tooltip-blur-amount)) saturate(180%)!important;-webkit-backdrop-filter:blur(var(--tooltip-blur-amount)) saturate(180%)!important;border:1px solid var(--tooltip-glass-border)!important;box-shadow:0 8px 32px var(--tooltip-glass-shadow),0 4px 16px #0000001a,inset 0 1px #ffffff1a!important;color:var(--tooltip-text-primary)!important;font-size:var(--tooltip-font-size)!important;font-weight:500!important;line-height:1.4!important;letter-spacing:-.01em!important;padding:var(--tooltip-padding)!important;border-radius:var(--tooltip-border-radius)!important;min-width:var(--tooltip-min-width)!important;max-width:var(--tooltip-max-width)!important;width:max-content!important;transition:opacity var(--tooltip-transition-duration) var(--tooltip-easing),visibility var(--tooltip-transition-duration) var(--tooltip-easing),transform var(--tooltip-transition-duration) var(--tooltip-easing)!important;transform-origin:center bottom!important;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif!important;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.tooltip-fixed-content[style*="visibility: visible"]{opacity:1!important;visibility:visible!important;transform:scale(1) translateY(0)!important;animation:tooltipFadeIn var(--tooltip-transition-duration) var(--tooltip-easing)!important}.tooltip-fixed-content.tooltip-closing{opacity:0!important;visibility:hidden!important;transform:scale(.95) translateY(-4px)!important;animation:tooltipFadeOut var(--tooltip-transition-duration) var(--tooltip-easing)!important}.tooltip-arrow-fixed{position:absolute!important;width:var(--tooltip-arrow-size)!important;height:var(--tooltip-arrow-size)!important;background:var(--tooltip-glass-bg)!important;border:1px solid var(--tooltip-glass-border)!important;backdrop-filter:blur(var(--tooltip-blur-amount))!important;-webkit-backdrop-filter:blur(var(--tooltip-blur-amount))!important;transform:rotate(45deg)!important;z-index:-1!important}.tooltip-arrow-top{top:calc(-1 * var(--tooltip-arrow-size) / 2)!important;left:50%!important;transform:translate(-50%) rotate(45deg)!important;border-bottom:none!important;border-right:none!important}.tooltip-arrow-bottom{bottom:calc(-1 * var(--tooltip-arrow-size) / 2)!important;left:50%!important;transform:translate(-50%) rotate(45deg)!important;border-top:none!important;border-left:none!important}.tooltip-arrow-left{left:calc(-1 * var(--tooltip-arrow-size) / 2)!important;top:50%!important;transform:translateY(-50%) rotate(45deg)!important;border-top:none!important;border-right:none!important}.tooltip-arrow-right{right:calc(-1 * var(--tooltip-arrow-size) / 2)!important;top:50%!important;transform:translateY(-50%) rotate(45deg)!important;border-bottom:none!important;border-left:none!important}.tooltip-icon{width:16px!important;height:16px!important;color:#9ca3afcc!important;cursor:help!important;transition:all .2s var(--tooltip-easing)!important;outline:none!important;margin-top:-5px;border-radius:4px!important}.tooltip-icon:hover{color:#a855f7e6!important;transform:scale(1.1)!important}.tooltip-icon:focus{color:#a855f7!important;box-shadow:0 0 0 2px #a855f74d!important;transform:scale(1.1)!important}@keyframes tooltipFadeIn{0%{opacity:0;visibility:hidden;transform:scale(.9) translateY(-8px)}to{opacity:1;visibility:visible;transform:scale(1) translateY(0)}}@keyframes tooltipFadeOut{0%{opacity:1;visibility:visible;transform:scale(1) translateY(0)}to{opacity:0;visibility:hidden;transform:scale(.95) translateY(-4px)}}@media (prefers-contrast: high){.tooltip-fixed-content{background:#000!important;border:2px solid #FFFFFF!important;color:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.tooltip-arrow-fixed{background:#000!important;border-color:#fff!important}.tooltip-icon:hover{color:#ff0!important}}@media (prefers-reduced-motion: reduce){.tooltip-fixed-content,.tooltip-icon,.tooltip-arrow-fixed{transition:none!important;animation:none!important}.tooltip-fixed-content[style*="visibility: visible"]{opacity:1!important;visibility:visible!important;transform:none!important}.tooltip-icon:hover,.tooltip-icon:focus{transform:none!important}}.tooltip-icon-container,.tooltip-icon-wrapper,.face-upload-section,.person-settings-container,.control-panel-main-container,.premade-templates-section,.templates-tab-content,.toggle-label-group{overflow:visible!important}.tooltip-icon-wrapper:hover{z-index:10001!important}.tooltip-fixed-content p{margin:0!important;padding:0!important;color:var(--tooltip-text-primary)!important;font-weight:500!important;line-height:1.4!important;word-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important}#premade-templates-info,[data-tooltip-id=premade-templates-info],.premade-templates-section .info-icon,.premade-templates-section [data-icon="solar:info-circle-linear"],.premade-templates-section [data-icon="solar:info-circle-bold"]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}[id*=premade-templates-info],[class*=premade-templates-info]{display:none!important;visibility:hidden!important;opacity:0!important}.color-tooltip.absolute.left-1\/2:after{left:50%!important;transform:translate(-50%) rotate(45deg)!important}.color-tooltip.absolute.left-0:after{left:16px!important;transform:rotate(45deg)!important}.color-tooltip.absolute.right-0:after{right:16px!important;transform:rotate(45deg)!important}.admin-dashboard-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.admin-sidebar-navigation{min-height:100vh;position:sticky;top:0}.admin-nav-item:focus{outline:2px solid #8b5cf6;outline-offset:2px}.admin-table-row:hover{background-color:#374151}.admin-metric-card:hover{transform:translateY(-2px);transition:transform .2s ease-in-out}.admin-chart-placeholder{position:relative}.admin-chart-placeholder:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(139,92,246,.1) 50%,transparent 70%);border-radius:.5rem;pointer-events:none}.template-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.template-modal-content{box-shadow:0 25px 50px -12px #00000040}.template-setting-toggle:focus{outline:2px solid #8b5cf6;outline-offset:2px}.admin-background-card:hover .admin-background-actions-overlay{opacity:1}.admin-api-stat-card{position:relative;overflow:hidden}.admin-api-stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#8b5cf6,#06b6d4,#10b981)}.user-status-badge{font-weight:600;letter-spacing:.025em}.admin-quick-action-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;transition:all .3s ease-in-out}.admin-template-search-input:focus,.admin-template-category-select:focus,.admin-user-search-input:focus,.admin-background-search-input:focus,.admin-background-category-select:focus,.admin-api-time-range-select:focus{box-shadow:0 0 0 3px #8b5cf61a}@media (max-width: 768px){.admin-dashboard-container{flex-direction:column}.admin-sidebar-navigation{position:relative;width:100%;min-height:auto}.admin-main-content-wrapper{width:100%}}.admin-loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-nav-item:focus-visible,.template-modal-close-btn:focus-visible,.admin-add-template-btn:focus-visible,.admin-add-background-btn:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}@media print{.admin-sidebar-navigation,.admin-header-main,.template-modal-overlay{display:none!important}.admin-main-content-wrapper{width:100%!important;margin:0!important;padding:0!important}}.admin-dashboard-container{color-scheme:dark}.admin-content-wrapper::-webkit-scrollbar,.template-modal-content::-webkit-scrollbar{width:8px}.admin-content-wrapper::-webkit-scrollbar-track,.template-modal-content::-webkit-scrollbar-track{background:#1f2937}.admin-content-wrapper::-webkit-scrollbar-thumb,.template-modal-content::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.admin-content-wrapper::-webkit-scrollbar-thumb:hover,.template-modal-content::-webkit-scrollbar-thumb:hover{background:#6b7280}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes modalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-20px)}}.pricing-modal-overlay{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:modalFadeIn .3s ease-out}.pricing-modal-content{box-shadow:0 25px 50px -12px #000c,0 0 0 1px #ffffff0d;animation:modalSlideIn .3s ease-out}.pricing-plan-card{position:relative;overflow:visible}.pricing-plan-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff05,#fff0);pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .3s ease}.pricing-plan-card:hover:before{opacity:1}.crown-icon{filter:drop-shadow(0 0 8px rgba(255,215,0,.4));animation:crownGlow 2s ease-in-out infinite alternate}@keyframes crownGlow{0%{filter:drop-shadow(0 0 8px rgba(255,215,0,.4))}to{filter:drop-shadow(0 0 16px rgba(255,215,0,.6))}}.plan-select-button{position:relative;overflow:hidden}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;transition:all .3s cubic-bezier(.165,.84,.44,1)}.modal-liquid-glass-container{position:relative;width:100%;max-width:1200px;max-height:90vh;background:linear-gradient(145deg,#111827f2,#1f2937eb,#111827f2);border:1px solid rgba(255,255,255,.2);border-radius:24px;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);box-shadow:0 32px 64px -12px #000c,0 0 0 1px #ffffff26,inset 0 1px #fff3;overflow:hidden;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transform:translateZ(0)}.modal-glass-header{position:relative;padding:3rem 2rem 2rem;background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-bottom:1px solid rgba(255,255,255,.15)}.modal-liquid-glass-container .modal-glass-close-button,#modal-liquid-glass-container .modal-glass-close-button{position:absolute!important;top:1.5rem!important;right:1.5rem!important;width:44px!important;height:44px!important;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;cursor:pointer!important;transition:all .2s cubic-bezier(.165,.84,.44,1)!important;z-index:10!important;transform:none!important}.modal-liquid-glass-container .modal-glass-close-button:hover,#modal-liquid-glass-container .modal-glass-close-button:hover{background:#fff3!important;border-color:#ffffff40!important;transform:scale(1.05)!important}.modal-glass-header-content{text-align:left;max-width:100%;margin:0}.modal-glass-title{font-size:2.5rem;font-weight:700;line-height:1.2;background:linear-gradient(135deg,#fff,#f1f5f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;letter-spacing:-.025em;text-shadow:0 1px 2px rgba(0,0,0,.1)}.modal-glass-subtitle{font-size:1.125rem;font-weight:400;color:#cbd5e1;line-height:1.6;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.modal-glass-body{padding:3rem 2rem;overflow-y:visible;max-height:none}.pricing-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;align-items:stretch}.pricing-plan-card{position:relative;background:linear-gradient(145deg,#1f2937e6,#111827d9,#1f2937e6);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:1.75rem 1.5rem;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);transition:all .2s cubic-bezier(.165,.84,.44,1);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:480px;box-shadow:0 8px 32px -4px #0000004d,inset 0 1px #ffffff1a}.pricing-plan-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -8px #00000080,0 0 0 1px #fff3,inset 0 1px #ffffff26;border-color:#ffffff40}.pricing-plan-card.highlighted-plan{border-color:#8b5cf680;background:linear-gradient(145deg,#8b5cf61a,#1f2937e6,#8b5cf60d);box-shadow:0 12px 24px -6px #8b5cf64d,0 0 0 1px #8b5cf640,inset 0 1px #ffffff26;transform:translateY(-2px)}.pricing-plan-card.highlighted-plan:hover{transform:translateY(-6px);box-shadow:0 24px 48px -12px #8b5cf666,0 0 0 1px #8b5cf659,inset 0 1px #fff3}.pricing-plan-card.current-plan{border-color:#22c55e80;background:linear-gradient(145deg,#22c55e1a,#1f2937e6,#22c55e0d);box-shadow:0 8px 32px -4px #22c55e33,inset 0 1px #ffffff1a}.plan-badge{position:absolute;top:-10px;right:1rem;transform:none;z-index:10}.plan-badge.most-popular{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:.4rem .8rem;border-radius:16px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 3px 8px #8b5cf659;white-space:nowrap}.plan-badge.current-plan-badge{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:.4rem .8rem;border-radius:16px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 3px 8px #22c55e59;white-space:nowrap}.plan-content{flex:1;display:flex;flex-direction:column;gap:1.5rem}.plan-header{text-align:left}.plan-name{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.75rem;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.2)}.plan-price-container{display:flex;align-items:baseline;justify-content:flex-start;gap:.5rem;margin-bottom:1rem}.plan-price{font-size:3.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-.02em}.plan-period{font-size:1.125rem;color:#94a3b8;font-weight:500}.plan-description{font-size:1rem;color:#e2e8f0;line-height:1.5;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.plan-features{flex:1;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.plan-feature{display:flex;align-items:flex-start;gap:.75rem;padding:.25rem 0;transition:all .2s cubic-bezier(.165,.84,.44,1)}.plan-feature:hover{background:#ffffff08;border-radius:8px;padding-left:.5rem;padding-right:.5rem}.feature-icon{flex-shrink:0;width:20px;height:20px;color:#22c55e;margin-top:.125rem}.feature-text{color:#f1f5f9;font-size:.95rem;line-height:1.5;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.1)}.plan-action-button{width:100%;padding:1rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;text-align:center;border:none;cursor:pointer;transition:all .2s cubic-bezier(.165,.84,.44,1);margin-top:auto}.plan-action-button.highlighted{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.plan-action-button.highlighted:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.plan-action-button.standard{background:linear-gradient(135deg,#374151,#1f2937);color:#fff;border:1px solid rgba(255,255,255,.1)}.plan-action-button.standard:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.plan-action-button.disabled{background:#37415180;color:#9ca3af;cursor:not-allowed;border:1px solid rgba(255,255,255,.05)}.plan-action-button.disabled:hover{transform:none;box-shadow:none}.modal-glass-footer{padding:2rem 2rem 3rem;background:linear-gradient(135deg,#ffffff0a,#ffffff05);border-top:1px solid rgba(255,255,255,.08)}.footer-guarantees{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.guarantee-item{display:flex;align-items:center;gap:.5rem;color:#cbd5e1;font-size:.875rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1)}.guarantee-icon{width:16px;height:16px;color:#22c55e}.guarantee-text{white-space:nowrap}@media (max-width: 1200px){.pricing-plans-grid{gap:2rem}.modal-liquid-glass-container{margin:1rem;max-width:calc(100vw - 2rem)}.modal-glass-header{padding:2.5rem 1.5rem 1.5rem}.modal-glass-body{padding:2.5rem 1.5rem}.modal-glass-footer{padding:1.5rem 1.5rem 2.5rem}}@media (max-width: 768px){.pricing-plans-grid{grid-template-columns:1fr;gap:2rem}.modal-liquid-glass-container{max-height:95vh;overflow-y:auto}.modal-glass-header{padding:1.5rem 1.5rem 1rem}.modal-glass-body{padding:1.5rem;overflow-y:visible;max-height:none}.modal-glass-footer{padding:1rem 1.5rem 1.5rem}.modal-glass-title{font-size:2rem}.modal-glass-subtitle{font-size:1rem}.plan-price{font-size:2.6rem}.pricing-plan-card{padding:1.5rem 1.25rem;min-height:auto}.footer-guarantees{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 480px){.pricing-plans-grid{gap:1.5rem}.modal-liquid-glass-container{margin:.25rem;border-radius:16px;max-height:98vh;overflow-y:auto}.modal-glass-header{padding:1rem 1rem .75rem}.modal-glass-body{padding:1rem;overflow-y:visible;max-height:none}.modal-glass-footer{padding:.75rem 1rem 1rem}.modal-glass-close-button{top:.75rem;right:.75rem;width:36px;height:36px}.modal-glass-title{font-size:1.5rem}.modal-glass-subtitle{font-size:.875rem}.pricing-plan-card{padding:1rem .875rem;min-height:auto;margin-bottom:0}.plan-price{font-size:2.3rem}.plan-feature{padding:.2rem 0}.feature-text{font-size:.9rem}}@media (max-width: 768px) and (orientation: landscape){.modal-liquid-glass-container{max-height:95vh;overflow-y:auto}.modal-glass-header{padding:1rem 1.5rem .75rem}.modal-glass-body{padding:1rem 1.5rem;overflow-y:visible;max-height:none}.modal-glass-footer{padding:.75rem 1.5rem 1rem}.pricing-plans-grid{gap:1.5rem}}@media (max-width: 1024px){.pricing-plans-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.pricing-modal-content{margin:1rem;max-height:95vh;border-radius:1.5rem}.pricing-plans-grid{gap:2rem}.pricing-plan-card{padding:1.5rem}}@media (max-width: 640px){.pricing-modal-content{margin:.5rem;border-radius:1rem}}.pricing-plan-card,.plan-select-button,.check-icon{transition:all .3s cubic-bezier(.4,0,.2,1)}.pricing-plan-card:hover{transform:translateY(-2px)}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.pricing-plan-badge{animation:badgeFloat 3s ease-in-out infinite}.template-modal-body::-webkit-scrollbar,.show-more-modal-body::-webkit-scrollbar{width:8px;height:8px}.template-modal-body::-webkit-scrollbar-track,.show-more-modal-body::-webkit-scrollbar-track{background:#374151;border-radius:4px}.template-modal-body::-webkit-scrollbar-thumb,.show-more-modal-body::-webkit-scrollbar-thumb{background:#6b7280;border-radius:4px;border:1px solid #374151}.template-modal-body::-webkit-scrollbar-thumb:hover,.show-more-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.template-modal-body::-webkit-scrollbar-corner,.show-more-modal-body::-webkit-scrollbar-corner{background:#374151}.template-modal-body,.show-more-modal-body{overflow-y:scroll!important}@keyframes liquidSlideOutRight{0%{opacity:1;transform:translate(0) scale(1) rotateY(0);filter:blur(0px)}40%{opacity:.6;transform:translate(0) scale(1.02) rotateY(-5deg);filter:blur(1px)}to{opacity:0;transform:translate(120%) scale(.9) rotateY(15deg);filter:blur(4px)}}.liquid-glass-toast-inverted{position:relative;animation-duration:495ms;animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-fill-mode:both;perspective:1000px}.liquid-toast-icon-container{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.liquid-close-button{will-change:transform,background-color,box-shadow}.liquid-close-button:focus{outline:none;box-shadow:0 0 0 2px #ffffff4d}.liquid-toast-content{will-change:opacity}.liquid-glass-toast-inverted{backdrop-filter:blur(20px) saturate(180%) brightness(1.1) contrast(1.05);-webkit-backdrop-filter:blur(20px) saturate(180%) brightness(1.1) contrast(1.05)}@media (max-width: 768px){.liquid-glass-toast-inverted{min-width:340px;max-width:calc(100vw - 2rem);margin:0 1rem}.liquid-toast-icon-container{width:36px;height:36px}.liquid-close-button{width:28px;height:28px}}@media (prefers-reduced-motion: reduce){@keyframes liquidSlideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes liquidSlideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.liquid-glass-toast-inverted{animation-duration:.2s}.liquid-toast-icon-container,.liquid-close-button{transition-duration:.15s}}.face-upload-section{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(55,65,81,.5)!important;box-shadow:0 4px 16px #0000001a}.beta-badge{background:linear-gradient(135deg,#4b5563cc,#374151e6);border:1px solid rgba(107,114,128,.3);font-weight:600;letter-spacing:.025em}.tab-buttons{background:#374151cc!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.tab-button{font-weight:600;letter-spacing:.025em;position:relative;overflow:hidden}.tab-button.bg-blue-600{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 4px 12px #e5e7eb33}.tab-button:hover:not(.bg-blue-600){background:#4b556399!important}.tab-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.tab-button:hover:before{left:100%}.upload-dropzone{background:#1f2937cc!important;border-color:#4b556399!important;transition:all .3s ease;position:relative;overflow:hidden}.upload-dropzone:hover{background:#1f2937f2!important;border-color:#6b7280cc!important;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.upload-dropzone:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f605,#9333ea05);opacity:0;transition:opacity .3s ease;border-radius:inherit}.upload-dropzone:hover:before{opacity:1}.upload-icon-container{background:linear-gradient(135deg,#4b5563cc,#374151e6)!important;border:1px solid rgba(107,114,128,.3);transition:all .3s ease}.upload-dropzone:hover .upload-icon-container{background:linear-gradient(135deg,#3b82f633,#9333ea33)!important;border-color:#e5e7eb33;transform:scale(1.05)}.upload-dropzone:hover .upload-icon{color:#60a5fa!important}.url-input-container{background:#1f2937cc!important;border:1px solid rgba(75,85,99,.5);transition:all .3s ease}.url-input-container:focus-within{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.preview-section{background:#4b556333!important;border:1px solid rgba(107,114,128,.3)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.warning-message{font-style:italic;opacity:.8}.info-icon{transition:all .2s ease;cursor:help}.info-icon:hover{color:#60a5fa!important;transform:scale(1.1)}@media (max-width: 640px){.face-upload-section{padding:1rem!important;margin-top:1rem!important}.tab-buttons{padding:.5rem!important}.tab-button{padding:.75rem 1rem!important;font-size:.875rem}.upload-dropzone{padding:2rem 1rem!important}.upload-icon-container{width:3rem!important;height:3rem!important}.upload-icon{font-size:1.5rem!important}.url-input-container{padding:1rem!important}}@keyframes liquidSlideInRight{0%{opacity:0;transform:translate(120%) scale(.9) rotateY(15deg);filter:blur(4px)}60%{opacity:.8;transform:translate(0) scale(1.02) rotateY(0);filter:blur(1px)}to{opacity:1;transform:translate(0) scale(1) rotateY(0);filter:blur(0px)}}@keyframes liquidSlideOutRight{0%{opacity:1;transform:translate(0) scale(1) rotateY(0);filter:blur(0px)}40%{opacity:.8;transform:translate(0) scale(.98) rotateY(5deg);filter:blur(1px)}to{opacity:0;transform:translate(120%) scale(.9) rotateY(-15deg);filter:blur(4px)}}.toast-container{pointer-events:none;z-index:10002}.toast-item{pointer-events:auto;perspective:1000px}.liquid-glass-toast-inverted{backdrop-filter:blur(20px) saturate(180%) brightness(1.1) contrast(1.05);-webkit-backdrop-filter:blur(20px) saturate(180%) brightness(1.1) contrast(1.05);position:relative;overflow:hidden}.toast-icon-container{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s cubic-bezier(.25,.46,.45,.94)}.toast-close-button{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s cubic-bezier(.25,.46,.45,.94);cursor:pointer}.toast-close-button:hover{transform:scale(1.05);background:#fff3!important}.toast-close-button:active{transform:scale(.95)}@media (prefers-reduced-motion: reduce){.toast-item,.toast-icon-container,.toast-close-button{transition:none!important;animation:none!important}@keyframes liquidSlideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes liquidSlideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}}@media (max-width: 768px){.toast-container{top:1rem!important;right:1rem!important;left:1rem!important;width:calc(100% - 2rem)!important}.liquid-glass-toast-inverted{min-width:auto!important;max-width:none!important;width:100%!important;padding:1rem!important}.toast-icon-container{width:36px!important;height:36px!important}.toast-icon-container .iconify{font-size:18px!important}.toast-close-button{width:24px!important;height:24px!important}.toast-close-button .iconify{font-size:14px!important}}@media (max-width: 1024px) and (min-width: 769px){.toast-container{top:1.25rem!important;right:1.25rem!important}.liquid-glass-toast-inverted{min-width:360px!important;max-width:440px!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.liquid-glass-toast-inverted{border-width:.5px}}.auth-cta-btn{width:100%!important;padding:1rem 1.5rem!important;min-height:50px!important;background:#006fee!important;color:#fff!important;border:none!important;border-radius:.75rem!important;font-family:inherit!important;font-size:1rem!important;font-weight:500!important;line-height:1.5!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;position:relative!important;overflow:hidden!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;cursor:pointer!important;background-image:none!important}.auth-cta-btn:hover,.auth-cta-btn:focus-visible{background:#1a8cff!important;box-shadow:0 8px 25px #006fee4d!important;transform:translateY(-1px)!important}.auth-cta-btn:active{background:#0056cc!important;transform:scale(.98)!important;transition:all .1s cubic-bezier(.4,0,.2,1)!important}.auth-cta-btn:disabled{background:#6b7280!important;color:#9ca3af!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important;opacity:.6!important}.auth-cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease;pointer-events:none;z-index:1}.auth-cta-btn:hover:before{left:100%}.auth-cta-btn:disabled:before{display:none!important}.auth-cta-btn>*{position:relative;z-index:2}.auth-cta-btn.submitting,.auth-cta-btn[disabled]{background:#006fee!important;cursor:wait!important;opacity:.8!important}.auth-cta-btn.submitting:hover,.auth-cta-btn[disabled]:hover{background:#006fee!important;transform:none!important;box-shadow:0 4px 12px #006fee33!important}.auth-google-btn.submitting,.auth-google-btn[disabled]{background:linear-gradient(135deg,#2a2a2a,#3d3d3d,#252525)!important;cursor:wait!important;opacity:.8!important}.auth-google-btn.submitting:hover,.auth-google-btn[disabled]:hover{background:linear-gradient(135deg,#2a2a2a,#3d3d3d,#252525)!important;transform:none!important}.auth-google-btn{width:100%!important;padding:1rem 1.5rem!important;min-height:50px!important;font-size:1rem!important;font-weight:500!important;line-height:1.5!important;border-radius:.75rem!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;position:relative!important;overflow:hidden!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;cursor:pointer!important;border:none!important;background:#f5f7fa!important;border:1px solid #E3EAF3!important;color:#1e293b!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;box-shadow:0 2px 8px #0003!important}.auth-google-btn:hover{background:#e3eaf3!important;border-color:#d1d9e6!important;transform:translateY(-1px)!important;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d,inset 0 1px #fffc!important}.auth-google-btn:active{transform:translateY(0) scale(.98)!important;box-shadow:0 2px 8px #0006,inset 0 2px 4px #0003!important;transition:all .1s cubic-bezier(.4,0,.2,1)!important}.auth-google-btn:focus{outline:none!important;box-shadow:0 4px 20px #00000080,0 0 0 3px #50505099!important}.auth-google-btn:disabled{background:#374151!important;border-color:#4b5563!important;color:#9ca3af!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important;opacity:.6!important}.auth-google-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease;pointer-events:none;z-index:1}.auth-google-btn:hover:before{left:100%}.auth-google-btn:disabled:before{display:none!important}.auth-google-btn>*{position:relative;z-index:2}.auth-google-btn svg{filter:brightness(1.1)!important;transition:filter .2s ease!important}.auth-google-btn:hover svg{filter:brightness(1.2) drop-shadow(0 0 4px rgba(255,255,255,.3))!important}.auth-google-btn:disabled svg{filter:grayscale(1) opacity(.5)!important}@keyframes auth-shimmer-move{0%{left:-75%;opacity:1}to{left:125%;opacity:0}}@keyframes google-shimmer{0%{left:-100%;opacity:0}50%{opacity:1}to{left:150%;opacity:0}}@media (max-width: 1024px){.auth-cta-btn,.auth-google-btn{padding:.875rem 1.25rem!important;font-size:.9rem!important;min-height:48px!important}}@media (max-width: 576px){.auth-cta-btn,.auth-google-btn{padding:.875rem 1rem!important;font-size:.875rem!important;min-height:50px!important}.auth-cta-btn:before,.auth-google-btn:before{width:60%;left:-80%}@keyframes auth-shimmer-move{0%{left:-80%;opacity:1}to{left:130%;opacity:0}}}@media (max-width: 480px){.auth-cta-btn,.auth-google-btn{padding:.8125rem .875rem!important;font-size:.8125rem!important;min-height:50px!important}}@media (max-width: 360px){.auth-cta-btn,.auth-google-btn{padding:.75rem!important;font-size:.75rem!important;min-height:50px!important}}.auth-cta-btn.welcome-signin-btn,.auth-google-btn.google-signin-btn{background:#006fee!important;padding:1rem 1.5rem!important;min-height:50px!important;font-size:1rem!important;border-radius:.75rem!important}.auth-google-btn.google-signin-btn{background:linear-gradient(135deg,#2a2a2a,#3d3d3d,#252525)!important;border:1px solid rgba(80,80,80,.3)!important}@media (max-width: 576px){.auth-cta-btn.welcome-signin-btn,.auth-google-btn.google-signin-btn,.auth-cta-btn,.auth-google-btn,#welcome-signin-submit-btn,#google-signin-btn,#google-signup-btn{min-height:50px!important;padding:.875rem 1rem!important;font-size:1rem!important}}@media (max-width: 576px) and (orientation: portrait){.auth-cta-btn,.auth-google-btn,#welcome-signin-submit-btn,#google-signin-btn,#google-signup-btn{min-height:50px!important;padding:.875rem 1rem!important}.auth-cta-btn .auth-cta-text,.auth-cta-btn .auth-loading-text,.auth-google-btn .auth-cta-text,.auth-google-btn .auth-loading-text,#welcome-signin-submit-btn .signin-button-text,#welcome-signin-submit-btn .signin-loading-text,#welcome-signin-submit-btn .auth-cta-text,#welcome-signin-submit-btn .auth-loading-text,#google-signin-btn .auth-cta-text,#google-signin-btn .auth-loading-text,#google-signin-btn span,#google-signup-btn .auth-cta-text,#google-signup-btn .auth-loading-text,#google-signup-btn span,.auth-cta-btn span:not(.iconify),.auth-google-btn span:not(.iconify),.auth-cta-btn .signin-button-text,.auth-cta-btn .signin-loading-text,.signin-button-text,.signin-loading-text{font-size:1.09375rem!important;line-height:1.3!important;font-weight:500!important}}.auth-cta-text,.auth-loading-text{font-weight:500!important;position:relative!important;z-index:2!important}.auth-cta-btn .iconify,.auth-google-btn .iconify{flex-shrink:0!important;position:relative!important;z-index:2!important}@media (max-width: 576px) and (orientation: landscape){.auth-cta-text,.auth-loading-text{font-size:.875rem!important}}@media (max-width: 480px){.auth-cta-text,.auth-loading-text{font-size:.8125rem!important}}@media (max-width: 360px){.auth-cta-text,.auth-loading-text{font-size:.75rem!important}}@media (max-width: 576px) and (orientation: portrait){.auth-cta-btn:focus,.auth-google-btn:focus{outline:3px solid #60a5fa!important;outline-offset:3px!important}.auth-cta-btn .auth-cta-text,.auth-cta-btn .auth-loading-text,.auth-google-btn .auth-cta-text,.auth-google-btn .auth-loading-text{text-shadow:0 1px 2px rgba(0,0,0,.1)!important}}@media (prefers-contrast: high){.auth-cta-btn,.auth-google-btn{border:2px solid currentColor!important}@media (max-width: 576px) and (orientation: portrait){.auth-cta-btn .auth-cta-text,.auth-cta-btn .auth-loading-text,.auth-google-btn .auth-cta-text,.auth-google-btn .auth-loading-text{font-weight:600!important}}}@media (prefers-reduced-motion: reduce){.auth-cta-btn,.auth-google-btn,.auth-cta-btn:before,.auth-google-btn:before{animation:none!important;transition:none!important}}@media (max-width: 767px){.space-y-6>*+*{margin-top:1.275rem!important}form.space-y-6>*+*{margin-top:1.275rem!important}.google-auth-section{margin-bottom:1.275rem!important}.auth-divider{margin-top:1.275rem!important;margin-bottom:1.275rem!important}.text-red-400.flex.items-center{margin-top:.25rem!important}}.registration-success-container{min-height:100vh;background:radial-gradient(ellipse at top left,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(ellipse at center,rgba(16,185,129,.08) 0%,transparent 70%),#0f172a;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);position:relative;overflow:hidden}.registration-success-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.05) 0%,transparent 50%);animation:float 20s ease-in-out infinite;pointer-events:none}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}.registration-success-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.165,.84,.44,1)}.registration-success-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:0}50%{opacity:1}}.registration-success-icon-container{width:96px;height:96px;background:radial-gradient(circle at center,rgba(16,185,129,.3) 0%,rgba(16,185,129,.1) 50%,transparent 100%),#10b9811a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(16,185,129,.3);border-radius:50%;position:relative;animation:pulse-glow 2s ease-in-out infinite}.registration-success-icon-container:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:linear-gradient(45deg,#10b98166,#05966966);z-index:-1;filter:blur(8px);animation:rotate-glow 4s linear infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #10b98166,0 0 40px #10b98133,inset 0 1px #fff3}50%{box-shadow:0 0 30px #10b98199,0 0 60px #10b9814d,inset 0 1px #ffffff4d}}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.registration-success-title{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:2.25rem;font-weight:700;line-height:1.2;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;letter-spacing:-.025em}.registration-success-subtitle{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:400;color:#94a3b8;margin-bottom:.5rem;line-height:1.5}.registration-success-email{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:1.5rem;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.registration-success-cta-btn{width:100%;padding:1rem 2rem;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed,#6d28d9);border:1px solid rgba(139,92,246,.3);border-radius:16px;position:relative;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.165,.84,.44,1);box-shadow:0 10px 25px -5px #8b5cf64d,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.registration-success-cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.registration-success-cta-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 15px 35px -5px #8b5cf666,0 5px 15px -3px #8b5cf633,0 0 0 1px #ffffff1a,inset 0 1px #fff3;border-color:#8b5cf680}.registration-success-cta-btn:hover:before{left:100%}.registration-success-cta-btn:active{transform:translateY(-1px) scale(1.01);transition:all .1s ease}.registration-success-support-link{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;color:#94a3b8;text-decoration:none;position:relative;transition:all .3s ease;padding:.5rem 0}.registration-success-support-link:after{content:"";position:absolute;bottom:.25rem;left:0;width:0;height:1px;background:linear-gradient(90deg,#8b5cf6,#7c3aed);transition:width .3s ease}.registration-success-support-link:hover{color:#e2e8f0}.registration-success-support-link:hover:after{width:100%}@media (max-width: 768px){.registration-success-card{margin:1rem;border-radius:20px}.registration-success-title{font-size:1.875rem}.registration-success-icon-container{width:80px;height:80px}.registration-success-cta-btn{font-size:1rem;padding:.875rem 1.5rem}}@media (max-width: 576px) and (orientation: portrait){.registration-success-cta-btn{font-size:1.09375rem;padding:1rem 1.75rem;letter-spacing:.025em}}.auth-glass-container{min-height:100vh;background:radial-gradient(ellipse at top left,rgba(139,92,246,.12) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(ellipse at center,rgba(16,185,129,.06) 0%,transparent 70%),#0f172a;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);position:relative;overflow:hidden}.auth-glass-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 75%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(circle at 75% 25%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(16,185,129,.04) 0%,transparent 50%);animation:float-auth 25s ease-in-out infinite;pointer-events:none}@keyframes float-auth{0%,to{transform:translateY(0) rotate(0) scale(1)}33%{transform:translateY(-15px) rotate(.5deg) scale(1.02)}66%{transform:translateY(8px) rotate(-.5deg) scale(.98)}}.auth-glass-card{background:#ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff0a,inset 0 1px #ffffff14;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.165,.84,.44,1);animation:auth-card-entrance .8s cubic-bezier(.165,.84,.44,1) forwards}@keyframes auth-card-entrance{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shimmer-auth 4s ease-in-out infinite}@keyframes shimmer-auth{0%,to{opacity:0}50%{opacity:1}}.auth-glass-logo{width:70%;height:auto;margin:-1rem auto .3rem;display:none;transition:all .3s ease}.auth-glass-logo:hover{transform:scale(1.05)}.auth-glass-title{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:2rem;font-weight:700;line-height:1.2;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:-.025em;text-align:center}.auth-glass-subtitle{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;color:#94a3b8;margin-bottom:1.2rem;line-height:1.5;text-align:center}.auth-glass-slogan{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;color:#64748b;margin-bottom:1.2rem;text-align:center;letter-spacing:.025em}.auth-glass-input-group{margin-bottom:1rem;position:relative}.auth-glass-label{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;color:#e2e8f0;margin-bottom:.5rem;display:block;transition:all .3s ease}.auth-glass-input-wrapper{position:relative;transition:all .3s cubic-bezier(.165,.84,.44,1)}.auth-glass-input-wrapper:focus-within{transform:translateY(-1px)}.auth-glass-input{width:100%;padding:.85rem .85rem .85rem 2.35rem;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;color:#fff;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.165,.84,.44,1);outline:none}.auth-glass-input::placeholder{color:#64748b;transition:all .3s ease}.auth-glass-input:focus{background:#ffffff14;border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a,0 4px 12px #8b5cf626,inset 0 1px #ffffff1a;transform:translateY(-1px)}.auth-glass-input:focus::placeholder{color:#94a3b8}.auth-glass-input-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:#64748b;transition:all .3s ease;pointer-events:none;z-index:10}.auth-glass-input-wrapper:focus-within .auth-glass-input-icon{color:#8b5cf6;transform:translateY(-50%) scale(1.1)}#welcome-glass-form .auth-glass-password-toggle,.auth-glass-input-wrapper .auth-glass-password-toggle{position:absolute!important;right:.875rem!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;border-radius:6px;transition:all .3s ease;z-index:10;display:flex;align-items:center;justify-content:center}#welcome-glass-form .auth-glass-password-toggle:hover,.auth-glass-input-wrapper .auth-glass-password-toggle:hover{color:#8b5cf6;background:#8b5cf61a;transform:translateY(-50%) scale(1.1)!important}.auth-glass-input.error{border-color:#ef444480;background:#ef44440d}.auth-glass-input.error:focus{box-shadow:0 0 0 3px #ef44441a,0 4px 12px #ef444426}.auth-glass-error-message{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;color:#f87171;animation:error-fade-in .3s ease-out}.auth-glass-error-message .iconify[data-icon="solar:danger-circle-bold"]{font-size:1.2em;flex-shrink:0}@keyframes error-fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.auth-glass-global-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:.85rem;margin-bottom:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:error-shake .5s ease-out}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.auth-glass-global-error-text{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;color:#f87171;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:normal;gap:.5rem}.auth-glass-global-error-text .iconify[data-icon="solar:danger-circle-bold"]{font-size:1.2em;flex-shrink:0}.auth-glass-cta-btn{width:100%;padding:.85rem 1.7rem;margin-top:1.5rem;min-height:48px;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#006fee,#0056c7,#004bb5);border:1px solid rgba(0,111,238,.3);border-radius:12px;position:relative;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.165,.84,.44,1);box-shadow:0 8px 20px -6px #006fee4d,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-glass-cta-btn svg.animate-spin{width:1.25rem;height:1.25rem;margin:0;flex-shrink:0}.auth-glass-cta-btn:focus,.auth-glass-cta-btn:focus-visible{outline:none;box-shadow:0 8px 20px -6px #006fee4d,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a,0 0 0 3px #006fee66}.auth-glass-cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease;pointer-events:none}.auth-glass-cta-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 28px -6px #006fee66,0 4px 12px -2px #006fee33,0 0 0 1px #ffffff1a,inset 0 1px #fff3;border-color:#006fee80}.auth-glass-cta-btn:hover:focus,.auth-glass-cta-btn:hover:focus-visible{box-shadow:0 12px 28px -6px #006fee66,0 4px 12px -2px #006fee33,0 0 0 1px #ffffff1a,inset 0 1px #fff3,0 0 0 3px #006fee66}.auth-glass-cta-btn:hover:before{left:100%}.auth-glass-cta-btn:active{transform:translateY(-1px) scale(1.01);transition:all .1s ease}.auth-glass-cta-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;min-height:48px;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-glass-cta-btn:disabled:hover{transform:none;box-shadow:0 8px 20px -6px #006fee4d,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.auth-glass-cta-btn:disabled svg.animate-spin{width:1.25rem;height:1.25rem;margin:0;flex-shrink:0}.auth-glass-google-btn{width:100%;padding:.85rem 1.7rem;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:500;color:#1e293b;background:#f5f7fa;border:1px solid #E3EAF3;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.165,.84,.44,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.25rem;position:relative;overflow:hidden}.auth-glass-google-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease;pointer-events:none}.auth-glass-google-btn:hover{background:#e3eaf3;border-color:#d1d9e6;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.auth-glass-google-btn:hover:before{left:100%}.auth-glass-google-btn-dark{width:100%;padding:.85rem 1.7rem;min-height:48px;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:500;color:#fff;background:linear-gradient(135deg,#2a2a2a,#3d3d3d,#252525);border:1px solid rgba(80,80,80,.3);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.165,.84,.44,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.25rem;position:relative;overflow:hidden;box-shadow:0 2px 8px #0003;outline:none}.auth-glass-google-btn-dark:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease;pointer-events:none}.auth-glass-google-btn-dark:hover{background:linear-gradient(135deg,#404040,#555,#383838);border-color:#64646466;transform:translateY(-1px);box-shadow:0 4px 20px #0000004d,0 0 0 1px #64646433,inset 0 1px #ffffff1a}.auth-glass-google-btn-dark:hover:before{left:100%}.auth-glass-google-btn-dark:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #0006,inset 0 2px 4px #0003;transition:all .1s cubic-bezier(.165,.84,.44,1)}.auth-glass-google-btn-dark:focus,.auth-glass-google-btn-dark:focus-visible{outline:none;box-shadow:0 4px 20px #00000080,0 0 0 3px #50505099}.auth-glass-google-btn-dark:hover:focus,.auth-glass-google-btn-dark:hover:focus-visible{box-shadow:0 4px 20px #0000004d,0 0 0 1px #64646433,inset 0 1px #ffffff1a,0 0 0 3px #50505099}.auth-glass-google-btn-dark:disabled{background:#374151;border-color:#4b5563;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6;min-height:48px;display:flex;align-items:center;justify-content:center;gap:.75rem}.auth-glass-google-btn-dark:disabled:before{display:none}.auth-glass-google-btn-dark:disabled svg{filter:grayscale(1) opacity(.5)}.auth-glass-google-btn-dark svg{filter:brightness(1.1);transition:filter .2s ease}.auth-glass-google-btn-dark:hover svg{filter:brightness(1.2) drop-shadow(0 0 4px rgba(255,255,255,.3))}.auth-glass-ab-test-label{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem;font-weight:600;color:#64748b;text-align:center;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.auth-glass-ab-test-label.light{color:#7c3aed}.auth-glass-ab-test-label.dark{color:#f59e0b}.auth-glass-divider{display:flex;align-items:center;margin:1.5rem 0}.auth-glass-divider:before,.auth-glass-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.auth-glass-divider-text{padding:0 1rem;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;color:#64748b}.auth-glass-link{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#c5c5c5;text-decoration:none;font-weight:500;transition:color .3s ease;position:relative;cursor:pointer;padding:.25rem .5rem;border-radius:6px;background:transparent;border:none;font-size:inherit}.auth-glass-link:hover{color:#fff}.auth-glass-checkbox-container{display:flex;align-items:center;gap:.5rem;margin:1rem 0}.auth-glass-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease;position:relative}.auth-glass-checkbox:checked{background:linear-gradient(135deg,#006fee,#0056c7);border-color:#006fee}.auth-glass-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:700}.auth-glass-checkbox-label{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;color:#e2e8f0;cursor:pointer}.auth-glass-page-enter{animation:page-enter .6s cubic-bezier(.165,.84,.44,1) forwards}.auth-glass-page-exit{animation:page-exit .4s cubic-bezier(.165,.84,.44,1) forwards}@keyframes page-enter{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes page-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@media (max-width: 768px){.auth-glass-card{margin:1rem;border-radius:20px;padding:1.7rem 1.3rem}.auth-glass-title{font-size:2.2rem}.auth-glass-logo{width:181px;margin:-.8rem auto .4rem;display:none!important}}@media (max-width: 576px) and (orientation: portrait){.auth-glass-cta-btn{font-size:1.09375rem;padding:.85rem 1.5rem;margin-top:1.5rem;min-height:50px;letter-spacing:.025em;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-glass-input{font-size:1rem;padding:.85rem .85rem .85rem 2.35rem}.auth-glass-card{padding:1.3rem .85rem}}.auth-light-theme .auth-glass-container{background:radial-gradient(ellipse at top left,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(ellipse at center,rgba(16,185,129,.04) 0%,transparent 70%),linear-gradient(135deg,#f8fafc,#e2e8f0,#f1f5f9)}.auth-light-theme .auth-glass-container:before{background:radial-gradient(circle at 25% 75%,rgba(139,92,246,.05) 0%,transparent 50%),radial-gradient(circle at 75% 25%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(16,185,129,.03) 0%,transparent 50%)}.auth-light-theme .auth-glass-card{background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #0000000a,inset 0 1px #ffffffe6}.auth-light-theme .auth-glass-card:before{background:linear-gradient(90deg,transparent,rgba(0,0,0,.05),transparent)}.auth-light-theme .auth-glass-title{background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-light-theme .auth-glass-subtitle{color:#64748b}.auth-light-theme .auth-glass-slogan{color:#475569}.auth-light-theme .auth-glass-label{color:#374151}.auth-light-theme .auth-glass-input{color:#1f2937;background:#ffffffb3;border:1px solid rgba(0,0,0,.1)}.auth-light-theme .auth-glass-input::placeholder{color:#9ca3af}.auth-light-theme .auth-glass-input:focus{background:#ffffffe6;border-color:#8b5cf64d;box-shadow:0 0 0 3px #8b5cf61a,0 4px 12px #8b5cf61a,inset 0 1px #ffffffe6}.auth-light-theme .auth-glass-input:focus::placeholder{color:#6b7280}.auth-light-theme .auth-glass-input-icon{color:#9ca3af}.auth-light-theme .auth-glass-input-wrapper:focus-within .auth-glass-input-icon{color:#8b5cf6}.auth-light-theme #welcome-glass-form .auth-glass-password-toggle,.auth-light-theme .auth-glass-input-wrapper .auth-glass-password-toggle{color:#9ca3af}.auth-light-theme #welcome-glass-form .auth-glass-password-toggle:hover,.auth-light-theme .auth-glass-input-wrapper .auth-glass-password-toggle:hover{color:#8b5cf6;background:#8b5cf60d;transform:translateY(-50%) scale(1.1)!important}.auth-light-theme .auth-glass-input.error{border-color:#ef44444d;background:#ef444408}.auth-light-theme .auth-glass-input.error:focus{box-shadow:0 0 0 3px #ef44441a,0 4px 12px #ef44441a}.auth-light-theme .auth-glass-error-message{color:#dc2626}.auth-light-theme .auth-glass-global-error{background:#ef44440d;border:1px solid rgba(239,68,68,.15)}.auth-light-theme .auth-glass-global-error-text{color:#dc2626}.auth-light-theme .auth-glass-error-message .iconify[data-icon="solar:danger-circle-bold"],.auth-light-theme .auth-glass-global-error-text .iconify[data-icon="solar:danger-circle-bold"]{font-size:1.2em;flex-shrink:0}.auth-light-theme .auth-glass-cta-btn{background:linear-gradient(135deg,#006fee,#0056c7,#004bb5);border:1px solid rgba(0,111,238,.2);box-shadow:0 8px 20px -6px #006fee40,0 0 0 1px #0000000d,inset 0 1px #fff3}.auth-light-theme .auth-glass-cta-btn:hover{box-shadow:0 12px 28px -6px #006fee59,0 4px 12px -2px #006fee33,0 0 0 1px #0000001a,inset 0 1px #ffffff4d}.auth-light-theme .auth-glass-google-btn-dark{color:#1e293b!important;background:#f5f7fa!important;border:1px solid #E3EAF3!important;box-shadow:0 2px 8px #0000001a!important}.auth-light-theme .auth-glass-google-btn-dark:hover{background:#e3eaf3!important;border-color:#d1d9e6!important;box-shadow:0 4px 20px #0000001f,0 0 0 1px #0000000d,inset 0 1px #fffc!important}.auth-light-theme .auth-glass-google-btn-dark svg{filter:brightness(.8)!important}.auth-light-theme .auth-glass-google-btn-dark:hover svg{filter:brightness(.7) drop-shadow(0 0 4px rgba(0,0,0,.1))!important}.auth-light-theme .auth-glass-divider:before,.auth-light-theme .auth-glass-divider:after{background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent)}.auth-light-theme .auth-glass-divider-text{color:#6b7280}.auth-light-theme .auth-glass-link{color:#475569}.auth-light-theme .auth-glass-link:hover{color:#1e293b}.auth-light-theme .auth-glass-checkbox{border:1px solid rgba(0,0,0,.2);background:#fffc}.auth-light-theme .auth-glass-checkbox:checked{background:linear-gradient(135deg,#006fee,#0056c7);border-color:#006fee}.auth-light-theme .auth-glass-checkbox-label{color:#374151}.auth-theme-toggle{position:fixed;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:600;color:#fff;background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.165,.84,.44,1);z-index:9999;box-shadow:0 4px 16px #0006;-webkit-user-select:none;user-select:none}.auth-theme-toggle:hover{background:#000c;transform:translateY(-1px);box-shadow:0 6px 20px #0006}.auth-theme-toggle .toggle-icon{font-size:1.125rem;transition:transform .3s ease}.auth-theme-toggle:hover .toggle-icon{transform:scale(1.1)}.auth-light-theme .auth-theme-toggle{color:#1f2937;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 12px #0000001a}.auth-light-theme .auth-theme-toggle:hover{background:#fffffff2;box-shadow:0 6px 20px #00000026}.auth-glass-container,.auth-glass-card,.auth-glass-input,.auth-glass-cta-btn,.auth-glass-google-btn-dark,.auth-theme-toggle{transition:all .3s cubic-bezier(.165,.84,.44,1)}@media (max-width: 768px){.auth-theme-toggle{top:.75rem;right:.75rem;padding:.625rem .875rem;font-size:.8125rem}.auth-theme-toggle .toggle-icon{font-size:1rem}}.image-requirements-carousel-modal{animation:carouselModalIn .4s cubic-bezier(.16,1,.3,1) forwards;transform-origin:center center}@media (max-height: 600px){.image-requirements-carousel-modal{min-height:90vh!important;max-height:95vh!important}}@media (max-height: 500px){.image-requirements-carousel-modal{min-height:95vh!important;max-height:98vh!important}}.carousel-content-area{display:flex;flex-direction:column;justify-content:center;padding-top:2.5rem!important}.comparison-card>div>div{width:240px!important;height:360px!important;aspect-ratio:2/3;overflow:hidden;margin:0 auto}.comparison-card .status-icon-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0003,0 2px 4px #0000001a,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1)}.comparison-card .status-icon-overlay:hover{transform:scale(1.05);box-shadow:0 12px 40px #0006,0 4px 12px #0000004d,inset 0 1px #ffffff26}.comparison-card .status-icon-overlay.success{background:#ffffffe6;border-color:#22c55e99;box-shadow:0 8px 32px #22c55e4d,0 2px 8px #0000004d,inset 0 1px #fff3}.comparison-card .status-icon-overlay.error{background:#ffffffe6;border-color:#ef444499;box-shadow:0 8px 32px #ef44444d,0 2px 8px #0000004d,inset 0 1px #fff3}.comparison-card img{width:240px;height:360px;object-fit:cover;object-position:center;aspect-ratio:2/3;transform-origin:center center}@media (max-width: 768px){.comparison-card>div>div{width:220px!important;height:330px!important;aspect-ratio:2/3;margin:0 auto}.comparison-card img{width:220px;height:330px;object-fit:cover;object-position:center;aspect-ratio:2/3}}@media (max-width: 480px){.comparison-card>div>div{width:180px!important;height:270px!important;aspect-ratio:2/3;margin:0 auto}.comparison-card img{width:180px;height:270px;object-fit:cover;object-position:center;aspect-ratio:2/3}}@media (max-width: 768px){.carousel-content-area{padding:2rem 1.5rem 1.5rem!important}.image-requirements-carousel-modal{margin:.5rem;min-height:85vh;max-height:90vh}}@media (max-width: 480px){.carousel-content-area{padding:1.25rem .75rem .75rem!important}.image-requirements-carousel-modal{margin:.25rem}.comparison-card p{font-size:.75rem!important}.carousel-content-area h2{font-size:1.125rem!important;margin-bottom:.5rem!important}.carousel-content-area p{font-size:.8125rem!important}.comparison-card .status-icon-overlay .iconify{font-size:28px!important}.comparison-card{max-width:160px;margin:0 auto .5rem}.comparison-card>div{padding:.25rem!important}.comparison-card>div>div{width:140px!important;height:210px!important}.comparison-card img{width:140px;height:210px}.grid.grid-cols-1.md\:grid-cols-2.gap-4{gap:.5rem!important}}@keyframes carouselModalIn{0%{opacity:0;transform:scale(.9) translateY(20px);filter:blur(10px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.image-requirements-carousel-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 50%,transparent);border-radius:24px 24px 0 0}.comparison-card{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);max-width:260px;margin:0 auto}.comparison-card:hover{transform:translateY(-4px)}.comparison-card>div{padding:.75rem!important}.comparison-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:1rem;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.comparison-card:hover:before{opacity:1}.comparison-card img{transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform}.comparison-card:hover img{transform:scale(1.05);filter:brightness(1.1) contrast(1.05)}.carousel-content-area>*{transition:all .3s cubic-bezier(.4,0,.2,1)}.carousel-content-area button{position:relative;overflow:hidden}.carousel-content-area button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.carousel-content-area button:hover:before{left:100%}.carousel-content-area>div:last-child .flex.items-center.gap-3 button{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.carousel-content-area>div:last-child .flex.items-center.gap-3 button:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;z-index:-1}.carousel-content-area>div:last-child .flex.items-center.gap-3 button:hover:after,.carousel-content-area>div:last-child .flex.items-center.gap-3 button[aria-current=true]:after{opacity:1}.image-requirements-carousel-modal>div:first-child{position:relative}.image-requirements-carousel-modal>div:first-child:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%);border-radius:24px 24px 0 0;pointer-events:none}.carousel-content-area+div+div{animation:slideIndicatorPulse 2s ease-in-out infinite}@keyframes slideIndicatorPulse{0%,to{opacity:.7}50%{opacity:1}}.image-requirements-carousel-modal button:focus-visible{outline:2px solid rgba(59,130,246,.6);outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}.comparison-card img{background:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.1) 75%);background-size:20px 20px;animation:imageLoadingShimmer 1.5s infinite linear}.comparison-card img[src]{animation:none;background:none}@keyframes imageLoadingShimmer{0%{background-position:0 0}to{background-position:20px 20px}}@media (max-width: 768px){.image-requirements-carousel-modal{margin:.75rem;max-height:calc(100vh - 1.5rem)}.carousel-content-area{padding:1rem!important}.comparison-card{margin-bottom:.75rem;max-width:180px;transform:scale(.98)}.comparison-card p{font-size:.875rem!important}.carousel-content-area h2{font-size:.5 rem!important}.carousel-content-area p{font-size:.675rem!important}.comparison-card>div{padding:.375rem!important}.comparison-card>div>div{width:160px!important;height:200px!important}.comparison-card img{width:160px;height:240px}.carousel-content-area>div:last-child{flex-direction:column;gap:.75rem}.carousel-content-area>div:last-child>button{order:2;width:100%;justify-content:center}.carousel-content-area>div:last-child>.flex.items-center.gap-3{order:1}}@media (prefers-color-scheme: dark){.image-requirements-carousel-modal{box-shadow:0 32px 64px #0009,0 16px 32px #0006,inset 0 1px #ffffff26}}@media (prefers-reduced-motion: reduce){.image-requirements-carousel-modal,.comparison-card,.comparison-card img,.carousel-content-area>*{animation:none!important;transition:none!important}.comparison-card:hover{transform:none}.comparison-card:hover img{transform:none;filter:none}}@media (prefers-contrast: high){.image-requirements-carousel-modal{border:2px solid rgba(255,255,255,.8);background:#000000f2}.comparison-card>div{border-width:2px}}@media print{.image-requirements-carousel-modal{display:none!important}}.dark{transition:background-color .3s ease,color .3s ease}.landing-hover-lift{transition:transform .2s ease}.landing-hover-lift:hover{transform:translateY(-4px)}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.gradient-text-animated{background-size:200% 200%;animation:gradient-shift 3s ease infinite}@keyframes pulse-glow{0%,to{opacity:.75}50%{opacity:1}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}