@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.limited-time-offer-modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.limited-time-offer-modal{background-color:#282c34;border-radius:10px;box-shadow:0 5px 15px #00000080;color:#fff;max-width:500px;padding:40px;position:relative;text-align:center;width:90%}.close-button{background:none;color:#fff;font-size:24px;right:15px;top:15px}.modal-content h2{font-size:2rem;margin-bottom:15px}.modal-content p{font-size:1.1rem;margin-bottom:20px}.timer{background-color:#3a3f47;border-radius:5px;font-size:3.5rem;font-weight:700;margin:20px 0;padding:15px}.promo-code,.timer{display:inline-block}.promo-code{background-color:#4a4f57;border:1px dashed #ccc;border-radius:5px;font-size:1.5rem;letter-spacing:2px;margin-bottom:30px;padding:15px 25px}.complete-purchase-button{background-color:#e50914;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-bottom:15px;padding:18px 30px;transition:background-color .3s ease;width:100%}.complete-purchase-button:hover{background-color:#f61a25}.decline-offer{color:#aaa;cursor:pointer;font-size:.9rem;text-decoration:underline}.decline-offer:hover{color:#fff}.custom-popup{align-items:center;display:flex;justify-content:center;position:fixed;z-index:10000}.popup-overlay{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.popup-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;padding:20px;position:relative;width:90%}.popup-close{background:none;border:none;color:#999;cursor:pointer;font-size:24px;position:absolute;right:15px;top:10px;z-index:10}.popup-close:hover{color:#333}.popup-text{line-height:1.6;margin:15px 0}.popup-image,.popup-video{margin:15px 0;text-align:center}.popup-image img,.popup-video video{border-radius:4px;max-width:100%}.custom-popup.center{left:50%;top:50%;transform:translate(-50%,-50%)}.custom-popup.top{left:50%;top:20px;transform:translateX(-50%)}.custom-popup.bottom{bottom:20px;left:50%;transform:translateX(-50%)}.custom-popup.left{left:20px;top:50%;transform:translateY(-50%)}.custom-popup.right{right:20px;top:50%;transform:translateY(-50%)}.custom-popup.fade .popup-content{animation:fadeZoom .3s ease-out}.custom-popup.slide .popup-content{animation:slideIn .3s ease-out}.custom-popup.bounce .popup-content{animation:bounceIn .6s ease-out}@keyframes fadeZoom{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.notification-popup{align-items:center;display:flex;justify-content:center;pointer-events:none;position:fixed;z-index:10001}.notification-popup.top-left,.notification-popup.top-right{top:20px}.notification-popup.bottom-left,.notification-popup.bottom-right{bottom:20px}.notification-popup.bottom-right,.notification-popup.top-right{right:20px}.notification-popup.bottom-left,.notification-popup.top-left{left:20px}.notification-content{animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;min-width:300px;padding:15px;pointer-events:auto;position:relative}.notification-close{background:none;border:none;color:inherit;cursor:pointer;font-size:20px;opacity:.7;position:absolute;right:10px;top:10px}.notification-close:hover{opacity:1}.notification-body{align-items:flex-start;display:flex;gap:10px}.notification-icon{font-size:1.5rem;line-height:1}.notification-text strong{display:block;font-size:1.1rem;margin-bottom:5px}.notification-text p{line-height:1.4;margin:0}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.notification-content{max-width:300px;min-width:250px}.notification-popup.top-left,.notification-popup.top-right{top:10px}.notification-popup.bottom-left,.notification-popup.bottom-right{bottom:10px}.notification-popup.bottom-right,.notification-popup.top-right{right:10px}.notification-popup.bottom-left,.notification-popup.top-left{left:10px}}.sidebar{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border-radius:1.5rem;box-shadow:5px 0 30px #0000004d;display:flex;flex-direction:column;height:93.5vh;left:0;margin:2rem 1rem;padding:24px 16px;position:fixed;top:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:260px;width:var(--sidebar-width,260px);z-index:1000}.sidebar-header{border-bottom:1px solid #ffffff0d;justify-content:center;margin-bottom:12px;padding:0 12px 24px}.sidebar-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#3b82f6 50%,#00f0ff);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 15px rgba(168,85,247,.3));font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin:0}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding-right:4px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebar-link{align-items:center;border:1px solid #0000;border-radius:16px;color:#94a3b8;display:flex;font-size:.95rem;font-weight:500;margin:0;overflow:hidden;padding:14px 16px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-link:hover{background:#ffffff0d;border-color:#ffffff0d;box-shadow:0 4px 12px #0000001a;color:#f1f5f9;transform:translateX(4px)}.sidebar-link.active{background:linear-gradient(90deg,#a855f726,#a855f70d);border:1px solid #a855f733;box-shadow:0 0 20px #a855f726;color:#d8b4fe}.sidebar-link.active:before{background:#a855f7;border-radius:0 4px 4px 0;box-shadow:0 0 10px #a855f7cc;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar-icon{align-items:center;display:flex;font-size:1.3rem;justify-content:center;margin-right:14px;transition:transform .3s ease;width:24px}.sidebar-link:hover .sidebar-icon{color:#a855f7;transform:scale(1.1) rotate(5deg)}.sidebar-link.active .sidebar-icon{color:#a855f7;filter:drop-shadow(0 0 8px rgba(168,85,247,.4))}.sidebar-user{border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:20px 0 0}.logout-link{background:#0000;border:none;color:#ef4444;cursor:pointer;opacity:.8;text-align:left;width:100%}.logout-link:hover{background:#ef44441a;border-color:#ef444433;color:#ef4444;opacity:1}.logout-link .sidebar-icon{color:inherit}.sidebar-user .sidebar-link{font-size:.9rem;padding:10px 16px}@media (max-width:1024px){.sidebar{padding:20px 10px;width:80px}.sidebar-header h2,.sidebar-link span{display:none}.sidebar-header{justify-content:center;padding:0 0 20px}.sidebar-link{justify-content:center;padding:14px}.sidebar-icon{font-size:1.5rem;margin:0}.sidebar-link:hover{background:#ffffff1a;transform:none}.sidebar-link.active:before{display:none}.sidebar-link.active{background:#a855f726}}@media (max-width:768px){.sidebar{width:70px}}.homepage-banner{animation-duration:1s;animation-fill-mode:both;box-shadow:0 2px 4px #0000001a;font-size:16px;font-weight:500;padding:12px 20px;position:relative;text-align:center;width:100%;z-index:100}.banner-content{margin:0 auto;max-width:1200px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.fade{animation-name:fade}.slide{animation-name:slide}.bounce{animation-name:bounce}.pulse{animation-name:pulse}.header-avatar-wrapper{display:inline-block;height:40px;position:relative;width:40px}.header-profile-frame{background:#0000!important;background-attachment:scroll!important;background-color:initial!important;background-image:none!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;border:none!important;box-shadow:none!important;mix-blend-mode:normal;opacity:1!important;pointer-events:none;position:absolute}.auth-modal-overlay{align-items:center;animation:authFadeIn .3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:10000}@keyframes authFadeIn{0%{opacity:0}to{opacity:1}}@keyframes authSlideUp{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-container{animation:authSlideUp .4s cubic-bezier(.16,1,.3,1);border:1px solid #ffffff14;border-radius:20px;box-shadow:0 25px 60px #00000080,0 0 80px #a855f714,inset 0 1px 0 #ffffff0f;display:flex;max-height:90vh;max-width:880px;min-height:520px;overflow:hidden;width:100%}.auth-art-panel{background:linear-gradient(135deg,#0f0a1e,#1a0e2e 50%,#0d1117);display:flex;flex:0 0 42%;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:2.5rem;position:relative}.auth-art-panel img{height:100%;inset:0;object-fit:cover;opacity:.5;position:absolute;width:100%;z-index:0}.auth-art-panel:after{background:linear-gradient(0deg,#0a0519f2 0,#0a05194d 50%,#0000);content:"";inset:0;position:absolute;z-index:1}.auth-art-content{position:relative;z-index:2}.auth-art-content .auth-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#6366f1,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;margin-bottom:.5rem}.auth-art-content .auth-tagline{color:#ffffff8c;font-size:.9rem;line-height:1.6;max-width:280px}.auth-form-panel{background:#0d0f17;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow-y:auto;padding:2.5rem 3rem;position:relative}.auth-form-panel .auth-close-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;font-size:1.3rem;height:36px;justify-content:center;position:absolute;right:1.25rem;top:1.25rem;transition:all .2s ease;width:36px;z-index:5}.auth-form-panel .auth-close-btn:hover{background:#ef444426;border-color:#ef44444d;color:#f87171;transform:rotate(90deg)}.auth-form-header{margin-bottom:1.75rem}.auth-form-header h2{color:#f1f5f9;font-size:1.65rem;font-weight:700;margin:0 0 .35rem}.auth-form-header p{color:#fff6;font-size:.85rem;margin:0}.auth-form{gap:1.15rem}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:.4rem}.auth-field label{color:#ffffff80;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.auth-field input{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;box-sizing:border-box;color:#e5e7eb;font-size:.95rem;outline:none;padding:.8rem 1rem;transition:all .25s ease;width:100%}.auth-field input::placeholder{color:#fff3}.auth-field input:focus{background:#ffffff0f;border-color:#a855f780;box-shadow:0 0 0 3px #a855f71a}.auth-submit-btn{background:linear-gradient(135deg,#a855f7,#7c3aed,#6366f1);background-size:200% 200%;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:.02em;margin-top:.5rem;overflow:hidden;padding:.85rem;position:relative;transition:all .3s ease;width:100%}.auth-submit-btn:before{background:linear-gradient(135deg,#0000,#ffffff1f 50%,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .5s ease}.auth-submit-btn:hover:not(:disabled):before{transform:translateX(100%)}.auth-submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #a855f759;transform:translateY(-1px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.45}.auth-divider{align-items:center;display:flex;gap:.75rem;margin:.25rem 0}.auth-divider:after,.auth-divider:before{background:#ffffff14;content:"";flex:1 1;height:1px}.auth-divider span{color:#ffffff4d;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.auth-google-wrapper{display:flex;justify-content:center}.auth-alert{border-radius:10px;font-size:.85rem;line-height:1.5;padding:.75rem 1rem;text-align:center}.auth-alert.error{background:#ef44441f;border:1px solid #ef444433;color:#fca5a5}.auth-alert.success{background:#22c55e1f;border:1px solid #22c55e33;color:#86efac}.auth-footer{align-items:center;display:flex;flex-direction:column;gap:.6rem;margin-top:1.5rem}.auth-link-btn{background:none;border:none;color:#a855f7cc;cursor:pointer;font-size:.85rem;padding:0;transition:color .2s ease}.auth-link-btn:hover{color:#c084fc;text-decoration:underline}.auth-resend-section{border-top:1px solid #ffffff0f;margin-top:1rem;padding-top:1rem;text-align:center}.auth-resend-section p{color:#fff6;font-size:.8rem;margin-bottom:.6rem}.auth-resend-section input{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;box-sizing:border-box;color:#e5e7eb;font-size:.9rem;margin-bottom:.6rem;outline:none;padding:.65rem 1rem;width:100%}.auth-resend-section input:focus{border-color:#a855f766}@media (max-width:768px){.auth-modal-container{flex-direction:column;max-height:95vh;max-width:95vw;min-height:0;min-height:auto}.auth-art-panel{flex:0 0 auto;min-height:120px;padding:1.5rem}.auth-form-panel{padding:1.75rem 1.5rem}.auth-form-header h2{font-size:1.4rem}}@media (max-width:480px){.auth-art-panel{display:none}.auth-modal-container{border-radius:16px}.auth-form-panel{padding:1.5rem 1.25rem}}.floating-nav{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--border-radius-lg);bottom:var(--content-padding);box-shadow:0 8px 32px 0 var(--shadow-color);display:none;gap:.5rem;left:var(--content-padding);padding:.5rem;position:fixed;z-index:950}.floating-nav-link{align-items:center;border-radius:var(--border-radius-md);color:#9ca3af;display:flex;flex-direction:column;font-weight:500;gap:5px;padding:.85rem 1.2rem .75rem;text-decoration:none;transition:all .2s ease-in-out}.floating-nav-link:hover{background:#ffffff0d;color:var(--on-surface-color)}.floating-nav-link.active{background:var(--primary-color);color:#fff}.floating-nav-icon{font-size:1.4rem}.floating-nav-text{display:none}@media (max-width:768px){.floating-nav{display:flex}}@media (max-width:525px){.floating-nav{left:50%;transform:translateX(-50%);width:auto}}.floating-nav-chat{border-radius:15rem;bottom:auto!important;display:flex;flex-direction:row;left:var(--content-padding);margin-top:1rem;padding:0;top:calc(var(--header-height) + 1rem)}.floating-nav-chat .floating-nav-link{border-radius:50%;padding:.75rem 1.1rem .5rem}@media (max-width:525px){.floating-nav-chat{left:var(--content-padding);transform:none;width:auto}}@media (min-width:768px){.floating-nav-chat{display:none}}.tool-card{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:20px;box-shadow:0 10px 30px #0000004d;cursor:pointer;display:flex;flex-direction:column;height:100%;margin:0 auto;overflow:hidden;position:relative;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease,border-color .3s ease;width:100%}.tool-card:hover{border-color:#a855f780;box-shadow:0 20px 50px #00000080,0 0 20px #a855f726;transform:translateY(-8px)}.tool-card.coming-soon{cursor:not-allowed;opacity:.7}.tool-card.coming-soon:hover{border-color:#ffffff26;box-shadow:0 4px 30px #0000001a;transform:none}.tool-card-image{align-items:center;background:#0003;display:flex;flex-shrink:0;justify-content:center;overflow:hidden;position:relative;width:100%}.tool-card-image:before{background:linear-gradient(135deg,#a855f726,#3b82f626);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.tool-icon{align-items:center;color:#a855f7;display:flex;height:100%;justify-content:center;width:100%;z-index:2}.tool-icon,.tool-icon.emoji{font-size:3.5rem}.tool-icon.text{align-items:center;background:#a855f733;border-radius:50%;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:80px;justify-content:center;width:80px}.tool-card-image-element{display:block;height:auto;width:100%;z-index:2}.tool-card-video-container{align-items:center;background:#0003;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:2}.tool-card-video{background:#0000004d;display:block;height:auto;width:100%}.tool-card-video-placeholder{align-items:center;background:#0000004d;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%;z-index:2}.tool-video-icon{color:#a855f7;font-size:2rem;margin-bottom:10px}.tool-video-text{color:#fffc;font-size:.9rem}.tool-card-content{display:flex;flex-direction:column;flex-grow:1;padding:24px}.tool-card-title{color:#fff;flex-shrink:0;font-size:1.3rem;font-weight:600;line-height:1.3;margin:0 0 12px}.tool-card-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#fffc;display:-webkit-box;flex-grow:1;font-size:.95rem;line-height:1.5;margin:0 0 15px;overflow:hidden;text-overflow:ellipsis}.tool-card-tags{display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;margin-top:auto}.tool-tag{background:#a855f726;border:1px solid #a855f740;border-radius:20px;color:#d8b4fe;font-size:.75rem;font-weight:600;padding:6px 14px}.coming-soon-badge{background:#ffc107e6;box-shadow:0 2px 10px #0003;color:#212529;font-weight:700;padding:5px 10px;z-index:3}.horizontal-tool-slider .tool-card{min-height:260px}.horizontal-tool-slider .tool-card-image{height:120px}.horizontal-tool-slider .tool-card-image-element{height:100%;object-fit:cover}.horizontal-tool-slider .tool-card-content{padding:15px}.horizontal-tool-slider .tool-card-title{font-size:1.1rem;margin:0 0 8px}.horizontal-tool-slider .tool-card-description{font-size:.85rem;margin:0 0 10px}.horizontal-tool-slider .tool-tag{font-size:.7rem;padding:3px 8px}@media (max-width:768px){.horizontal-tool-slider .tool-card{min-height:250px}.horizontal-tool-slider .tool-card-image{height:110px}.tool-card-title{font-size:1.2rem}.horizontal-tool-slider .tool-card-title{font-size:1rem}.tool-card-description{font-size:.9rem}.horizontal-tool-slider .tool-card-description{font-size:.8rem}}@media (max-width:480px){.horizontal-tool-slider .tool-card{height:-webkit-fit-content;height:fit-content;width:-webkit-fit-content;width:fit-content}.horizontal-tool-slider .tool-card-image{height:120px}.tool-card-content{padding:15px}.horizontal-tool-slider .tool-card-content{padding:12px}.tool-card-title{font-size:1.1rem}.horizontal-tool-slider .tool-card-title{font-size:.95rem}.tool-card-description{font-size:.85rem}.horizontal-tool-slider .tool-card-description{font-size:.75rem}.tool-tag{font-size:.7rem;padding:2px 8px}.horizontal-tool-slider .tool-tag{font-size:.65rem;padding:2px 6px}.tool-icon{font-size:3rem}.tool-icon.text{font-size:2rem;height:70px;width:70px}}.creator-avatar-wrapper{display:inline-block;height:40px;position:relative;width:40px}.creator-avatar-wrapper img{border-radius:50%;height:40px;object-fit:cover;position:relative;width:40px;z-index:2}.gallery-profile-frame{background:#0000!important;background-attachment:scroll!important;background-color:initial!important;background-image:none!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;border:none!important;box-shadow:none!important;mix-blend-mode:normal;opacity:1!important;pointer-events:none;position:absolute}.privacy-toggle-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s ease;width:30px;z-index:10}.privacy-toggle-btn:hover{background:#000c;transform:scale(1.1)}.ad-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin:10px 0;overflow:hidden}.ad-card,.ad-container{align-items:center;display:flex;justify-content:center;min-height:250px;width:100%}.ad-container{padding:10px}.ad-container iframe{border:none;height:100%;width:100%}.ad-placeholder{color:#9ca3af;padding:20px;text-align:center}.ad-placeholder p{font-size:14px;margin:0}.landing-page{margin:0 auto;max-width:1400px;padding:20px}.homepage-section{margin-bottom:40px}.section-header{flex-wrap:wrap;gap:10px;margin-bottom:20px}.section-title{align-items:center;color:#fff;display:flex;flex:1 1;font-size:1.8rem;font-weight:700;gap:10px;min-width:200px}.section-icon{color:var(--primary-color)}.see-all-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.see-all-btn:hover{background:#a855f733;border-color:var(--primary-color)}.gallery-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.masonry-grid{display:flex;margin-left:-20px;width:auto}.masonry-grid_column{background-clip:padding-box;padding-left:20px}.masonry-grid_column>div{margin-bottom:20px}.tool-card-wrapper{cursor:pointer;width:100%}.no-data-message{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;grid-column:1/-1;padding:40px 20px;text-align:center}.no-data-message p{color:#ffffffb3;font-size:1.1rem;margin:0}.challenges-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.challenge-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;gap:15px;padding:20px;transition:all .3s ease}.challenge-card:hover{border-color:#a855f780;box-shadow:0 10px 25px #0000004d;transform:translateY(-5px)}.challenge-icon{align-items:center;background:#a855f733;border-radius:12px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.challenge-icon svg{color:var(--primary-color);font-size:1.5rem}.challenge-content{flex-grow:1}.challenge-title{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 8px}.challenge-description{color:#ffffffb3;font-size:.9rem;line-height:1.5;margin:0 0 15px}.challenge-stats{align-items:center;display:flex;justify-content:space-between}.participant-count{color:#fff9;font-size:.85rem}.reward-credits{background:#a855f733;border-radius:12px;color:var(--primary-color);font-size:.8rem;font-weight:500;padding:4px 10px}.loader-overlay{min-height:400px}.loader{border:5px solid #ffffff1a;border-top:5px solid var(--primary-color);height:48px;width:48px}.error-message{color:#ff6b6b;font-size:1.2rem}@media (max-width:1024px){.landing-page{padding:15px}.section-title{font-size:1.6rem}.gallery-row{gap:15px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.masonry-grid{margin-left:-15px}.masonry-grid_column{padding-left:15px}.masonry-grid_column>div{margin-bottom:15px}.challenges-row{gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.landing-page{padding:15px}.section-title{font-size:1.5rem}.gallery-row{gap:15px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.masonry-grid{margin-left:-15px}.masonry-grid_column{padding-left:15px}.masonry-grid_column>div{margin-bottom:15px}.challenges-row{grid-template-columns:1fr}.challenge-card{padding:15px}.challenge-icon{height:40px;width:40px}.challenge-icon svg{font-size:1.2rem}.challenge-title{font-size:1.1rem}}@media (max-width:480px){.landing-page{padding:10px}.section-header{align-items:center;flex-direction:row;gap:10px}.section-title{flex:1 1;font-size:1.4rem;min-width:auto}.see-all-btn{font-size:.9rem;padding:6px 12px}.gallery-row{gap:10px;grid-template-columns:repeat(2,1fr)}.masonry-grid{margin-left:-10px}.masonry-grid_column{padding-left:10px}.masonry-grid_column>div{margin-bottom:10px}.challenge-content{min-width:0}.challenge-title{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.challenge-description{font-size:.8rem}.challenge-stats{align-items:flex-start;flex-direction:column;gap:5px}}.idm-overlay{align-items:center;animation:idm-fadeIn .25s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:10000}.idm-overlay.idm-closing{animation:idm-fadeOut .3s ease-in forwards}@keyframes idm-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes idm-fadeOut{0%{opacity:1}to{opacity:0}}.idm-container{animation:idm-slideUp .35s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(145deg,#0f121ef2,#0a0c16fa);border:1px solid #ffffff0f;border-radius:24px;box-shadow:0 25px 80px #000000b3,0 0 60px #a855f70d;height:90vh;max-width:1200px;overflow:hidden;position:relative;width:100%}.idm-container.idm-closing{animation:idm-slideDown .3s ease-in forwards}@keyframes idm-slideUp{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes idm-slideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(30px) scale(.97)}}.idm-close{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border:1px solid #ffffff1a;border-radius:50%;color:#e2e8f0;cursor:pointer;display:flex;font-size:1.3rem;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .25s ease;width:36px;z-index:20}.idm-close:hover{background:#ef444480;border-color:#ef444480;transform:scale(1.1)}.idm-layout{display:grid;grid-template-columns:1.2fr 1fr;height:100%;width:100%}.idm-media{align-items:center;background:#050508;display:flex;justify-content:center;overflow:hidden;position:relative}.idm-media img,.idm-media video{height:100%;object-fit:contain;width:100%}.idm-info{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;scrollbar-color:#a855f74d #0000;scrollbar-width:thin}.idm-info::-webkit-scrollbar{width:4px}.idm-info::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:10px}.idm-header{background:#0003;border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:1.25rem 3.5rem 1.25rem 1.5rem}.idm-creator-link,.idm-header{align-items:center;display:flex}.idm-creator-link{color:inherit;gap:.75rem;text-decoration:none;transition:opacity .2s}.idm-creator-link:hover{opacity:.85}.idm-avatar-wrap{flex-shrink:0;height:44px;position:relative;width:44px}.idm-avatar{border:2px solid #a855f766;border-radius:50%;height:44px;object-fit:cover;width:44px}.idm-creator-text{display:flex;flex-direction:column}.idm-username{color:#f8fafc;font-size:1rem;font-weight:700}.idm-role{color:#64748b;font-size:.75rem;text-transform:capitalize}.idm-social{align-items:center;display:flex;gap:.6rem}.idm-social .particle-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;cursor:pointer;display:inline-flex;gap:.4rem;padding:.4rem .7rem;transition:all .25s ease}.idm-social .particle-btn:hover{background:#ffffff14;transform:translateY(-1px)}.idm-heart-icon{color:#64748b;font-size:1.1rem;transition:all .3s cubic-bezier(.215,.61,.355,1)}.idm-social .like-btn.active .idm-heart-icon{color:#ff69b4;filter:drop-shadow(0 0 6px rgba(255,105,180,.5));transform:scale(1.15)}.idm-star-icon{color:#64748b;font-size:1.1rem;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.idm-social .wish-btn.active .idm-star-icon{color:gold;filter:drop-shadow(0 0 6px rgba(255,215,0,.5));transform:scale(1.15) rotate(15deg)}.idm-social .particle-btn span{color:#94a3b8;font-size:.85rem;font-weight:600;transition:color .3s ease}.idm-social .like-btn.active span{color:#ff69b4}.idm-social .wish-btn.active span{color:gold}.idm-social .particle-btn svg{height:auto;width:auto}.idm-actions{border-bottom:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:.6rem;padding:1rem 1.5rem}.idm-action-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;color:#cbd5e1;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:.45rem;padding:.55rem 1rem;transition:all .25s ease;white-space:nowrap}.idm-action-btn:hover{background:#a855f71f;border-color:#a855f759;color:#e2e8f0;transform:translateY(-1px)}.idm-action-btn svg{color:#a78bfa;font-size:.85rem}.idm-action-btn.idm-delete-btn{background:#ef44441a;border-color:#ef444433;color:#f87171}.idm-action-btn.idm-delete-btn:hover{background:#ef444433;border-color:#ef444466}.idm-action-btn.idm-delete-btn svg{color:#f87171}.idm-action-btn.idm-privacy-btn{background:#f59e0b14;border-color:#f59e0b26;color:#f59e0b}.idm-action-btn.idm-privacy-btn:hover{background:#f59e0b26;border-color:#f59e0b4d}.idm-action-btn.idm-privacy-btn svg{color:#f59e0b}.idm-body{display:flex;flex:1 1;flex-direction:column;gap:1.25rem;padding:1.25rem 1.5rem}.idm-private-notice{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:12px;color:#f59e0b;display:flex;font-size:.85rem;font-weight:500;gap:.6rem;padding:.7rem 1rem}.idm-section-title{color:#a855f7;font-size:.7rem;font-weight:700;letter-spacing:1.5px;margin:0;text-transform:uppercase}.idm-prompt-box{background:#00000040;border:1px solid #ffffff0d;border-radius:14px;color:#e2e8f0;font-size:.92rem;line-height:1.65;margin:0;padding:1rem 1.25rem}.idm-details-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.idm-detail-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem}.idm-detail-item span{color:#64748b;font-size:.7rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.idm-detail-item strong{color:#f8fafc;font-size:.95rem;font-weight:700;word-break:break-all}.idm-neg-prompt-box{background:#ef44440a;border:1px solid #ef44441a;border-radius:14px;color:#94a3b8;font-size:.88rem;line-height:1.6;margin:0;padding:1rem 1.25rem}@media (max-width:768px){.idm-overlay{align-items:flex-end;padding:0}.idm-container{animation:idm-slideUpMobile .35s cubic-bezier(.33,1,.68,1);border-radius:20px 20px 0 0;height:95dvh;max-height:95dvh;max-width:100%}.idm-container.idm-closing{animation:idm-slideDownMobile .3s ease-in forwards}@keyframes idm-slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes idm-slideDownMobile{0%{transform:translateY(0)}to{transform:translateY(100%)}}.idm-drag-handle{align-items:center;cursor:grab;display:flex;justify-content:center;left:0;padding:10px 0 6px;position:absolute;right:0;top:0;touch-action:none;z-index:25}.idm-drag-handle:active{cursor:grabbing}.idm-drag-bar{background:#ffffff4d;border-radius:4px;height:4px;transition:background .2s,width .2s;width:40px}.idm-drag-handle:active .idm-drag-bar{background:#ffffff80;width:50px}.idm-layout{grid-template-columns:1fr;grid-template-rows:38vh 1fr}.idm-media{border-radius:20px 20px 0 0;overflow:hidden}.idm-close{background:#000000b3;height:32px;right:.75rem;top:.75rem;width:32px}.idm-header{padding:1rem}.idm-actions{-ms-overflow-style:none;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;padding:.75rem 1rem;scrollbar-width:none}.idm-actions::-webkit-scrollbar{display:none}.idm-action-btn{flex-shrink:0;font-size:.78rem;padding:.5rem .85rem}.idm-body{gap:1rem;padding:1rem}.idm-details-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.idm-detail-item{padding:.6rem .8rem}.idm-social .particle-btn{padding:.35rem .6rem}}@media (max-width:400px){.idm-layout{grid-template-rows:35vh 1fr}.idm-action-btn{font-size:.75rem;padding:.45rem .7rem}}.toggle-switch-container{align-items:center;display:flex;gap:12px}.toggle-switch-label{color:#e0e0e0;cursor:pointer;font-size:1rem;font-weight:500}.toggle-switch{display:inline-block;flex-shrink:0;height:26px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ffffff1a;border:1px solid #fff3;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:3px;box-shadow:0 2px 5px #0000004d;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#a855f7;border-color:#a855f7}input:focus+.slider{box-shadow:0 0 1px #a855f7}input:checked+.slider:before{transform:translateX(24px)}.slider.round{border-radius:26px}.slider.round:before{border-radius:50%}.gallery-controls-redesigned{align-items:center;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:20px;box-shadow:0 10px 30px #0003;display:flex;justify-content:space-between;margin:20px 0;padding:12px 20px;transition:all .3s ease}.gallery-controls-redesigned:hover{background:var(--surface-color);border:1px solid #a855f74d}.control-group{align-items:center;display:flex;gap:12px}.control-group label{color:#e0e0e0;font-size:1rem;font-weight:500;text-shadow:0 1px 2px #0003}.custom-select-wrapper{position:relative}.custom-select-wrapper:after{color:#9e9e9e;content:"▼";font-size:.8rem;pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:color .3s ease}.gallery-controls-redesigned select{-webkit-appearance:none;appearance:none;background-color:var(--surface-color);border:1px solid var(--glass-border-color);border-radius:12px;box-shadow:0 4px 15px #0000004d;color:#f0f0f0;cursor:pointer;font-size:1rem;outline:none;padding:10px 36px 10px 16px;transition:all .3s ease}.gallery-controls-redesigned select:hover{background-color:#a855f714;border-color:#a855f7}.gallery-controls-redesigned select:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f74d}.gallery-tabs{display:flex;gap:5px;justify-content:center;margin:20px 0}.gallery-tabs .tab{background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:12px 12px 0 0;box-shadow:none;color:#94a3b8;cursor:pointer;font-weight:500;outline:none;padding:12px 24px;transition:all .3s ease}.gallery-tabs .tab:hover{background:#a855f714;border-color:#a855f74d;color:#d8b4fe}.gallery-tabs .tab.active{background:#a855f726;border-color:#a855f7;border-bottom:2px solid #a855f7;box-shadow:inset 0 2px 15px #a855f733;color:#fff}.video-container{height:100%;position:relative;width:100%}.video-container video{object-fit:cover}.video-container video,.video-overlay{border-radius:8px;height:100%;width:100%}.video-overlay{align-items:center;background:#0000;display:flex;justify-content:center;opacity:0;top:0;transition:background .3s ease}.video-container:hover .video-overlay{background:#0000004d;opacity:1}.video-overlay:hover{background:#00000080}.video-play-icon{color:#fff;font-size:2rem;opacity:0;transform:scale(0);transition:all .3s ease}.video-container:hover .video-play-icon{opacity:.8;transform:scale(1)}@media (max-width:600px){.gallery-controls-redesigned{align-items:center;flex-direction:row;gap:10px;padding:10px 15px}.control-group,.gallery-controls-redesigned{justify-content:space-between}.gallery-tabs{justify-content:flex-start;overflow-x:auto;padding:0 10px}.gallery-tabs .tab{padding:8px 15px;white-space:nowrap}}.nsfw-icon-btn{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;font-size:1.1rem;gap:8px;padding:8px 16px;transition:all .3s ease}.nsfw-icon-btn:hover{background:#a855f714;border-color:#a855f74d;color:#d8b4fe}.nsfw-icon-btn.active{background:#ef44441a;border-color:#ef444466;box-shadow:0 0 15px #ef444433;color:#ef4444}.nsfw-badge{font-size:.85rem;font-weight:800;letter-spacing:.5px}.profile-avatar-wrapper{height:120px;width:120px}.profile-page-avatar{height:100%;width:100%}.profile-frame{background:#0000!important;background-attachment:scroll!important;background-color:initial!important;background-image:none!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;border:none!important;box-shadow:none!important;height:140px;height:var(--frame-size,140px);left:-10px;left:var(--frame-left,-10px);mix-blend-mode:normal;opacity:1!important;pointer-events:none;position:absolute;top:-10px;top:var(--frame-top,-10px);transform:rotate(0deg);transform:rotate(var(--frame-rotation,0deg));width:140px;width:var(--frame-size,140px);z-index:1;z-index:var(--frame-z-index,1)}.profile-controls{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:20px;box-shadow:0 10px 30px #0006;margin:30px 0;padding:12px 20px}.profile-tabs{background-color:#0000004d;border:1px solid #ffffff0d;border-radius:12px;padding:6px}.profile-tabs button{background-color:initial;color:#94a3b8;font-size:1rem;font-weight:600;padding:10px 24px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.profile-tabs button.active{background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 4px 15px #a855f766;transform:translateY(-2px)}.profile-tabs button:not(.active):hover{background-color:#a855f71a;color:#e2e8f0}.profile-controls .control-group{align-items:center;color:#e0e0e0;display:flex;gap:12px}@media (max-width:768px){.profile-controls{align-items:stretch;flex-direction:column;gap:15px}.profile-tabs{justify-content:center}}.settings-layout{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1400px;padding:0 1rem}.settings-tabs{align-self:center;background-color:#0000004d;border:1px solid #ffffff0d;border-radius:12px;display:flex;flex-wrap:wrap;justify-content:center;max-width:800px;padding:6px;width:100%}.settings-tabs .tab-button{background-color:initial;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;min-width:-webkit-max-content;min-width:max-content;padding:10px 24px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap}.settings-tabs .tab-button.active{background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 4px 15px #a855f766;color:#fff;transform:translateY(-2px)}.settings-tabs .tab-button:not(.active):hover{background-color:#a855f71a;color:#e2e8f0}.settings-content{margin-top:1rem}.settings-forms-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));width:100%}.glass-panel{border-radius:20px;box-shadow:0 15px 40px #00000080;display:flex;flex-direction:column;gap:1.5rem;height:-webkit-fit-content;height:fit-content;padding:2rem}.my-frames-section h3,.referral-section h3,.settings-form h3,.transaction-history h3{border-bottom:1px solid #ffffff0d;color:#f8fafc;font-size:1.4rem;font-weight:700;margin:0;padding-bottom:1rem}.form-group{gap:.5rem}.form-group label{color:#94a3b8;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;color:#f8fafc;font-size:1rem;padding:.85rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#0006;border-color:#a855f780;box-shadow:0 0 0 3px #a855f726}.avatar-preview-container{align-items:center;display:flex;gap:1.5rem}.avatar-preview{border:3px solid #a855f7;border-radius:50%;box-shadow:0 5px 15px #a855f74d;height:90px;object-fit:cover;width:90px}.settings-form input[type=file]{background:#0000;border:none;color:#94a3b8;font-size:.9rem;padding:0}.settings-form input[type=file]::-webkit-file-upload-button{background:#a855f71a;border:1px solid #a855f74d;border-radius:12px;color:#c084fc;cursor:pointer;font-weight:600;margin-right:1rem;padding:.6rem 1.2rem;-webkit-transition:all .3s ease;transition:all .3s ease}.settings-form input[type=file]::file-selector-button{background:#a855f71a;border:1px solid #a855f74d;border-radius:12px;color:#c084fc;cursor:pointer;font-weight:600;margin-right:1rem;padding:.6rem 1.2rem;transition:all .3s ease}.settings-form input[type=file]::-webkit-file-upload-button:hover{background:#a855f733;box-shadow:0 4px 10px #a855f733}.settings-form input[type=file]::file-selector-button:hover{background:#a855f733;box-shadow:0 4px 10px #a855f733}.form-error{background:#ef44441a;border-left:3px solid #ef4444;color:#ef4444}.form-error,.form-success{border-radius:8px;font-size:.9rem;padding:.5rem}.form-success{background:#10b9811a;border-left:3px solid #10b981;color:#10b981}.referral-code-wrapper button,.settings-form button[type=submit]{align-self:flex-start;background:linear-gradient(135deg,#a855f7,#6366f1);border:none;border-radius:12px;box-shadow:0 4px 15px #a855f74d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease}.referral-code-wrapper button:hover,.settings-form button[type=submit]:hover:not(:disabled){box-shadow:0 8px 20px #a855f780;transform:translateY(-2px)}.settings-form button[type=submit]:disabled{background:#334155;box-shadow:none;color:#94a3b8;cursor:not-allowed;opacity:.7}.referred-users-list .table-container,.transaction-history .table-container{background:#0003;border:1px solid #ffffff0d;border-radius:12px;max-height:500px;overflow-x:auto;overflow-y:auto}.history-table{border-collapse:collapse;min-width:500px}.history-table td,.history-table th{border-bottom:1px solid #ffffff0d;padding:1rem 1.2rem;text-align:left}.history-table th{background:#0006;color:#94a3b8;font-size:.95rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.history-table td{color:#e2e8f0;font-size:.95rem}.history-table tbody tr:hover{background:#ffffff05}.credit-add{color:#10b981!important}.credit-deduct{color:#ef4444!important}.referral-code-wrapper{align-items:stretch;display:flex;gap:.8rem}.referral-code-wrapper input{color:#c084fc;flex:1 1;font-family:monospace;font-size:1.1rem;min-width:0}@media (max-width:900px){.settings-forms-grid{grid-template-columns:1fr}.settings-tabs{align-items:stretch;flex-direction:column}.settings-tabs .tab-button{padding:12px}}.telegram-linked,.telegram-not-linked{display:flex;flex-direction:column;gap:1.5rem;width:100%}.status-badge{border-radius:10px;font-size:.9rem;font-weight:700;gap:.6rem;padding:.6rem 1.2rem;width:-webkit-fit-content;width:fit-content}.status-badge.warning{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b}.status-badge.success{background:#10b9811a;border:1px solid #10b9814d;color:#10b981}.telegram-linked .danger-btn,.telegram-not-linked .get-code-btn{align-items:center;align-self:flex-start;border-radius:12px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.7rem 1.4rem;transition:all .3s}.telegram-not-linked .get-code-btn{background:#ffffff0d;border:1px solid #ffffff1a;color:#f8fafc}.telegram-not-linked .get-code-btn:hover{background:#a855f71a;border-color:#a855f766;transform:translateY(-2px)}.telegram-linked .danger-btn{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444;margin-top:1rem}.telegram-linked .danger-btn:hover{background:#ef444433;box-shadow:0 4px 15px #ef444433;transform:translateY(-2px)}.telegram-instructions{background:#0003;border:1px solid #ffffff0d;border-radius:15px;margin-top:1rem;padding:1.5rem}.telegram-instructions h4{align-items:center;color:#f8fafc;display:flex;font-weight:700;gap:.5rem;margin:0 0 1rem}.telegram-instructions ol{color:#94a3b8;display:flex;flex-direction:column;gap:.8rem;margin:0;padding-left:1.2rem}.telegram-instructions li strong{color:#a855f7}.telegram-instructions a{color:#818cf8;font-weight:600;text-decoration:none;transition:all .2s}.telegram-instructions a:hover{color:#a855f7}.link-telegram-form{background:#a855f70d;border:1px solid #a855f71a;border-radius:15px;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.referral-benefit-box{background:linear-gradient(135deg,#a855f71a,#6366f11a);border:1px solid #a855f733;border-radius:15px;margin-bottom:2rem;padding:1.25rem}.referral-benefit-box p{color:#e2e8f0;line-height:1.6;margin:0}.referral-benefit-box strong{color:#a855f7;font-size:1.1rem}.referral-controls{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2.5rem}@media (max-width:1000px){.referral-controls{gap:1.5rem;grid-template-columns:1fr}}.copy-btn{align-items:center;background:#a855f726;border:1px solid #a855f74d;border-radius:12px;color:#c084fc;cursor:pointer;display:flex;font-weight:700;gap:.6rem;padding:.8rem 1.2rem;transition:all .3s;white-space:nowrap}.copy-btn:hover{background:#a855f740;border-color:#a855f780;box-shadow:0 4px 12px #a855f733;transform:translateY(-2px)}.referred-users-list h4{align-items:center;color:#f8fafc;display:flex;font-size:1.2rem;gap:.6rem;margin-bottom:1.2rem}.empty-message{background:#00000026;border:1px dashed #ffffff1a;border-radius:15px;color:#64748b;font-size:1.1rem;padding:3rem 2rem;text-align:center}.frames-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.frame-card-settings{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.frame-card-settings:hover{background:#ffffff0f;border-color:#a855f74d;box-shadow:0 15px 35px #0006;transform:translateY(-8px)}.frame-card-settings.equipped{border-color:#a855f7;box-shadow:0 0 25px #a855f726}.frame-image-wrapper{align-items:center;background:#0003;display:flex;justify-content:center;padding:2rem;position:relative}.frame-image-wrapper img{filter:drop-shadow(0 5px 15px rgba(0,0,0,.5));height:140px;object-fit:contain;width:140px}.equipped-badge{align-items:center;background:#10b981;border-radius:50%;box-shadow:0 4px 10px #10b98166;color:#fff;display:flex;font-size:.9rem;height:28px;justify-content:center;position:absolute;right:1rem;top:1rem;width:28px}.frame-info{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.frame-name{color:#f8fafc;font-size:1.2rem;font-weight:700;margin:0;text-align:center}.equip-btn,.equipped-btn{border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:700;padding:.75rem;transition:all .3s;width:100%}.equip-btn{background:#ffffff0d;border:1px solid #ffffff1a;color:#f8fafc}.equip-btn:hover:not(:disabled){background:#a855f733;border-color:#a855f780;color:#c084fc;transform:scale(1.02)}.equipped-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:default}.blog-editor-container{background:linear-gradient(135deg,#4e4e50,#343942);border-radius:16px;box-shadow:0 10px 30px #0000001a;color:#333;font-family:Inter,sans-serif;margin:0 auto;max-width:1200px;padding:30px}.editor-header{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.editor-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2c3e50,#4ca1af);background-clip:text;-webkit-background-clip:text;font-size:2.2em;font-weight:700;letter-spacing:-.5px;margin:0}.admin-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #0000001a;border-radius:8px;padding:10px 20px;transition:all .3s ease}.admin-btn-secondary:hover{background:#fff;box-shadow:0 5px 15px #0000000d;transform:translateY(-2px)}.ai-generator-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px 0 #1f26871a;margin-bottom:40px;padding:30px}.ai-generator-section h3{align-items:center;color:#4a5568;display:flex;font-size:1.4em;gap:10px;margin-bottom:20px;margin-top:0}.ai-input-group{display:flex;gap:15px;margin-bottom:20px}.ai-input-group input{background:#fffc;border:1px solid #0000001a;border-radius:12px;flex-grow:1;font-size:1.1em;padding:15px 20px;transition:all .3s}.ai-input-group input:focus{background:#fff;border-color:#4299e1;box-shadow:0 0 0 3px #4299e14d;outline:none}.admin-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #764ba24d;font-size:1em;padding:15px 30px;transition:all .3s ease}.admin-btn:hover{box-shadow:0 8px 25px #764ba266;transform:translateY(-2px)}.admin-btn:disabled{opacity:.7}.ai-settings-grid{grid-gap:25px;border-top:1px solid #0000000d;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding-top:20px}.form-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(2,1fr)}.form-grid .form-group:first-child,.form-grid .form-group:nth-child(2),.form-grid .form-group:nth-child(3),.form-group:has(textarea){grid-column:span 2}.form-group label{color:#4a5568;font-size:.95em;letter-spacing:.5px;margin-bottom:10px}.form-group input,.form-group select,.form-group textarea{background:#3a3f47;border:1px solid #555;border-radius:10px;box-sizing:border-box;color:#e0e0e0;font-size:1em;padding:12px 15px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#454b54;border-color:#667eea;box-shadow:0 0 0 3px #667eea4d;outline:none}.form-group textarea{line-height:1.5}.quill{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #00000005;overflow:hidden}.ql-toolbar.ql-snow{background:#f8fafc;border:none;border-bottom:1px solid #e2e8f0;padding:15px}.ql-container.ql-snow{border:none;font-family:Inter,sans-serif;font-size:1.1em;min-height:400px}.quill-ai-helper{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:15px;margin-bottom:20px;padding:15px}.quill-ai-helper input{background:#0003;border:1px solid #fff3;color:#fff}.quill-ai-helper input:focus{background:#0006;border-color:#f687b3;box-shadow:0 0 0 3px #f687b333}.quill-ai-helper span{filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.toggle-switch{align-items:center;cursor:pointer;display:flex;gap:12px}.toggle-switch input{display:none}.toggle-switch label{cursor:pointer;margin:0}.toggle-switch .toggle-switch-bg{background:#cbd5e0;border-radius:20px;height:24px;position:relative;transition:background .3s;width:44px}.toggle-switch input:checked+label .toggle-switch-bg{background:#667eea}.toggle-switch .toggle-switch-bg:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .3s;width:20px}.toggle-switch input:checked+label .toggle-switch-bg:after{transform:translateX(20px)}.gallery-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;right:0;z-index:1000}.gallery-modal{background:#fff;box-shadow:0 20px 50px #0003;max-height:80vh;max-width:800px;padding:30px;width:90%}.gallery-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000c;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:2000}.gallery-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px 0 #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow-y:hidden;padding:2rem;position:relative;text-align:center;width:95%}.gallery-modal-header{align-items:center;border-bottom:none;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:0}.gallery-modal-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#e0e0e0;font-size:1.5rem;font-weight:600;margin:0}.gallery-grid{grid-gap:1rem;background:#0003;border:1px solid #ffffff1a;border-radius:12px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:1rem;margin-top:1rem;max-height:60vh;overflow-y:auto;padding:1rem}.gallery-item{aspect-ratio:16/9;background:#000;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0003;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.gallery-item:hover{border-color:#667eea;box-shadow:0 6px 20px #0006;transform:translateY(-3px);z-index:2}.gallery-item img,.gallery-item video{display:block;height:100%;object-fit:cover;width:100%}.gallery-item .video-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:1px solid #fff3;border-radius:4px;color:#fff;font-size:.75rem;font-weight:700;padding:4px 8px;pointer-events:none;position:absolute;right:8px;top:8px;z-index:5}.gallery-modal .admin-btn-secondary{margin-left:auto}.blog-editor-container{animation:fadeIn .4s ease-out}.form-group input[name=tags]{background:#f8fafc}.tiptap-editor{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1a202c;font-family:Inter,sans-serif;font-size:1.1em;min-height:400px;padding:20px}.tiptap-editor:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.tiptap-editor h1{font-size:2em;font-weight:700;line-height:1.2;margin-bottom:.5em;margin-top:1em}.tiptap-editor h2{font-size:1.75em}.tiptap-editor h2,.tiptap-editor h3{font-weight:600;margin-bottom:.5em;margin-top:1em}.tiptap-editor h3{font-size:1.5em}.tiptap-editor h4,.tiptap-editor h5,.tiptap-editor h6{font-weight:600;margin-bottom:.4em;margin-top:.8em}.tiptap-editor p{line-height:1.6;margin-bottom:1em}.tiptap-editor ol,.tiptap-editor ul{margin-bottom:1em;padding-left:2em}.tiptap-editor li{margin-bottom:.5em}.tiptap-editor blockquote{border-left:4px solid #667eea;color:#4a5568;font-style:italic;margin-left:0;padding-left:1em}.tiptap-editor code{background:#f7fafc;border-radius:3px;font-family:Courier New,monospace;font-size:.9em;padding:.2em .4em}.tiptap-editor pre{background:#2d3748;border-radius:8px;color:#f7fafc;margin-bottom:1em;overflow-x:auto;padding:1em}.tiptap-editor pre code{background:#0000;color:inherit;padding:0}.tiptap-editor img{border-radius:8px;cursor:pointer;height:auto;margin:1em 0;max-width:100%}.tiptap-editor img.ProseMirror-selectednode{outline:3px solid #667eea;outline-offset:2px}.tiptap-editor a{color:#667eea;cursor:pointer;text-decoration:underline}.tiptap-editor a:hover{color:#5a67d8}.tiptap-editor [style*="text-align: left"]{text-align:left}.tiptap-editor [style*="text-align: center"]{text-align:center}.tiptap-editor [style*="text-align: right"]{text-align:right}.tiptap-editor [style*="text-align: justify"]{text-align:justify}.tiptap-editor p.is-editor-empty:first-child:before{color:#adb5bd;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.tiptap-editor .ProseMirror-selectednode{outline:2px solid #667eea;outline-offset:2px}.tiptap-editor iframe,.tiptap-editor video{border-radius:8px;display:block;margin:1em 0;max-width:100%}.tiptap-editor video{background:#000}.tiptap-editor img[data-resizable]{cursor:pointer}.tiptap-editor .resize-trigger{background:#667eea;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:10px;position:absolute;width:10px}.tiptap-editor .resize-trigger.top-left{cursor:nwse-resize;left:-5px;top:-5px}.tiptap-editor .resize-trigger.top-right{cursor:nesw-resize;right:-5px;top:-5px}.tiptap-editor .resize-trigger.bottom-left{bottom:-5px;cursor:nesw-resize;left:-5px}.tiptap-editor .resize-trigger.bottom-right{bottom:-5px;cursor:nwse-resize;right:-5px}.tiptap-editor .image-slider{display:flex;gap:10px;overflow-x:auto;padding:20px 0;scroll-snap-type:x mandatory}.tiptap-editor .image-slider img{border-radius:8px;max-width:400px;min-width:400px;scroll-snap-align:start}.tiptap-editor .image-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.tiptap-editor .image-grid img{border-radius:8px;height:200px;object-fit:cover;width:100%}.tiptap-editor .image-gallery{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.tiptap-editor .image-gallery img{border-radius:8px;flex-basis:calc(33.333% - 10px);flex-grow:1;flex-shrink:1;height:200px;min-width:200px;object-fit:cover}@media (max-width:768px){.tiptap-editor .image-slider img{max-width:300px;min-width:300px}.tiptap-editor .image-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tiptap-editor .image-gallery img{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;min-width:150px}}.tiptap-toolbar{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-bottom:none;border-radius:8px 8px 0 0;display:flex;flex-wrap:wrap;gap:8px;padding:12px}.toolbar-group{border-right:1px solid #e2e8f0;display:flex;gap:4px;padding:0 8px}.toolbar-group:last-child{border-right:none}.tiptap-toolbar button{align-items:center;background:#fff;border:1px solid #cbd5e0;border-radius:4px;color:#2d3748;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:6px 12px;transition:all .2s ease}.tiptap-toolbar button:hover:not(:disabled){background:#edf2f7;border-color:#a0aec0;transform:translateY(-1px)}.tiptap-toolbar button:active:not(:disabled){transform:translateY(0)}.tiptap-toolbar button.is-active{background:#667eea;border-color:#667eea;color:#fff}.tiptap-toolbar button:disabled{cursor:not-allowed;opacity:.4}.tiptap-toolbar button em,.tiptap-toolbar button s,.tiptap-toolbar button strong,.tiptap-toolbar button u{font-size:14px}@media (max-width:768px){.tiptap-toolbar{gap:4px;padding:8px}.toolbar-group{padding:0 4px}.tiptap-toolbar button{font-size:12px;height:32px;min-width:32px;padding:4px 8px}}.layout-btn-special{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important;font-weight:700!important;min-width:auto!important;padding:8px 16px!important}.layout-btn-special:hover{box-shadow:0 5px 15px #667eea66!important;transform:translateY(-2px)!important}.layout-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.layout-modal-content{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;padding:30px;width:90%}.layout-modal-header{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-bottom:25px}.layout-modal-header h2{font-size:1.8em;margin:0}.close-btn{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:40px;transition:all .3s ease;width:40px}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.layout-instruction{color:#ffffffe6;font-size:1.1em;margin-bottom:20px}.layout-types-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.layout-type-card{align-items:center;background:#ffffff26;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:25px 15px;transition:all .3s ease}.layout-type-card:hover{background:#ffffff40;box-shadow:0 10px 25px #0003;transform:translateY(-5px)}.layout-icon{font-size:3em}.layout-name{font-size:.95em;font-weight:600;text-align:center}.layout-configuration{color:#fff}.layout-configuration h3{font-size:1.5em;margin-bottom:20px}.back-btn{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;margin-bottom:20px;padding:10px 20px;transition:all .3s ease}.back-btn:hover{background:#ffffff4d}.config-fields{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.config-input,.config-textarea{background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-family:inherit;font-size:1em;padding:12px 15px}.config-input::placeholder,.config-textarea::placeholder{color:#fff9}.config-input:focus,.config-textarea:focus{background:#fff3;border-color:#fff9;outline:none}.image-selection-section{margin:25px 0}.selection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.selection-header p{font-weight:600;margin:0}.select-images-btn{background:#ffffffe6;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.select-images-btn:hover{background:#fff;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.selected-images-preview{background:#0000001a;border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;min-height:100px;padding:15px}.selected-image-item{height:100px;position:relative;width:100px}.selected-image-item img{border-radius:8px;height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#ff4757;border-radius:50%;display:flex;font-size:14px;height:24px;justify-content:center;right:-8px;top:-8px;transition:all .3s ease;width:24px}.remove-image-btn:hover{background:#ff3838;transform:scale(1.1)}.quick-select-gallery{margin-top:20px}.quick-select-gallery p{font-weight:600;margin-bottom:10px}.quick-gallery-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.quick-gallery-image{border:2px solid #0000;border-radius:8px;cursor:pointer;height:80px;object-fit:cover;transition:all .3s ease;width:100%}.quick-gallery-image:hover{border-color:#fffc;box-shadow:0 5px 15px #0000004d;transform:scale(1.05)}.insert-layout-btn{background:#ffffffe6;border:none;border-radius:12px;color:#667eea;cursor:pointer;font-size:1.1em;font-weight:700;margin-top:20px;padding:15px;transition:all .3s ease;width:100%}.insert-layout-btn:hover{background:#fff;box-shadow:0 10px 25px #0003;transform:translateY(-2px)}@media (max-width:768px){.layout-modal-content{padding:20px;width:95%}.layout-types-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.layout-type-card{padding:20px 10px}.layout-icon{font-size:2.5em}.quick-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.quick-gallery-image{height:60px}}.rdrCalendarWrapper{background:#fff;box-sizing:border-box;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{color:inherit;flex:1 1;text-align:center;width:0}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{align-items:center;display:flex;flex:1 1 auto;justify-content:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{box-sizing:inherit;flex-basis:14.28571%;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{color:red;font-size:1.6em;line-height:1.6em;position:absolute;right:.25em;top:0}.rdrDay{box-sizing:inherit;cursor:pointer;font:inherit;position:relative;width:14.28571%}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align:auto){.rdrDay{flex-basis:14.285%!important}}.rdrEndEdge,.rdrInRange,.rdrSelected,.rdrStartEdge{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{background-color:#fff;border:1px solid #0000;border-radius:4px;box-shadow:0 1px 2px 0 #23394236}.rdrDateDisplayItem input{background:#0000;border:0;color:#849095;cursor:pointer;height:2.5em;line-height:2.5em;width:100%}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#0000;background:url("data:image/svg+xml;utf8,<svg width=%279px%27 height=%276px%27 viewBox=%270 0 9 6%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27><g id=%27Artboard%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27 transform=%27translate%28-636.000000, -171.000000%29%27 fill-opacity=%270.368716033%27><g id=%27input%27 transform=%27translate%28172.000000, 37.000000%29%27 fill=%27%230E242F%27 fill-rule=%27nonzero%27><g id=%27Group-9%27 transform=%27translate%28323.000000, 127.000000%29%27><path d=%27M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z%27 id=%27arrow%27></path></g></g></g></svg>") no-repeat;background-position:right 8px center;border:0;border-radius:4px;color:#3e484f;cursor:pointer;outline:0;padding:10px 30px 10px 10px;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{background:#eff2f7;border:0;border-radius:5px;display:block;height:24px;margin:0 .833em;padding:0;width:24px}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{border-style:solid;display:block;height:0;margin:auto;padding:0;text-align:center;transform:translate(-3px);width:0}.rdrPprevButton i{border-color:#0000 #34495e #0000 #0000;border-width:4px 6px 4px 4px;transform:translate(-3px)}.rdrNextButton i{border-color:#0000 #0000 #0000 #34495e;border-width:4px 4px 4px 6px;margin:0 0 0 7px;transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{color:#849095;font-weight:400;line-height:2.667em}.rdrDay{background:#0000;border:0;color:#1d2429;height:3em;line-height:3em;padding:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDay:focus{outline:0}.rdrDayNumber{align-items:center;bottom:0;bottom:5px;display:flex;font-weight:300;justify-content:center;left:0;outline:0;position:absolute;right:0;top:0;top:5px}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{background:#3d91ff;border-radius:2px;bottom:4px;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:18px}.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span{color:#ffffffd9}.rdrEndEdge,.rdrInRange,.rdrSelected,.rdrStartEdge{background:currentColor;bottom:5px;left:0;position:absolute;right:0;top:5px}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-bottom-left-radius:1.042em;border-top-left-radius:1.042em;left:2px}.rdrEndEdge{border-bottom-right-radius:1.042em;border-top-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange{border-bottom-left-radius:1.042em;border-top-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-bottom-right-radius:1.042em;border-top-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview{border-bottom-left-radius:1.333em;border-left-width:1px;border-top-left-radius:1.333em;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-bottom-right-radius:1.333em;border-right-width:1px;border-top-right-radius:1.333em;right:0}.rdrDayEndPreview,.rdrDayInPreview,.rdrDayStartPreview{background:#ffffff17;border:0 solid;bottom:3px;left:0;pointer-events:none;position:absolute;right:0;top:3px;z-index:1}.rdrDayStartPreview{border-bottom-left-radius:1.333em;border-bottom-width:1px;border-left-width:1px;border-top-left-radius:1.333em;border-top-width:1px;left:0}.rdrDayInPreview{border-bottom-width:1px;border-top-width:1px}.rdrDayEndPreview{border-bottom-right-radius:1.333em;border-bottom-width:1px;border-right-width:1px;border-top-right-radius:1.333em;border-top-width:1px;right:2px;right:0}.rdrDefinedRangesWrapper{background:#fff;border-right:1px solid #eff2f7;font-size:12px;width:226px}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{background:#fff;border:0;border-bottom:1px solid #eff2f7;cursor:pointer;display:block;outline:0;padding:0}.rdrStaticRange:focus .rdrStaticRangeLabel,.rdrStaticRange:hover .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;line-height:18px;outline:0;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{border:1px solid #dee7eb;border-radius:4px;color:#6c767a;height:30px;line-height:30px;margin-right:10px;text-align:center;width:30px}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;color:#333;outline:0}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{background:#0000;border:1px solid;border-radius:1.333em;bottom:-2px;content:"";left:0;position:absolute;right:0;top:-2px}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrDayEndPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrStartEdge{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrDayEndPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrStartEdge{filter:grayscale(100%) opacity(60%)}.rdrMonthName{color:#849095;font-weight:600;padding:.833em;text-align:left}.analytics-dashboard{box-sizing:border-box;max-width:100%;padding:0;width:100%}.dashboard-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.75rem;padding-bottom:1.25rem}.dashboard-header h2{color:#fff;font-size:1.4rem;font-weight:700;margin:0}.dashboard-header h2,.date-range-filter{align-items:center;display:flex;gap:.5rem}.date-range-filter{flex-wrap:wrap}.date-range-filter button{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;color:#d1d5dbd9;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.date-range-filter button:hover{background:#a855f726;border-color:#a855f74d;color:#fff}.date-range-filter button.active,.date-range-filter button:focus{background:linear-gradient(135deg,#a855f733,#ec48991f);border-color:#a855f759;box-shadow:0 2px 12px #a855f726;color:#fff}.date-range-picker{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111827fa;border:1px solid #a855f740;border-radius:16px;box-shadow:0 12px 40px #00000080;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.date-range-picker .rdrCalendarWrapper,.date-range-picker .rdrDefinedRangesWrapper{background:#111827fa!important;color:#e5e7eb!important}.date-range-picker .rdrMonthAndYearPickers select{background:#ffffff0f!important;border:1px solid #ffffff1a!important;color:#e5e7eb!important}.date-range-picker .rdrDayNumber span{color:#d1d5db!important}.date-range-picker .rdrDayPassive .rdrDayNumber span{color:#9ca3af4d!important}.date-range-picker .rdrMonthName,.date-range-picker .rdrWeekDay{color:#9ca3afb3!important}.scorecard-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.75rem}.dashboard-body{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 360px}.dashboard-body>.sidebar,.main-chart{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.dashboard-body>.sidebar{background:none!important;border:none!important;height:auto!important;overflow:visible!important;position:static!important;width:100%!important}.analytics-dashboard>div:first-child{color:#d1d5dbb3}@media (max-width:1024px){.dashboard-body{grid-template-columns:1fr}.dashboard-body>.sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));order:-1}}@media (max-width:768px){.scorecard-container{grid-template-columns:1fr}.dashboard-header{align-items:flex-start;flex-direction:column}.date-range-filter{width:100%}}.scorecard{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e293b80;border:1px solid #ffffff12;border-radius:16px;box-shadow:0 4px 24px #0000001f;flex:1 1;min-width:0;padding:1.5rem;text-align:center;transition:border-color .3s ease,box-shadow .3s ease,transform .2s ease}.scorecard:hover{border-color:#a855f733;box-shadow:0 6px 30px #0003;transform:translateY(-2px)}.scorecard-title{color:#9ca3afcc;font-size:.8rem;font-weight:500;letter-spacing:1px;margin-bottom:.75rem;text-transform:uppercase}.scorecard-value{color:#fff;font-size:2.2rem;font-weight:800;letter-spacing:-.5px;line-height:1.1}.scorecard-change{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.25rem;margin-top:.75rem;padding:.25rem .6rem}.scorecard-change.positive{background:#34d3991a;color:#34d399}.scorecard-change.negative{background:#f871711a;color:#f87171}.scorecard-change.neutral{background:#9ca3af14;color:#9ca3afb3}.top-pages{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e293b80;border:1px solid #ffffff12;border-radius:16px;box-shadow:0 4px 24px #0000001f;padding:1.5rem;transition:border-color .3s ease}.top-pages:hover{border-color:#a855f726}.top-pages h3{color:#fff;font-size:1.05rem;font-weight:600;margin:0 0 1.25rem}.top-pages-table{border-collapse:initial;border-spacing:0;font-size:.85rem;width:100%}.top-pages-table th{background:#a855f70f;border-bottom:1px solid #ffffff14;color:#9ca3afcc;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.65rem .75rem;text-align:left;text-transform:uppercase}.top-pages-table th:first-child{border-radius:10px 0 0 0}.top-pages-table th:last-child{border-radius:0 10px 0 0}.top-pages-table td{border-bottom:1px solid #ffffff0a;color:#d1d5dbcc;max-width:250px;overflow:hidden;padding:.6rem .75rem;text-overflow:ellipsis;white-space:nowrap}.top-pages-table tbody tr{transition:background .15s ease}.top-pages-table tbody tr:hover{background:#a855f70f}.pagination{display:flex;gap:.35rem;justify-content:center;margin-top:1.25rem;text-align:center}.pagination button{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#d1d5dbcc;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:500;margin:0;padding:.4rem .75rem;transition:all .2s ease}.pagination button:hover{background:#a855f726;border-color:#a855f74d;color:#fff}.pagination button.active{background:linear-gradient(135deg,#a855f740,#ec489926);border-color:#a855f766;box-shadow:0 2px 10px #a855f733;color:#fff}.demographics{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e293b80;border:1px solid #ffffff12;border-radius:16px;box-shadow:0 4px 24px #0000001f;padding:1.5rem;transition:border-color .3s ease}.demographics:hover{border-color:#a855f726}.demographics h3{color:#fff;font-size:1.05rem;font-weight:600;margin:0 0 1rem}.demographics-table{border-collapse:initial;border-spacing:0;font-size:.82rem;width:100%}.demographics-table th{border-bottom:1px solid #ffffff14;color:#9ca3afcc;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.6rem .75rem;text-align:left;text-transform:uppercase}.demographics-table td{border-bottom:1px solid #ffffff0a;color:#d1d5dbcc;padding:.5rem .75rem;text-align:left}.demographics-table tbody tr{transition:background .15s ease}.demographics-table tbody tr:hover{background:#a855f70f}.chart-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e293b80;border:1px solid #ffffff12;border-radius:16px;box-shadow:0 4px 24px #0000001f;padding:1.5rem;transition:border-color .3s ease}.chart-container:hover{border-color:#a855f726}.chart-container h3{color:#fff;font-size:1.05rem;font-weight:600;margin:0 0 1.25rem}.chart-container .recharts-cartesian-grid-horizontal line,.chart-container .recharts-cartesian-grid-vertical line{stroke:#ffffff0d}.chart-container .recharts-cartesian-axis-tick-value{fill:#9ca3af99!important;font-size:.75rem}.chart-container .recharts-legend-item-text{color:#d1d5dbcc!important;font-size:.8rem}.chart-container .recharts-tooltip-wrapper .recharts-default-tooltip{background:#111827f2!important;border:1px solid #a855f733!important;border-radius:10px!important;box-shadow:0 8px 24px #0006!important}.chart-container .recharts-tooltip-label{color:#fff!important}.chart-container .recharts-tooltip-item{color:#d1d5dbe6!important}.realtime-activity{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e293b80;border:1px solid #ffffff12;border-radius:16px;box-shadow:0 4px 24px #0000001f;padding:1.5rem;transition:border-color .3s ease}.realtime-activity:hover{border-color:#a855f726}.realtime-activity h3{color:#fff;font-size:1.05rem;font-weight:600;margin:0 0 1rem}.active-users{background:linear-gradient(135deg,#a855f714,#ec48990d);border:1px solid #a855f71a;border-radius:12px;margin-bottom:1.25rem;padding:1rem 0;text-align:center}.active-users-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:800;line-height:1.1}.active-users-label{color:#9ca3afb3;font-size:.8rem;margin-top:.5rem}.realtime-activity h4{color:#d1d5dbe6;font-size:.9rem;font-weight:600;margin:0 0 .75rem}.realtime-activity ul{list-style:none;margin:0;padding:0}.realtime-activity li{align-items:center;border-bottom:1px solid #ffffff0a;border-radius:8px;color:#d1d5dbcc;display:flex;font-size:.82rem;justify-content:space-between;padding:.5rem .6rem;transition:background .15s ease}.realtime-activity li:hover{background:#a855f70f}.realtime-activity li:last-child{border-bottom:none}.realtime-activity li span:first-child{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.realtime-activity li span:last-child{color:#a855f7;flex-shrink:0;font-weight:600;min-width:24px;text-align:right}.acquisition-chart{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e293b80;border:1px solid #ffffff12;border-radius:16px;box-shadow:0 4px 24px #0000001f;padding:1.5rem;transition:border-color .3s ease}.acquisition-chart:hover{border-color:#a855f726}.acquisition-chart h3{color:#fff;font-size:1.05rem;font-weight:600;margin:0 0 1rem}.acquisition-chart .recharts-legend-item-text{color:#d1d5dbcc!important;font-size:.8rem}.acquisition-chart .recharts-tooltip-wrapper .recharts-default-tooltip{background:#111827f2!important;border:1px solid #a855f733!important;border-radius:10px!important;box-shadow:0 8px 24px #0006!important}.acquisition-chart .recharts-tooltip-label{color:#fff!important}.acquisition-chart .recharts-tooltip-item{color:#d1d5dbe6!important}.acquisition-table{border-collapse:initial;border-spacing:0;font-size:.82rem;margin-top:1rem;width:100%}.acquisition-table th{border-bottom:1px solid #ffffff14;color:#9ca3afcc;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.6rem .75rem;text-align:left;text-transform:uppercase}.acquisition-table td{border-bottom:1px solid #ffffff0a;color:#d1d5dbcc;padding:.5rem .75rem;text-align:left}.acquisition-table tbody tr{border-radius:8px;transition:background .15s ease}.acquisition-table tbody tr:hover{background:#a855f70f}.color-dot{border-radius:50%;box-shadow:0 0 6px #0000004d;display:inline-block;height:10px;margin-right:8px;vertical-align:middle;width:10px}.admin-panel{background-color:var(--background-color);color:var(--on-surface-color);display:flex;font-family:var(--font-family-main);inset:0;min-height:100vh;overflow:hidden;position:fixed;z-index:9999}.admin-sidebar{background:linear-gradient(180deg,#111827fa,#0f1423fc);border-right:1px solid #a855f726;display:flex;flex-direction:column;height:100vh;min-width:280px;overflow-x:hidden;overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-color:#a855f74d #0000;scrollbar-width:thin;top:0;width:280px;z-index:100}.admin-sidebar::-webkit-scrollbar{width:4px}.admin-sidebar::-webkit-scrollbar-track{background:#0000}.admin-sidebar::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:4px}.admin-sidebar-header{border-bottom:1px solid #ffffff0f;gap:.75rem;padding:1.5rem 1.25rem}.admin-sidebar-header,.admin-sidebar-logo{align-items:center;display:flex;flex-shrink:0}.admin-sidebar-logo{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border-radius:12px;box-shadow:0 4px 15px #a855f74d;color:#fff;font-size:1.2rem;font-weight:800;height:40px;justify-content:center;width:40px}.admin-sidebar-brand{display:flex;flex-direction:column}.admin-sidebar-brand h2{color:#fff;font-size:1.1rem;font-weight:700;line-height:1.2;margin:0}.admin-sidebar-brand span{color:#9ca3afcc;font-size:.7rem;font-weight:500;letter-spacing:1.5px;text-transform:uppercase}.admin-sidebar-nav{flex:1 1;padding:.75rem 0}.admin-nav-group{margin-bottom:.25rem}.admin-nav-group-title{color:#9ca3af80;font-size:.65rem;font-weight:600;letter-spacing:1.8px;padding:.6rem 1.25rem .4rem;text-transform:uppercase;-webkit-user-select:none;user-select:none}.admin-nav-item{align-items:center;background:none;border:1px solid #0000;border-radius:10px;color:#d1d5dbd9;cursor:pointer;display:flex;font-size:.85rem;font-weight:450;gap:.75rem;margin:1px .5rem;padding:.55rem 1.25rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);width:calc(100% - 1rem)}.admin-nav-item:hover{background:#a855f714;border-color:#a855f726;color:#f3f4f6}.admin-nav-item.active{background:linear-gradient(135deg,#a855f72e,#ec48991a);border-color:#a855f740;box-shadow:0 2px 12px #a855f71f;color:#fff;font-weight:550}.admin-nav-item.active .admin-nav-icon{color:var(--primary-color)}.admin-nav-icon{align-items:center;color:#9ca3afb3;display:flex;flex-shrink:0;font-size:1rem;justify-content:center;transition:color .2s ease;width:20px}.admin-nav-item:hover .admin-nav-icon{color:var(--primary-color)}.admin-sidebar-footer{border-top:1px solid #ffffff0f;flex-shrink:0;padding:1rem 1.25rem}.admin-sidebar-footer .admin-btn-link{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;color:#d1d5dbcc;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;justify-content:center;padding:.6rem .75rem;text-decoration:none;transition:all .2s ease;width:100%}.admin-sidebar-footer .admin-btn-link:hover{background:#ffffff14;border-color:#ffffff26;color:#fff;transform:translateY(-1px)}.admin-main-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.admin-topbar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#11182799;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.admin-topbar-title{align-items:center;display:flex;gap:.75rem}.admin-topbar-title h1{color:#fff;font-size:1.4rem;font-weight:700;margin:0}.admin-topbar-breadcrumb{color:#9ca3afb3;font-size:.8rem}.admin-topbar-actions{align-items:center;display:flex;gap:.75rem}.admin-tab-content{flex:1 1;overflow-y:auto;padding:1.75rem 2rem 3rem}.admin-main-content{overflow-y:auto}.admin-tab-header{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;gap:1rem;margin-bottom:1.75rem}.admin-tab-header h2{align-items:center;color:#fff;display:flex;font-weight:700;gap:.5rem}.admin-subcategory{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e293b73;border:1px solid #ffffff12;border-radius:16px;box-shadow:0 4px 24px #00000026;margin-bottom:1.25rem;transition:border-color .3s ease,box-shadow .3s ease}.admin-subcategory:hover{border-color:#a855f726;box-shadow:0 6px 30px #0003}.admin-subcategory h3{align-items:center;border-bottom:1px solid #ffffff0f;color:#fff;display:flex;font-size:1.15rem;font-weight:600;gap:.5rem;margin:0 0 .4rem;padding-bottom:.6rem}.admin-subcategory p{color:#9ca3afcc;font-size:.875rem;line-height:1.5;margin:.25rem 0 1rem}.form-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1rem 0}.form-group{gap:.4rem;margin-bottom:.75rem}.form-group:last-child{margin-bottom:0}.form-group label{color:#d1d5dbe6;font-size:.85rem}.admin-panel input[type=date],.admin-panel input[type=datetime-local],.admin-panel input[type=email],.admin-panel input[type=number],.admin-panel input[type=password],.admin-panel input[type=tel],.admin-panel input[type=text],.admin-panel select,.admin-panel textarea,.glass-input{background:#00000040;border:1px solid #ffffff14;border-radius:10px;color:var(--on-surface-color);font-family:var(--font-family-main);font-size:.875rem;padding:.65rem .9rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.admin-panel input[type=email]:focus,.admin-panel input[type=number]:focus,.admin-panel input[type=password]:focus,.admin-panel input[type=tel]:focus,.admin-panel input[type=text]:focus,.admin-panel select:focus,.admin-panel textarea:focus{background:#00000059;border-color:#a855f780;box-shadow:0 0 0 3px #a855f726;outline:none}.admin-panel textarea{min-height:80px;resize:vertical}.admin-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,#a855f7d9 100%);border:none;border-radius:10px;box-shadow:0 2px 10px #a855f740;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.6rem 1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.admin-btn:hover:not(:disabled){box-shadow:0 6px 20px #a855f766;transform:translateY(-2px)}.admin-btn:active:not(:disabled){transform:translateY(0)}.admin-btn:disabled{background:#374151;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.admin-btn-save{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);box-shadow:0 2px 12px #a855f74d}.admin-btn-save:hover:not(:disabled){box-shadow:0 6px 25px #a855f780}.admin-btn-secondary{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;box-shadow:none;color:#d1d5dbe6;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:.5rem;padding:.6rem 1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.admin-btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.admin-btn-add{background:linear-gradient(135deg,var(--accent-color) 0,#ec4899d9 100%);border:none;border-radius:10px;box-shadow:0 2px 10px #ec489940;font-family:inherit;font-size:.85rem;font-weight:600;gap:.5rem;padding:.6rem 1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.admin-btn-add:hover:not(:disabled){box-shadow:0 6px 20px #ec489966;transform:translateY(-2px)}.admin-btn-delete{background:#ef444426;border:1px solid #ef444433;border-radius:10px;box-shadow:none;color:#f87171;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:.5rem;padding:.6rem 1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.admin-btn-delete:hover:not(:disabled){background:#ef444440;border-color:#ef444466;box-shadow:0 2px 10px #ef444433;transform:translateY(-1px)}.admin-btn-reset{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:#f87171;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:.5rem;padding:.6rem 1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.inline-label{font-size:.875rem;font-weight:500;gap:.5rem;margin:.5rem 0}.admin-panel input[type=checkbox],.inline-label input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:16px;width:16px}.popup-editor{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;margin-bottom:1rem;padding:1.25rem;transition:border-color .2s ease}.popup-editor:hover{border-color:#a855f726}.popup-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.popup-header input{flex:1 1;min-width:200px}.marketing-section{margin-bottom:1.5rem}.marketing-section h3{border-bottom:2px solid #a855f74d;color:var(--primary-color)}.homepage-banner-controls,.limited-offer-controls,.notification-popup-controls{margin-top:.75rem}.preview-container{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;margin-top:1rem;padding:1rem}.preview-container h4{color:var(--on-surface-color);font-size:.95rem;margin-top:0}.admin-panel .glass-panel{background:#1e293b80;border:1px solid #ffffff12;border-radius:16px;box-shadow:0 4px 24px #00000026}.history-table{border-collapse:initial;border-spacing:0;font-size:.85rem;margin-top:1rem;width:100%}.history-table th{background:#a855f71a;border-bottom:1px solid #ffffff14;color:#d1d5dbe6;font-weight:600;padding:.7rem 1rem;text-align:left;white-space:nowrap}.history-table th:first-child{border-radius:10px 0 0 0}.history-table th:last-child{border-radius:0 10px 0 0}.history-table td{border-bottom:1px solid #ffffff0a;color:#d1d5dbcc;padding:.6rem 1rem}.history-table tbody tr:hover{background:#a855f70d}.credit-add{color:#34d399!important;font-weight:600}.credit-deduct{color:#f87171!important;font-weight:600}.admin-credit-management{grid-template-columns:300px 1fr}.credit-user-list{background:#1e293b80;border:1px solid #ffffff12;border-radius:16px;max-height:70vh;overflow-y:auto}.credit-user-list h3{border-bottom:1px solid #ffffff0f;color:#fff;font-size:1rem;font-weight:600;margin:0 0 .75rem;padding-bottom:.5rem}.credit-user-item{border-radius:10px;cursor:pointer;gap:.5rem;margin-bottom:2px;padding:.65rem .75rem;transition:all .15s ease}.credit-user-item:hover{background:#a855f714}.credit-user-item.active{background:#a855f726;border:1px solid #a855f733}.credit-user-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.credit-user-info .user-name{color:#fff;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credit-balances{color:#9ca3afb3;font-size:.75rem}.credit-user-actions{display:flex;flex-shrink:0;gap:.35rem}.credit-user-actions .admin-btn-add,.credit-user-actions .admin-btn-secondary{border-radius:8px;font-size:.75rem;padding:.3rem .6rem}.credit-history-panel{background:#1e293b80;border:1px solid #ffffff12;border-radius:16px;padding:1.25rem}.credit-history-panel h3{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .5rem}.credit-history-panel h4{color:var(--primary-color);font-size:.9rem;margin:0 0 .75rem}.user-list{display:flex;flex-direction:column;gap:.5rem}.user-list-item.admin-user-card{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;display:flex;gap:1rem;padding:.85rem 1rem;transition:all .2s ease}.user-list-item.admin-user-card:hover{background:#a855f70a;border-color:#a855f726}.admin-user-avatar{border:2px solid #ffffff1a;border-radius:12px;flex-shrink:0;height:44px;object-fit:cover;width:44px}.admin-user-details{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0}.admin-user-details .user-name{color:#fff;font-size:.9rem}.admin-user-details .user-role{color:#9ca3afb3;font-size:.78rem}.user-plan-info{align-items:center;color:#9ca3afb3;display:flex;font-size:.8rem;gap:.5rem}.user-plan-info select{border-radius:8px;font-size:.78rem}.user-actions{flex-shrink:0;gap:.4rem}.user-actions .admin-btn-delete,.user-actions .admin-btn-secondary{border-radius:8px;font-size:.78rem;padding:.35rem .65rem}.add-user-form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.75rem}.add-user-form input{flex:1 1;min-width:180px}.credit-pack-list,.plan-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.credit-pack-item,.plan-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:flex;gap:.75rem;justify-content:space-between;padding:.85rem 1rem;transition:all .2s ease}.credit-pack-item:hover,.plan-item:hover{border-color:#a855f726}.plan-item h4{color:#fff;font-size:.95rem;font-weight:600;margin:0}.plan-description{color:#9ca3afb3;font-size:.8rem;margin:.25rem 0 0}.editing-challenge-form,.editing-pack-form,.editing-plan-form{background:#1e293b80;border:1px solid #a855f726;border-radius:16px;margin-top:1rem;padding:1.5rem}.editing-challenge-form h4,.editing-pack-form h4,.editing-plan-form h4{color:var(--primary-color);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.plan-credit-editor{align-items:center;background:#ffffff05;border-radius:10px;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;padding:.5rem}.plan-features-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:.75rem 0}.plan-feature-editor{display:flex;flex-direction:column;gap:.3rem}.plan-feature-editor label{color:#d1d5dbe6;font-size:.85rem;font-weight:500}.plan-feature-editor small{color:#9ca3af99;font-size:.75rem}.plan-settings-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;margin-bottom:1rem;padding:1.25rem}.plan-settings-section h4{color:var(--primary-color);font-size:1rem;font-weight:600;margin:0 0 .75rem}.plan-settings-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.setting-group{background:#00000026;border:1px solid #ffffff0d;border-radius:12px;padding:.85rem}.setting-group h5{color:#d1d5dbe6;font-size:.85rem;font-weight:600;margin:0 0 .5rem}.setting-group label{align-items:center;color:#d1d5dbcc;display:flex;font-size:.8rem;gap:.4rem;margin-bottom:.35rem}.theme-editor{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.color-picker-group{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;gap:.75rem;padding:.7rem}.color-picker-group label{color:#d1d5dbcc;flex:1 1;font-size:.82rem;text-transform:capitalize}.color-picker-group input[type=color]{border:2px solid #ffffff1a;border-radius:8px;height:36px;padding:2px;width:36px}.color-picker-group span{color:#9ca3af99;font-family:monospace;font-size:.78rem;min-width:70px}.policy-editor{margin-top:1rem}.policy-header-row{background:#a855f714;border-radius:10px;color:#d1d5dbe6;font-size:.82rem;margin-bottom:.5rem;padding:.6rem .75rem}.policy-header-row,.policy-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 100px 200px}.policy-row{align-items:center;border-bottom:1px solid #ffffff08;font-size:.85rem;padding:.5rem .75rem}.policy-row:hover{background:#ffffff05}.policy-label{color:#d1d5dbd9;font-size:.82rem}.policy-threshold{gap:.5rem}.policy-threshold span{color:var(--primary-color);font-family:monospace;font-size:.78rem;min-width:35px}.seo-editor{display:flex;flex-direction:column;gap:1rem}.seo-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;padding:1.25rem}.seo-section h4{color:var(--primary-color);font-size:.95rem;font-weight:600;margin:0 0 .75rem}.challenge-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.challenge-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:flex;gap:.75rem;justify-content:space-between;padding:.75rem 1rem}.challenge-item>div{display:flex;gap:.4rem}.submissions-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.submissions-content{background:var(--surface-color);border:1px solid #ffffff1a;border-radius:20px;max-height:80vh;max-width:900px;overflow-y:auto;padding:2rem;position:relative;width:100%}.submissions-content .close-button{background:none;border:none;color:#d1d5dbcc;cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem;position:absolute;right:1rem;top:1rem}.submissions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:1rem}.submission-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;overflow:hidden}.submission-card img{aspect-ratio:1;object-fit:cover;width:100%}.submission-card p{color:#9ca3afb3;font-size:.8rem;margin:0;padding:.5rem .75rem}.submission-card .admin-btn{font-size:.78rem;justify-content:center;margin:.5rem .75rem .75rem;width:calc(100% - 1.5rem)}.system-actions-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;margin-bottom:1rem;padding:1.25rem}.system-actions-section h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .4rem}.system-actions-section p{color:#9ca3afb3;font-size:.85rem;margin:0 0 .75rem}.admin-actions{display:flex;flex-wrap:wrap;gap:.75rem}.admin-hint{color:#9ca3af99;font-size:.78rem;font-style:italic;margin:.15rem 0 .5rem}.ad-unit-editor{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;margin-bottom:.75rem;padding:1rem}.admin-structure-creator{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.structure-example-area,.structure-input-area{background:#1e293b80;border:1px solid #ffffff12;border-radius:14px;padding:1.25rem}.structure-example-area h4,.structure-input-area h4{color:var(--primary-color);font-size:.95rem;font-weight:600;margin:0 0 .5rem}.structure-example-area pre{background:#0000004d;border-radius:10px;margin:.5rem 0 0;overflow-x:auto;padding:.85rem}.structure-example-area code{color:#d1d5dbd9;font-family:Fira Code,monospace;font-size:.8rem}.add-category-form{display:flex;gap:.75rem;margin-bottom:1.25rem}.add-category-form input{flex:1 1}.subcategory-header{gap:.75rem;margin:-.25rem -.5rem 0;padding:.65rem .5rem;transition:background .15s ease;-webkit-user-select:none;user-select:none}.subcategory-header:hover{background:#a855f70a}.subcategory-header h3{border:none;flex:1 1;font-size:1rem;padding:0}.collapse-icon{color:#9ca3af99;font-size:.7rem;transition:transform .25s ease}.admin-reorder-controls{color:#9ca3af4d;flex-shrink:0;gap:2px;transition:color .2s ease}.admin-reorder-controls:hover{color:var(--primary-color)}.admin-option-editor>.admin-reorder-controls{align-self:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:3px;margin-top:.5rem}.admin-reorder-controls button{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#d1d5dbb3;cursor:pointer;display:flex;font-size:.7rem;height:28px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:28px}.admin-reorder-controls button:hover:not(:disabled){background:#a855f726;border-color:#a855f74d;color:#fff}.admin-reorder-controls button:disabled{cursor:not-allowed;opacity:.25}.admin-btn-delete-category{align-items:center;background:#ef444414;border:1px solid #ef444426;border-radius:10px;color:#f87171;cursor:pointer;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.admin-btn-delete-category svg{flex-shrink:0;height:14px;width:14px}.admin-btn-delete-category:hover{background:#ef444433;border-color:#ef444459;box-shadow:0 2px 10px #ef444426;transform:scale(1.05)}.admin-subcategory.selected{border-color:#a855f74d;box-shadow:0 0 0 1px #a855f726}.dependency-info{color:#9ca3af99;font-size:.75rem;font-style:italic;padding-left:1.5rem}.subcategory-content{border-top:1px solid #ffffff0a;margin-top:.25rem;padding-top:.75rem}.category-meta-editor{align-items:center;background:#00000026;border:1px solid #ffffff0d;border-radius:12px;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:1rem;padding:1rem}.category-meta-editor>label{align-items:center;color:#d1d5dbd9;display:flex;font-size:.85rem;font-weight:500;gap:.4rem;white-space:nowrap}.category-meta-editor>label>input[type=text],.category-meta-editor>label>select{font-size:.8rem;max-width:260px;min-width:160px;padding:.45rem .7rem;width:auto}.category-meta-editor>label>select{min-width:120px}.category-styles-editor{background:#0000001f;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:1rem;padding:1rem}.category-styles-editor h4{color:#d1d5dbe6;font-size:.9rem;font-weight:600;margin:0 0 .75rem}.category-styles-editor label{align-items:center;color:#d1d5dbcc;display:flex;font-size:.82rem;gap:.5rem;margin-bottom:.5rem}.category-styles-editor label input{font-size:.8rem;max-width:200px;min-width:140px;padding:.4rem .65rem;width:auto}.admin-option-editor{align-items:flex-start;background:#0000001f;border:1px solid #ffffff0d;border-radius:12px;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;padding:.85rem;transition:all .2s ease}.admin-option-editor:hover{background:#0000002e;border-color:#a855f71f}.admin-option-editor.full-width{width:100%}.option-main-inputs{grid-gap:.5rem;display:grid;flex:1 1;gap:.5rem;grid-template-columns:1fr 1fr;min-width:0}.option-main-inputs input{font-size:.82rem;padding:.45rem .7rem}.option-main-inputs .short-input{max-width:80px;min-width:60px}.reveals-tag{align-items:center;background:#a855f71f;border:1px solid #a855f733;border-radius:6px;color:#c084fc;display:inline-flex;font-size:.72rem;font-weight:500;gap:.25rem;padding:.2rem .5rem;white-space:nowrap}.admin-option-toggles{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.admin-option-editor>.admin-btn-delete{font-size:.85rem}.admin-btn-advanced,.admin-option-editor>.admin-btn-delete{align-items:center;align-self:center;border-radius:10px;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;padding:0;width:36px}.admin-btn-advanced{background:#a855f714;border:1px solid #a855f733;color:#9ca3af99;cursor:pointer;font-size:.95rem;transition:all .3s ease}.admin-btn-advanced:hover{background:#a855f726;border-color:#a855f759;color:#c084fc;transform:rotate(45deg)}.admin-btn-advanced.active{background:#a855f733;border-color:#a855f766;box-shadow:0 0 12px #a855f733;color:#c084fc;transform:rotate(90deg)}.admin-btn-advanced.active:hover{background:#a855f740;color:#fff}.advanced-options-content{background:#a855f70a;border:1px solid #a855f71a;border-radius:12px;margin-top:.5rem;padding:1rem;width:100%}.option-image-inputs{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-bottom:.75rem}.option-image-inputs input{font-size:.8rem;padding:.45rem .7rem}.admin-panel .advanced-options-content input[type=text],.admin-panel .advanced-options-content select,.admin-panel .option-image-inputs input[type=text],.admin-panel .option-style-grid input[type=text],.admin-panel .option-style-grid select{background:#0000004d!important;border:1px solid #ffffff1a!important;border-radius:10px;color:#e5e7eb!important;font-size:.82rem;padding:.5rem .75rem}.admin-panel .advanced-options-content input[type=text]:focus,.admin-panel .advanced-options-content select:focus,.admin-panel .option-image-inputs input[type=text]:focus,.admin-panel .option-style-grid input[type=text]:focus,.admin-panel .option-style-grid select:focus{background:#0006!important;border-color:#a855f780!important;box-shadow:0 0 0 3px #a855f726}.admin-panel .advanced-options-content select option,.admin-panel .option-style-grid select option{background:#1e293b;color:#e5e7eb}.visibility-editor{background:#0000001f;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:1rem;padding:1rem}.visibility-editor h4{color:#d1d5dbe6;font-size:.9rem;font-weight:600;margin:0 0 .75rem}.condition-group{background:#0000001a;border:1px solid #ffffff0a;border-radius:10px;margin-bottom:.75rem;padding:.75rem}.condition-group p{color:#9ca3afb3!important;font-size:.8rem!important;font-weight:500;margin:0 0 .5rem!important}.condition-row{flex-wrap:wrap;margin-bottom:.4rem}.condition-row select{font-size:.8rem;max-width:200px;min-width:140px;padding:.4rem .6rem}.admin-btn-delete-cond{background:#ef444414;border:1px solid #ef444426;border-radius:8px;cursor:pointer;flex-shrink:0;font-size:.75rem;line-height:1;padding:.3rem .5rem;transition:all .2s ease}.admin-btn-delete-cond:hover{background:#ef444433;border-color:#ef444459}.admin-btn-add-cond{background:#a855f714;border:1px solid #a855f726;border-radius:8px;color:#c084fc;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:500;margin-top:.35rem;padding:.4rem .75rem;transition:all .2s ease}.admin-btn-add-cond:hover{background:#a855f726;border-color:#a855f74d;color:#fff}.category-toggles{display:flex;flex-wrap:wrap;gap:.75rem;margin:.5rem 0}.category-toggles label{align-items:center;cursor:pointer;display:flex;font-size:.85rem;gap:.4rem}.toggle-btn{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;color:#d1d5dbb3;cursor:pointer;font-size:.78rem;padding:.35rem .75rem;transition:all .2s ease}.toggle-btn.active{background:#a855f733;border-color:#a855f759;color:#fff}.toggle-btn:hover{border-color:#a855f74d}.admin-tab-link{align-items:center;color:inherit;display:inline-flex;gap:.5rem;text-decoration:none}.credit-cost-settings{display:flex;flex-direction:column;gap:1.25rem}.cost-category{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;padding:1rem}.cost-category h4{color:#d1d5dbe6;font-size:.95rem;font-weight:600;margin:0 0 .75rem}.tier-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.tier-grid label{color:#d1d5dbcc;display:flex;flex-direction:column;font-size:.82rem;gap:.25rem}.aspect-ratio-admin{display:flex;flex-direction:column;gap:.5rem}.aspect-ratio-admin-item{align-items:center;display:flex;gap:.5rem}.aspect-ratio-admin-item input{flex:1 1}.aspect-ratio-admin-item .admin-btn-delete{align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center;min-height:36px;min-width:36px;padding:.4rem}.aspect-ratio-admin-item .admin-btn-delete svg{flex-shrink:0;height:14px;width:14px}.batch-settings-section,.privacy-settings-section,.prompt-engineering-section{background:#1e293b66;border:1px solid #ffffff0f;border-radius:14px;margin-bottom:1rem;padding:1.25rem}.batch-settings-section h4,.privacy-settings-section h4,.prompt-engineering-section h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .75rem}.preset-editor{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;margin-bottom:.75rem;padding:1rem}.preset-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.preset-header .admin-btn-delete{align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center;min-height:36px;min-width:36px;padding:.4rem}.preset-header .admin-btn-delete svg{flex-shrink:0;height:14px;width:14px}.preset-header input{flex:1 1;min-width:150px}.preset-header .short-input{flex:none;min-width:60px;width:60px}.option-style-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:.75rem}.preset-selections-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.preset-selections-grid label{color:#d1d5dbcc;font-size:.82rem}.admin-access-selector{border-radius:8px;font-size:.78rem;padding:.3rem .5rem;width:auto!important}.registration-credit-settings{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.registration-credit-settings input,.registration-credit-settings select{min-width:120px;width:auto}@media (max-width:1024px){.admin-sidebar{min-width:240px;width:240px}.admin-tab-content{padding:1.25rem 1.5rem 2rem}.admin-credit-management{grid-template-columns:1fr}}@media (max-width:768px){.admin-panel{flex-direction:column}.admin-sidebar{border-bottom:1px solid #a855f726;border-right:none;height:auto;max-height:none;min-width:100%;position:relative;width:100%}.admin-sidebar-nav{display:flex;flex-wrap:wrap;gap:2px;padding:.5rem}.admin-nav-group{display:contents}.admin-nav-group-title{padding:.5rem .5rem .2rem;width:100%}.admin-nav-item{font-size:.78rem;margin:1px;padding:.4rem .8rem;width:auto}.admin-tab-content{padding:1rem}.admin-structure-creator,.form-grid{grid-template-columns:1fr}.policy-header-row,.policy-row{gap:.35rem;grid-template-columns:1fr}.admin-topbar{padding:.75rem 1rem}.admin-topbar-title h1{font-size:1.1rem}}@keyframes adminFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-tab-content>*{animation:adminFadeIn .3s ease-out}.admin-tab-content{transition:opacity .15s ease}.background-remover-settings,.image-editor-settings{display:flex;flex-direction:column;gap:.75rem}.admin-sidebar-toggle{background:none;border:none;color:var(--on-surface-color);cursor:pointer;display:none;font-size:1.5rem;padding:.25rem}@media (max-width:768px){.admin-sidebar-toggle{display:block}}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.72rem;font-weight:600;gap:.35rem;letter-spacing:.5px;padding:.2rem .6rem;text-transform:uppercase}.status-badge.active{background:#10b9811a;border:1px solid #10b98133;color:#34d399}.status-badge.inactive{background:#6b72801a;border:1px solid #6b728033;color:#9ca3af}.ai-chat-settings-wrapper{display:flex;flex-direction:column;gap:1.5rem}.ai-chat-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1rem}.ai-chat-card{background:#00000026;border:1px solid #ffffff0d;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .2s ease}.ai-chat-card:hover{background:#00000040;border-color:#a855f726}.ai-chat-card.disabled{filter:grayscale(100%);opacity:.5;pointer-events:none}.ai-chat-card h4{color:#d1d5dbf2;font-size:.95rem;font-weight:600;margin:0}.ai-chat-card .option-control select,.ai-chat-card input{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:#e5e7eb;font-size:.85rem;padding:.6rem .8rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.ai-chat-card .option-control select:focus,.ai-chat-card input:focus{border-color:#a855f780;box-shadow:0 0 0 3px #a855f726;outline:none}.ai-chat-card .option-help{color:#9ca3afcc;font-size:.75rem;line-height:1.4;margin:0}.ai-chat-prompt-card{display:flex;flex-direction:column;gap:.75rem}.ai-chat-textarea{background:#0000004d!important;border:1px solid #ffffff1a!important;border-radius:10px;color:#e5e7eb!important;font-family:inherit;font-size:.85rem;line-height:1.5;padding:1rem;resize:vertical;transition:all .2s ease;width:100%}.ai-chat-textarea:focus{background:#0006!important;border-color:#a855f780!important;box-shadow:0 0 0 3px #a855f726;outline:none}.image-edit-model-item{align-items:center;background:#00000026;border:1px solid #ffffff0d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem 1.25rem;transition:all .2s ease}.image-edit-model-item:hover{background:#00000040;border-color:#a855f726}.image-edit-model-actions{display:flex;gap:.5rem}.admin-btn-icon-only{align-items:center;border-radius:10px;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;padding:0;width:36px}.admin-btn-icon-only svg{flex-shrink:0;height:14px;width:14px}.frame-list-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.frame-card{align-items:center;background:#00000026;border:1px solid #ffffff0d;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1rem;transition:all .2s ease}.frame-card:hover{background:#00000040;border-color:#a855f726;transform:translateY(-2px)}.frame-preview-img{border-radius:8px;height:80px;object-fit:contain;width:80px}.frame-card-details{align-items:center;display:flex;flex-direction:column;font-size:.85rem;gap:.2rem}.frame-card-details h4{color:#e5e7eb;font-size:.95rem;margin:0}.frame-card-actions{display:flex;gap:.5rem;margin-top:.5rem}.tools-manager{padding:20px}.tools-manager-instructions{background:#ffffff0d;border-radius:8px;margin-bottom:20px;padding:15px}.tools-manager-instructions p{color:#fffc;margin:0}.tools-list{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.tool-editor{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.tool-editor-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.tool-editor-header h3{color:#fff;margin:0}.tool-actions{display:flex;gap:10px}.tool-editor-content{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group{gap:5px}.form-group.inline{align-items:center;flex-direction:row;gap:10px}.form-group label{color:#ffffffe6}.form-group input,.form-group textarea{background:#0003;border:1px solid #ffffff1a;border-radius:6px;color:#fff;font-family:inherit;padding:10px}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none}.inline-label{align-items:center;cursor:pointer;display:flex;gap:8px}.inline-label input{width:auto}.admin-btn-save{align-items:center;background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.admin-btn-save:hover:not(:disabled){background:#8b45f7;transform:translateY(-2px)}.admin-btn-save:disabled{cursor:not-allowed;opacity:.6}.admin-btn-add{align-items:center;background:#2ecc7133;border:1px solid #2ecc7180;border-radius:6px;color:#2ecc71;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;margin-top:10px;padding:12px 20px;transition:all .2s ease}.admin-btn-add:hover{background:#2ecc714d;border-color:#2ecc71}.admin-btn-delete{align-items:center;background:#e74c3c33;border:1px solid #e74c3c80;border-radius:6px;color:#e74c3c;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.admin-btn-delete:hover{background:#e74c3c4d;border-color:#e74c3c}.admin-btn-secondary{align-items:center;background:#a855f733;border:1px solid #a855f780;border-radius:6px;color:var(--primary-color);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.admin-btn-secondary:hover:not(:disabled){background:#a855f74d;border-color:var(--primary-color)}.admin-btn-secondary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.tool-editor-content{grid-template-columns:1fr}.tool-editor-header{align-items:flex-start;flex-direction:column;gap:10px}.tool-actions{justify-content:flex-end;width:100%}}.store-main{margin:0 auto;max-width:1200px}.store-main h2{border-bottom:1px solid #ffffff0d;color:#f8fafc;font-size:1.8rem;font-weight:700;letter-spacing:-.5px;padding-bottom:.5rem}.store-main h2,.store-main>p{margin-bottom:2rem;text-align:center}.store-main>p{color:#9ca3af}.credit-packs-container,.plans-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.credit-pack-card,.frame-card,.plan-card{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.credit-pack-card:hover,.frame-card:hover,.plan-card:hover{border-color:#a855f74d;box-shadow:0 20px 40px #0006,0 0 15px #a855f71a;transform:translateY(-8px)}.plan-card.active-plan{background:linear-gradient(180deg,#a855f70d,#0f172a00);border-color:#a855f766;box-shadow:0 0 20px #a855f71a,inset 0 0 10px #a855f70d}.plan-card.active-plan:before{background:linear-gradient(90deg,#a855f7,#6366f1);box-shadow:0 2px 5px #a855f733;content:"";height:3px;left:0;position:absolute;right:0;top:0}.credit-pack-card h3,.plan-card h3{color:var(--on-surface-color);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.plan-price{color:#f8fafc;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2.8rem;font-weight:800;letter-spacing:-1px;margin:0 0 1.5rem}.plan-price span{color:#9ca3af;font-size:1rem;font-weight:400}.plan-features{flex-grow:1;list-style:none;margin:0 0 2rem;padding:0;text-align:left}.plan-features li{color:#d1d5db;font-size:.95rem;line-height:1.4;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.plan-features li:before{color:var(--primary-color);content:"✓";font-weight:700;left:0;position:absolute}.show-more-btn{align-self:flex-start;background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 0;transition:color .2s ease}.show-more-btn:hover{color:var(--primary-hover-color)}.purchase-button{background:linear-gradient(135deg,#a855f7,#7c3aed,#6366f1);border:none;border-radius:12px;box-shadow:0 4px 15px #a855f766;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:700;margin-top:auto;padding:1rem 1.5rem;transition:all .3s ease}.purchase-button:hover:not(:disabled){background:linear-gradient(135deg,#b46dff,#8b5cf6,#818cf8);box-shadow:0 8px 25px #a855f799;transform:translateY(-2px)}.purchase-button:active:not(:disabled){box-shadow:0 2px 10px #a855f766;transform:translateY(1px)}.purchase-button:disabled{background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:none;color:#64748b;cursor:not-allowed;transform:none}.pack-description{color:#9ca3af;font-size:.9rem;line-height:1.4;margin:.5rem 0 1rem}.pack-price{color:var(--primary-color);font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.frames-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:2rem}.frame-image{border-radius:50%;box-shadow:0 0 20px #00000080;height:100px;margin-bottom:1.5rem;object-fit:cover;width:100px}.frame-card h3{color:var(--on-surface-color);font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.frame-price{align-items:center;color:var(--accent-color);display:flex;font-size:1.2em;font-weight:600;gap:.25rem;justify-content:center;margin:0 0 1rem}@media (max-width:768px){.store-main h2{font-size:1.5rem}.credit-packs-container,.plans-container{gap:1rem;grid-template-columns:1fr}.credit-pack-card,.plan-card{padding:1.5rem}.plan-price{font-size:2rem}.frames-container{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.frame-card{padding:1rem}.frame-image{height:100%;width:100%}}@media (max-width:480px){.credit-packs-container,.frames-container,.plans-container{grid-template-columns:1fr}.credit-pack-card,.frame-card,.plan-card{padding:1rem}.plan-price{font-size:1.8rem}.purchase-button{font-size:.9rem;padding:.7rem 1.2rem}}.payment-processing-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.payment-processing-content{background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--border-radius-lg);box-shadow:0 10px 30px #0000004d;max-width:400px;padding:2rem;text-align:center;width:90%}.payment-processing-content .loader{margin:0 auto 1rem}.payment-processing-content p{color:var(--on-surface-color);font-size:1.1rem;margin:0}.gateway-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.gateway-loading-content{background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--border-radius-lg);box-shadow:0 10px 30px #0000004d;max-width:400px;padding:2rem;text-align:center;width:90%}.gateway-loading-content p{color:var(--on-surface-color);font-size:1.1rem;margin:0}.gateway-loading-content .loader{animation:spin 1s linear infinite;border-top:4px solid var(--surface-color);border:4px solid var(--surface-color);border-radius:50%;border-top-color:var(--primary-color);height:50px;margin:0 auto 1rem;width:50px}.store-section-desc{color:#9ca3af;font-size:.95rem;line-height:1.5;margin-bottom:2rem;text-align:center}.best-value-plan{border-color:#eab30866!important;box-shadow:0 0 30px #eab3081a,inset 0 0 15px #eab30808!important}.best-value-plan:before{background:linear-gradient(90deg,#eab308,#f59e0b,#fbbf24);box-shadow:0 2px 8px #eab3084d;content:"";height:3px;left:0;position:absolute;right:0;top:0}.best-value-badge{animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#eab308,#f59e0b);box-shadow:0 2px 10px #eab30866;color:#0f0a1e;font-weight:700;letter-spacing:.5px;right:12px;text-transform:uppercase}.best-value-badge,.current-plan-badge{align-items:center;border-radius:20px;display:flex;font-size:.75rem;gap:4px;padding:4px 12px;position:absolute;top:12px}.current-plan-badge{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;font-weight:600;left:12px}@keyframes badgePulse{0%,to{box-shadow:0 2px 10px #eab30866}50%{box-shadow:0 2px 20px #eab308b3}}.trust-section{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:16px;margin:2rem 0 3rem;padding:2rem;text-align:center}.trust-badges{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:1.5rem}.trust-badge{align-items:center;color:#d1d5db;display:flex;font-size:.9rem;font-weight:500;gap:8px}.trust-icon{color:#22c55e;font-size:1.1rem}.refund-summary{color:#9ca3af;font-size:.85rem;line-height:1.6;margin:0 auto;max-width:600px}.refund-summary a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .2s ease}.refund-summary a:hover{color:var(--primary-hover-color);text-decoration:underline}.store-faq-section{margin-bottom:2rem;margin-top:3rem}.store-faq-section h2{border-bottom:1px solid #ffffff0d;color:#f8fafc;font-size:1.8rem;font-weight:700;letter-spacing:-.5px;margin-bottom:2rem;padding-bottom:.5rem;text-align:center}.faq-list{display:flex;flex-direction:column;gap:.75rem;margin:0 auto;max-width:700px}.faq-item{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:12px;overflow:hidden;transition:all .3s ease}.faq-item.faq-open{border-color:#a855f74d;box-shadow:0 4px 15px #0003}.faq-question{align-items:center;background:none;border:none;color:#f1f5f9;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;justify-content:space-between;padding:1.25rem 1.5rem;text-align:left;transition:color .2s ease;width:100%}.faq-question:hover{color:var(--primary-color)}.faq-question svg{color:#9ca3af;flex-shrink:0;font-size:.85rem;transition:color .2s ease}.faq-answer{animation:faqSlideIn .3s ease;padding:0 1.5rem 1.25rem}.faq-answer p{color:#9ca3af;font-size:.9rem;line-height:1.6;margin:0}@keyframes faqSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.trust-badges{gap:1rem}.trust-badge{font-size:.8rem}.faq-question{font-size:.9rem;padding:1rem 1.25rem}.faq-answer{padding:0 1.25rem 1rem}.best-value-badge,.current-plan-badge{font-size:.65rem;padding:3px 8px}}@media (max-width:480px){.trust-badges{align-items:center;flex-direction:column;gap:.75rem}.trust-section{padding:1.5rem 1rem}}.legal-page{color:#f1f1f1;font-family:sans-serif;line-height:1.6;margin:0 auto;max-width:800px;padding:2rem}.legal-page h1{border-bottom:2px solid #555;font-size:2.5rem;margin-bottom:1rem;padding-bottom:.5rem}.legal-page h2{color:#f1f1f1;font-size:1.8rem}.legal-page ul{margin-bottom:1rem;margin-left:2rem}.legal-page li{margin-bottom:.5rem}.legal-page strong{font-weight:700}.legal-page a{color:#4da6ff;text-decoration:none}.legal-page a:hover{text-decoration:underline}.modal-content{max-height:90vh;max-width:900px;overflow-y:auto;width:95%}.challenge-submit-modal{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px 0 var(--shadow-color);padding:2rem;position:relative}.challenge-submit-modal h3{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:var(--on-surface-color);color:#0000;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.submission-gallery-grid{grid-gap:1rem;background:#0000001a;border:1px solid var(--glass-border-color);border-radius:var(--border-radius-md);display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:2rem;max-height:60vh;overflow-y:auto;padding:1rem}.submission-gallery-item{background:var(--surface-color);border:2px solid #0000;border-radius:var(--border-radius-md);box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.submission-gallery-item:hover{border-color:var(--primary-color);box-shadow:0 6px 20px #0003;transform:translateY(-3px)}.submission-gallery-item.selected{border-color:var(--primary-color);box-shadow:0 0 20px #a855f766;transform:scale(1.02)}.submission-gallery-item.selected:after{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;content:"✓";display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.submission-gallery-item img{display:block;height:180px;object-fit:cover;transition:transform .3s ease;width:100%}.submission-gallery-item:hover img{transform:scale(1.05)}.submit-button{align-items:center;background:var(--primary-color);border:none;border-radius:var(--border-radius-md);box-shadow:0 4px 15px #a855f766;color:#fff;cursor:pointer;display:flex;font-family:var(--font-family-main);font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){background:var(--primary-hover-color);box-shadow:0 6px 25px #a855f799;transform:translateY(-2px)}.submit-button:disabled{background:#374151;box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}@media (max-width:768px){.challenge-submit-modal{margin:1rem;padding:1.5rem;width:98%}.challenge-submit-modal h3{font-size:1.3rem;margin-bottom:1rem}.submission-gallery-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:50vh;padding:.75rem}.submission-gallery-item img{height:140px}.submit-button{font-size:1rem;padding:.875rem 1.5rem}}@media (max-width:480px){.submission-gallery-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.submission-gallery-item img{height:120px}}.challenges-page-new{background-color:var(--background-color);color:var(--on-surface-color);margin:0 auto;max-width:1400px;padding:var(--content-padding)}.challenge-hero-wrapper{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:20px;box-shadow:0 15px 40px #00000080,inset 0 1px 0 #ffffff0d;margin-bottom:3rem;overflow:hidden;position:relative}.challenge-hero-main{display:flex;flex-wrap:wrap;position:relative;z-index:1}.hero-content-left{flex:2 1;min-width:300px;padding:3.5rem 3rem}.hero-badge{align-items:center;background:#a855f726;border:1px solid #a855f74d;border-radius:30px;color:#c084fc;display:inline-flex;font-size:.9rem;font-weight:700;gap:.5rem;letter-spacing:1px;margin-bottom:1.5rem;padding:.4rem 1rem;text-transform:uppercase}.hero-title{background:linear-gradient(135deg,#a855f7,#00f0ff);-webkit-background-clip:text;background-clip:text;color:#0000;filter:drop-shadow(0 4px 15px rgba(168,85,247,.4));font-size:3.5rem;font-weight:800;letter-spacing:-1px;line-height:1.1;margin:0 0 1rem}.hero-description{color:#94a3b8;font-size:1.15rem;line-height:1.6;margin-bottom:2rem;max-width:600px}.hero-meta-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.stat-pill{align-items:center;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;color:#e2e8f0;display:inline-flex;font-size:.95rem;gap:.5rem;padding:.6rem 1.2rem}.stat-pill.warning{background:#fbbf241a;border-color:#fbbf2433;color:#fbbf24}.stat-pill.reward{background:#6ee7b71a;border-color:#6ee7b733;color:#6ee7b7}.hero-submit-entry-btn{align-items:center;background:linear-gradient(135deg,#a855f7,#7c3aed,#6366f1);border:none;border-radius:14px;box-shadow:0 10px 25px #a855f766;color:#fff;cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:800;justify-content:center;padding:1.2rem 2.5rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.hero-submit-entry-btn:hover{background:linear-gradient(135deg,#b46dff,#8b5cf6,#818cf8);box-shadow:0 15px 35px #a855f799;transform:translateY(-4px)}.hero-content-right{background:#0003;border-left:1px solid #ffffff0d;display:flex;flex:1 1;flex-direction:column;min-width:300px}.how-it-works-panel{padding:3.5rem 3rem}.how-it-works-panel h3{color:#f8fafc;font-size:1.4rem;margin:0 0 .5rem}.update-notice{color:#64748b;font-size:.9rem;margin-bottom:2rem}.sleek-steps-list{display:flex;flex-direction:column;gap:1.5rem;list-style:none;margin:0;padding:0}.sleek-steps-list li{align-items:flex-start;display:flex;gap:1rem}.step-indicator{align-items:center;background:#a855f71a;border:1px solid #a855f74d;border-radius:50%;color:#c084fc;display:flex;flex-shrink:0;font-weight:800;height:32px;justify-content:center;width:32px}.step-text{color:#cbd5e1;flex:1 1;font-size:1rem;line-height:1.5}.step-text strong{color:#f8fafc}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:0 .5rem}.section-header h2{color:var(--on-surface-color);font-size:1.8rem;font-weight:700;padding-bottom:.5rem;position:relative}.section-header h2:after{background:linear-gradient(90deg,#a855f7,#00f0ff);border-radius:4px;bottom:0;box-shadow:0 2px 10px #a855f780;content:"";height:4px;left:0;position:absolute;width:60px}.more-link{align-items:center;color:var(--primary-color);display:flex;font-weight:700;gap:.5rem;text-decoration:none;transition:all .3s ease}.more-link:hover{color:var(--secondary-color);transform:translateX(3px)}.entries-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:2rem}.all-entries-section .filter-controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.filter-controls button{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.7rem 1.5rem;transition:all .3s ease}.filter-controls button:hover{background:#a855f70d;border-color:#a855f74d;color:#f8fafc;transform:translateY(-2px)}.filter-controls button.active{background:linear-gradient(135deg,#a855f7,#6366f1);border-color:#0000;box-shadow:0 4px 15px #a855f766;color:#fff}@media (max-width:1200px){.entries-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:992px){.steps-container{flex-direction:column}.step{min-width:100%}}@media (max-width:900px){.theme-header{flex-direction:column;gap:1.5rem}.theme-info h1{font-size:2rem}.theme-info h1,.theme-info p{text-align:center}.entries-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:576px){.theme-header-wrapper{padding:1.5rem}.theme-info h1{font-size:1.8rem}.submit-entry-button{min-width:160px;padding:1rem}.entries-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.daily-themes{flex-direction:column}.section-header h2{font-size:1.5rem}.participation-steps{padding:1.5rem}}.ai-edit-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ai-edit-modal-content{background:#2c2c2c;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 30px #0000004d;color:#fff;max-width:600px;padding:30px;width:90%}.ai-edit-modal-content h3{border-bottom:1px solid #fff3;color:#fff;font-size:1.8em;margin-bottom:20px;margin-top:0;padding-bottom:15px}.selected-text-preview{background:#0003;border-radius:8px;margin-bottom:20px;max-height:150px;overflow-y:auto;padding:15px}.selected-text-preview h4{color:#ffffffb3;font-size:.9em;margin:0 0 10px;text-transform:uppercase}.selected-text-preview p{color:#ffffffe6;font-style:italic;margin:0}.instruction-input label{display:block;font-weight:700;margin-bottom:10px}.instruction-input input{background-color:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:1em;padding:12px;width:100%}.modal-actions{justify-content:flex-end;margin-top:30px}.modal-actions .btn-primary,.modal-actions .btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:1em;padding:10px 20px;transition:all .3s ease}.modal-actions .btn-secondary{background-color:#fff3;color:#fff}.modal-actions .btn-secondary:hover{background-color:#ffffff4d}.modal-actions .btn-primary{background-color:#007bff;color:#fff}.modal-actions .btn-primary:hover{background-color:#0056b3}.modal-actions button:disabled{cursor:not-allowed;opacity:.5}.blog-sidebar{border-top:1px solid #fff3;margin-top:60px;padding-top:40px;width:100%}.sidebar-widget{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:16px;box-shadow:0 10px 30px #0006;margin-bottom:50px;padding:30px}.widget-title{border-bottom:1px solid #ffffff0d;color:#f8fafc;font-size:1.5rem;font-weight:700;margin:0 0 20px;padding-bottom:15px}.widget-list{list-style:none;margin:0;padding:0}.widget-list li{margin-bottom:12px}.widget-list a{color:#94a3b8;display:flex;font-weight:500;justify-content:space-between;text-decoration:none;transition:all .3s ease}.widget-list a:hover{color:#a855f7;transform:translateX(3px)}.widget-list span{color:#ffffff80}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag-link{background-color:#a855f70d;border:1px solid #a855f733;border-radius:12px;color:#c084fc;display:inline-block;font-size:.9rem;font-weight:600;padding:6px 14px;text-decoration:none;transition:all .3s ease}.tag-link:hover{background-color:#a855f726;border-color:#a855f766;box-shadow:0 4px 10px #a855f733}.blog-post-container{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:20px;box-shadow:0 20px 50px #00000080;color:#f8fafc;margin:40px auto;max-width:auto;padding:60px}.blog-post-container .cover-image{border-radius:12px;box-shadow:0 8px 20px #0003;height:auto;margin-bottom:30px;width:100%}.blog-post-container h1{background:linear-gradient(135deg,#f8fafc,#94a3b8);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3.5rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:20px}.blog-post-container .post-meta{border-bottom:1px solid #ffffff0d;color:#64748b;display:flex;font-size:1rem;gap:25px;margin-bottom:40px;padding-bottom:25px}.blog-post-container .post-content{color:#ffffffe6;font-size:1.1em;line-height:1.9}.blog-post-container .post-content h1,.blog-post-container .post-content h2,.blog-post-container .post-content h3,.blog-post-container .post-content h4{color:#fff;text-shadow:0 1px 5px #0003}.blog-post-container .post-content h2{border-bottom:1px solid #ffffff0d;color:#f8fafc;font-size:2rem;font-weight:700;margin-bottom:25px;margin-top:50px;padding-bottom:15px}.blog-post-container .post-content h3{font-size:1.6em;margin-bottom:20px;margin-top:40px}.blog-post-container .post-content p{margin-bottom:25px}.blog-post-container .post-content a{color:#a855f7;font-weight:600;text-decoration:none;transition:color .3s ease}.blog-post-container .post-content a:hover{color:#c084fc;text-decoration:underline}.blog-post-container .post-content ol,.blog-post-container .post-content ul{margin-bottom:25px;padding-left:30px}.blog-post-container .post-content li{margin-bottom:10px}.blog-post-container .post-content blockquote{background:#a855f70d;border-left:4px solid #a855f7;border-radius:0 12px 12px 0;color:#cbd5e1;font-size:1.2rem;font-style:italic;margin:30px 0;padding-bottom:20px;padding-left:25px;padding-top:20px}.blog-post-container .post-content pre{background-color:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:#f0f0f0;overflow-x:auto;padding:20px}.post-tags{border-top:1px solid #fff3;margin-top:50px;padding-top:25px}.post-tags .tag{background-color:#a855f71a;border:1px solid #a855f74d;border-radius:20px;color:#c084fc;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:10px;margin-right:12px;padding:8px 18px;transition:all .3s ease}.post-tags .tag:hover{background-color:#a855f733;box-shadow:0 2px 10px #a855f733}.error-message{color:#ff8a80;font-size:1.2em;padding:40px;text-align:center}.ai-edit-button{align-items:center;background-color:#007bff;border:none;border-radius:50%;box-shadow:0 4px 15px #007bff66;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;transition:transform .2s ease-in-out;width:36px;z-index:999}.ai-edit-button:hover{transform:scale(1.1)}.related-posts-section{border-top:1px solid #fff3;margin-top:60px;padding-top:30px}.related-posts-section h3{font-size:1.8em;margin-bottom:30px;text-align:center}.related-posts-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.related-post-card{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:16px;color:#f8fafc;overflow:hidden;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.related-post-card:hover{border-color:#a855f74d;box-shadow:0 15px 30px #0006,0 0 15px #a855f726;transform:translateY(-8px)}.related-post-card img{height:120px;object-fit:cover;width:100%}.related-post-card h4{font-size:1.1em;line-height:1.4;margin:0;padding:20px}@media (max-width:768px){.blog-post-container{border-radius:12px;margin-top:20px;padding:20px 15px}.blog-post-container h1{font-size:2em;line-height:1.3;margin-bottom:15px}.blog-post-container .post-meta{flex-direction:column;font-size:.9em;gap:10px;margin-bottom:25px;padding-bottom:15px}.blog-post-container .post-content{font-size:1em;line-height:1.7}.blog-post-container .post-content h2{font-size:1.6em;margin-bottom:20px;margin-top:35px}.blog-post-container .post-content h3{font-size:1.3em;margin-bottom:15px;margin-top:30px}.blog-post-container .post-content p{margin-bottom:20px}.blog-post-container .post-content ol,.blog-post-container .post-content ul{margin-bottom:20px;padding-left:20px}.blog-post-container .post-content blockquote{margin:20px 0;padding-bottom:10px;padding-left:15px;padding-top:10px}.blog-post-container .post-content pre{font-size:.85em;padding:15px}.blog-post-container .post-content iframe,.blog-post-container .post-content img{height:auto!important;max-width:100%}.post-tags{margin-top:35px;padding-top:20px}.post-tags .tag{font-size:.85em;margin-bottom:8px;margin-right:8px;padding:6px 14px}.related-posts-section{margin-top:40px;padding-top:25px}.related-posts-section h3{font-size:1.5em;margin-bottom:20px}.related-posts-grid{gap:15px;grid-template-columns:1fr}.related-post-card h4{font-size:1em;padding:15px}.ai-edit-button{font-size:16px;height:32px;width:32px}}@media (max-width:480px){.blog-post-container{margin-top:20px;padding:15px 10px}.blog-post-container h1{font-size:1.6em}.blog-post-container .post-content{font-size:.95em}.blog-post-container .post-content h2{font-size:1.4em}.blog-post-container .post-content h3{font-size:1.2em}.related-posts-section h3{font-size:1.3em}}.blog-list-container{max-width:1200px;padding:20px}.blog-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:60px}.blog-card{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:16px;box-shadow:0 10px 30px #0006;color:inherit;display:flex;flex-direction:column;overflow:hidden;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.blog-card:hover{border-color:#a855f766;box-shadow:0 15px 40px #00000080,0 0 20px #a855f726;transform:translateY(-8px)}.card-image-container{height:200px;overflow:hidden;width:100%}.card-image{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.blog-card:hover .card-image{transform:scale(1.05)}.card-content{display:flex;flex-direction:column;flex-grow:1;padding:25px}.card-title{color:#f8fafc;font-size:1.4rem;font-weight:700;line-height:1.3;margin:0 0 15px;transition:color .3s ease}.blog-card:hover .card-title{color:#a855f7}.card-excerpt{color:#94a3b8;flex-grow:1;font-size:1rem;line-height:1.6;margin:0 0 20px}.card-footer{border-top:1px solid #ffffff0d;color:#64748b;display:flex;font-size:.9rem;justify-content:space-between;margin-top:auto;padding-top:15px}.tools-page{margin:0 auto;max-width:1400px;padding:20px}.tools-header{margin-bottom:2.5rem;padding:0 20px;text-align:center}.tools-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#3b82f6 50%,#00f0ff);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 15px rgba(168,85,247,.3));font-size:2.8rem;font-weight:800;letter-spacing:-.5px;margin-bottom:1rem}.header-subtitle{font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.tools-masonry-grid{display:flex;margin-left:-30px;width:auto}.tools-masonry-grid_column{background-clip:padding-box;padding-left:30px}.tool-card-wrapper{margin-bottom:30px}.loading-placeholder{align-items:center;background:#ffffff0d;border-radius:16px;color:#ffffffb3;display:flex;height:200px;justify-content:center;margin-bottom:30px}@media (max-width:1200px){.tools-masonry-grid{margin-left:-25px}.tools-masonry-grid_column{padding-left:25px}.tool-card-wrapper{margin-bottom:25px}}@media (max-width:768px){.tools-page{padding:15px}.tools-header h1{font-size:2rem}.header-subtitle{font-size:1rem}.tools-masonry-grid{margin-left:-20px}.tools-masonry-grid_column{padding-left:20px}.tool-card-wrapper{margin-bottom:20px}}@media (max-width:480px){.tools-masonry-grid{margin-left:-15px}.tools-masonry-grid_column{padding-left:15px}.tool-card-wrapper{margin-bottom:15px}.tools-header{margin-bottom:2rem;padding:0 10px}.tools-header h1{font-size:1.8rem}.header-subtitle{font-size:.9rem}}.queue-item-card{background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--border-radius-md);box-shadow:0 4px 20px var(--shadow-color);display:flex;flex-direction:column;font-family:var(--font-family-main);height:220px;overflow:hidden;position:relative;transition:all .3s ease}.queue-item-card:hover{border-color:var(--primary-color);box-shadow:0 8px 25px var(--shadow-color);transform:translateY(-4px)}.queue-item-content{display:flex;flex-direction:column;height:100%;padding:1rem}.queue-item-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.queue-status-badge{border-radius:20px;flex:1 1;font-size:.75rem;font-weight:100;letter-spacing:.5px;min-width:0;overflow:hidden;padding:6px 12px;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.queue-status-badge.pending{background:linear-gradient(135deg,#fbbf2440,#fbbf2426);border:1px solid #fbbf2466;box-shadow:0 2px 8px #fbbf241a;color:#fbbf24}.queue-status-badge.processing{animation:pulse 2s infinite;background:linear-gradient(135deg,#3b82f640,#3b82f626);border:1px solid #3b82f666;box-shadow:0 2px 8px #3b82f61a;color:var(--secondary-color)}.queue-status-badge.completed{background:linear-gradient(135deg,#22c55e40,#22c55e26);border:1px solid #22c55e66;box-shadow:0 2px 8px #22c55e1a;color:#22c55e}.queue-status-badge.failed{background:linear-gradient(135deg,#ef444440,#ef444426);border:1px solid #ef444466;box-shadow:0 2px 8px #ef44441a;color:#ef4444}.cancel-queue-btn{background:#ef444426;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 10px;transition:all .2s;white-space:nowrap}.cancel-queue-btn:hover{background:#ef444440;transform:scale(1.05)}.queue-item-prompt{flex:1 1;margin-bottom:.8rem;overflow:hidden}.queue-item-prompt p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--on-surface-color);display:-webkit-box;font-size:.85rem;line-height:1.4;margin:0;overflow:hidden}.queue-item-meta{color:var(--on-surface-color);display:flex;flex-direction:column;font-size:.75rem;gap:.3rem;opacity:.7}.queue-item-result{display:flex;justify-content:center;margin-top:.6rem}.queue-item-result img{border:1px solid var(--glass-border-color);border-radius:8px;box-shadow:0 2px 6px var(--shadow-color);max-height:90px;max-width:100%;object-fit:cover}.queue-item-progress{display:flex;justify-content:center;margin-top:.6rem;padding:.5rem}.processing-animation{animation:spin 1s linear infinite;color:var(--secondary-color);font-size:1.8rem;text-shadow:0 0 8px #3b82f666}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.queue-item-card.processing-glow{box-shadow:0 0 15px #3b82f64d}@media (max-width:768px){.queue-item-card{height:auto;min-height:180px;padding:.75rem}.queue-item-content{padding:.75rem}.queue-item-header{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.queue-status-badge{align-self:flex-start;font-size:.7rem;padding:4px 8px}.cancel-queue-btn{align-self:flex-end;font-size:.8rem;padding:4px 8px}.queue-item-prompt p{-webkit-line-clamp:2;font-size:.8rem}.queue-item-meta{font-size:.7rem}.queue-item-result img{max-height:70px}.processing-animation{font-size:1.5rem}}@media (max-width:480px){.queue-item-card{min-height:160px;padding:.5rem}.queue-item-content{padding:.5rem}.queue-item-header{margin-bottom:.4rem}.queue-status-badge{font-size:.65rem;padding:3px 6px}.cancel-queue-btn{font-size:.75rem;padding:3px 6px}.queue-item-prompt p{-webkit-line-clamp:2;font-size:.75rem}.queue-item-meta{font-size:.65rem;gap:.2rem}.queue-item-result img{max-height:60px}.processing-animation{font-size:1.2rem}}.out-of-credits-modal{padding:40px 30px;text-align:center}.out-of-credits-modal h2{color:var(--primary-accent-color);font-size:2rem;margin-bottom:15px}.out-of-credits-modal p{color:var(--text-color-secondary);font-size:1.1rem;margin-bottom:30px}.modal-actions{display:flex;flex-direction:column;gap:15px}.modal-button{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 20px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.modal-button:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.upgrade-button{background-color:var(--primary-accent-color);color:#fff}.buy-button{background-color:#e0e0e0;color:#333}.aspect-ratio-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-bottom:1.5rem}.aspect-ratio-option{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#1e1e2899;border:1px solid #ffffff1a;border-radius:10px;color:#e0e0e0;cursor:pointer;font-weight:500;padding:12px;text-align:center;transition:all .2s ease-in-out}.aspect-ratio-option:hover{background-color:#2d2d3ccc;border-color:#654be5b3}.aspect-ratio-option.selected{background-color:#654be5cc;border-color:#654be5;box-shadow:0 0 15px #654be599;color:#fff;font-weight:700}.aspect-ratio-label{font-size:1rem;line-height:1.2}.model-picker-container{border-radius:12px;box-shadow:0 4px 12px #0006;height:120px;overflow:hidden;position:relative;width:150px}.model-picker-wheel{-webkit-overflow-scrolling:touch;height:100%;overflow-y:scroll;scroll-snap-type:y mandatory}.model-picker-wheel::-webkit-scrollbar{display:none}.model-picker-wheel{-ms-overflow-style:none;scrollbar-width:none}.model-picker-item{align-items:center;color:#aaa;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;scroll-snap-align:center;transition:color .3s ease,font-size .3s ease,text-shadow .3s ease}.model-picker-item.selected{color:#fff;font-size:18px;font-weight:700;text-shadow:0 0 8px #ffffff80}.model-picker-overlay{bottom:0;top:0}.model-picker-highlight,.model-picker-overlay{left:0;pointer-events:none;position:absolute;right:0}.model-picker-highlight{border-bottom:1px solid #654be5b3;border-top:1px solid #654be5b3;box-shadow:0 0 12px #654be580;height:40px;top:50%;transform:translateY(-50%)}.tool-page{margin:0 auto;max-width:1400px;padding:20px}.tool-header{margin-bottom:2.5rem;text-align:center}.tool-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#a855f7,#00f0ff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:1rem}.tool-page-main{grid-gap:2rem;align-items:flex-start;display:grid;gap:2rem;grid-template-columns:1fr 450px}.tool-form-container{overflow-y:auto}.tool-form-container,.tool-result-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:1.5rem}.tool-result-container{height:-webkit-fit-content;height:fit-content}.placeholder-content h2{color:#a855f7}.placeholder-content p{color:#9ca3af}.placeholder-result ul{margin:1rem auto;max-width:400px;padding-left:1.5rem;text-align:left}.placeholder-result li{color:#9ca3af;margin-bottom:.5rem}@media (max-width:1200px){.tool-page-main{grid-template-columns:1fr}.tool-result-container{margin-top:2rem}}@media (max-width:768px){.tool-page{padding:15px}.tool-header h1{font-size:2rem}.tool-form-container,.tool-result-container{padding:1rem}}.image-editor-container{background:#0000;border-radius:8px;color:var(--on-surface-color);padding:0}.image-editor-container h2.image-editor-title{font-size:1.8rem;font-weight:700;margin-bottom:20px;text-align:center}.image-editor-container p{color:var(--on-surface-color-muted);font-size:.9rem;margin-bottom:1.5rem;text-align:center}.image-editor-container .form-group{margin-bottom:1.5rem}.image-editor-container .form-group-inline{display:flex;gap:1rem;margin-bottom:1.5rem}.image-editor-container .seed-group{flex:1 1}.image-editor-container label{color:var(--on-surface-color);display:block;font-size:.9rem;font-weight:700;margin-bottom:.5rem}.image-editor-container input[type=number],.image-editor-container input[type=text],.image-editor-container textarea{background-color:#0003;border:1px solid var(--glass-border-color);border-radius:8px;box-sizing:border-box;color:var(--on-surface-color);font-size:1rem;padding:12px;width:100%}.image-editor-container input[type=number]:focus,.image-editor-container input[type=text]:focus,.image-editor-container textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #a855f766;outline:none}.image-editor-container input[type=file]{background-color:#0003;border:1px dashed var(--glass-border-color);border-radius:8px;color:var(--on-surface-color);cursor:pointer;padding:12px;width:100%}.image-editor-container input[type=range]{-webkit-appearance:none;background:#0000;width:100%}.image-editor-container input[type=range]:focus{outline:none}.image-editor-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary-color);border-radius:50%;cursor:pointer;height:16px;margin-top:-6px;width:16px}.image-editor-container input[type=range]::-moz-range-thumb{background:var(--primary-color);border-radius:50%;cursor:pointer;height:16px;width:16px}.image-editor-container input[type=range]::-webkit-slider-runnable-track{background:var(--surface-color);border-radius:5px;cursor:pointer;height:4px;width:100%}.image-editor-container input[type=range]::-moz-range-track{background:var(--surface-color);border-radius:5px;cursor:pointer;height:4px;width:100%}.image-editor-container select{background-color:#0003;border:1px solid var(--glass-border-color);border-radius:8px;box-sizing:border-box;color:var(--on-surface-color);font-size:1rem;padding:12px;width:100%}.image-editor-container select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #a855f766;outline:none}.image-editor-container .image-preview{margin:1rem 0;text-align:center}.image-editor-container .image-preview img{border:2px solid var(--glass-border-color);border-radius:8px;max-height:300px;max-width:100%}.image-editor-container .generate-button{align-items:center;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border:none;border-radius:8px;box-shadow:0 4px 15px #a855f766;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;justify-content:center;padding:15px;transition:all .3s ease;width:100%}.image-editor-container .generate-button:hover:not(:disabled){box-shadow:0 6px 25px #a855f799;transform:translateY(-2px)}.image-editor-container .generate-button:disabled{background:var(--surface-color-darker);box-shadow:none;cursor:not-allowed;transform:none}.image-editor-container .advanced-settings h3{align-items:center;background-color:#0000001a;border-radius:8px;color:var(--on-surface-color);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.image-editor-container .advanced-settings h3:hover{background-color:#0003}.image-editor-container .legend-toggle{transition:transform .3s ease}.image-editor-container .legend-toggle.open{transform:rotate(90deg)}.image-editor-container .fieldset-content{background-color:#0000001a;border-radius:8px;margin-bottom:20px;padding:15px}.image-editor-container .result-image{margin-top:2rem;text-align:center}.image-editor-container .result-image h3{margin-bottom:1rem}.image-editor-container .result-image img{border:2px solid var(--primary-color);border-radius:8px;max-width:100%}.image-editor-form{padding:1rem}.form-section{margin-bottom:2rem}.image-upload-section{margin:1rem 0}.image-upload-container{display:flex;justify-content:center}.image-upload-placeholder{text-align:center;width:100%}.image-upload-placeholder p{color:var(--on-surface-color-muted);margin-bottom:1rem}.upload-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.browse-btn,.upload-btn{align-items:center;background:#ffffff0d;border:1px solid var(--glass-border-color);border-radius:8px;color:var(--on-surface-color);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:12px 20px;transition:all .3s ease}.browse-btn:hover,.upload-btn:hover{background:#ffffff1a;border-color:var(--primary-color)}.browse-btn:disabled{cursor:not-allowed;opacity:.6}.uploaded-image-preview{display:inline-block;margin:0 auto;position:relative}.uploaded-image-preview img{border:2px solid var(--glass-border-color);max-height:300px;max-width:100%}.remove-image-btn{background:#ff0000b3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:5px 10px;position:absolute;right:10px;top:10px}.remove-image-btn:hover{background:#ff0000e6}.form-actions{margin-top:2rem}.generate-btn{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border:none;border-radius:8px;box-shadow:0 4px 15px #a855f766;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 30px;transition:all .3s ease}.generate-btn:hover:not(:disabled){box-shadow:0 6px 25px #a855f799;transform:translateY(-2px)}.generate-btn:disabled{background:var(--surface-color-darker);box-shadow:none;cursor:not-allowed;transform:none}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90%;max-width:90%;overflow:hidden}.modal-header{align-items:center;border-bottom:1px solid var(--glass-border-color);display:flex;justify-content:space-between;padding:1rem 1.5rem}.modal-header h2{color:var(--on-surface-color);margin:0}.modal-close{align-items:center;background:none;border:none;color:var(--on-surface-color);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.modal-close:hover{color:var(--primary-color)}.modal-body{max-height:70vh;overflow-y:auto;padding:1.5rem}.my-images-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.my-image-item{border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s ease}.my-image-item:hover{border-color:var(--primary-color);transform:scale(1.05)}.my-image-item img{display:block;height:150px;object-fit:cover;width:100%}@media (max-width:768px){.upload-buttons{flex-direction:column}.browse-btn,.upload-btn{width:100%}.my-images-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.my-image-item img{height:120px}}.klein-info-box{background:linear-gradient(135deg,#581c874d,#a855f733);border:1px solid #a855f766;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem}.klein-info-box p{color:var(--on-surface-color);margin:0;text-align:left}.klein-info-box .klein-info-sub{color:var(--on-surface-color-muted);font-size:.85rem;margin-top:.5rem}.additional-images-container{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.additional-image-preview{border:2px solid var(--glass-border-color);border-radius:8px;height:100px;overflow:hidden;position:relative;width:100px}.additional-image-preview img{height:100%;object-fit:cover;width:100%}.remove-additional-image{align-items:center;background:#ff3b30e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s ease;width:24px}.remove-additional-image:hover{background:#ff3b30;transform:scale(1.1)}.add-additional-image,.add-image-btn{align-items:center;display:flex;justify-content:center}.add-image-btn{background:#0000001a;border:2px dashed var(--glass-border-color);border-radius:8px;color:var(--on-surface-color-muted);cursor:pointer;flex-direction:column;font-size:.9rem;font-weight:600;gap:.25rem;height:100px;transition:all .3s ease;width:100px}.add-image-btn:hover{background:#a855f71a;border-color:var(--primary-color);color:var(--primary-color)}.form-help-text{color:var(--on-surface-color-muted)!important;font-size:.8rem!important;margin-bottom:.75rem!important;text-align:left!important}.radio-group{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.radio-option{align-items:center;background:#00000026;border:1px solid var(--glass-border-color);border-radius:8px;cursor:pointer;display:flex;font-weight:400;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}.radio-option:hover{background:#00000040;border-color:var(--primary-color)}.radio-option.selected{background:#a855f726;border-color:var(--primary-color)}.radio-option input[type=radio]{accent-color:var(--primary-color);height:18px;width:18px}.radio-option span{color:var(--on-surface-color);font-size:.9rem}.checkbox-hint{color:var(--on-surface-color-muted);font-size:.8rem;margin-left:.5rem}.klein-upload-hint{color:var(--on-surface-color-muted)!important;font-size:.85rem!important;margin-bottom:1rem!important;text-align:center!important}.klein-multi-image-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(5,1fr);margin-bottom:1rem}@media (max-width:768px){.klein-multi-image-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.klein-multi-image-grid{grid-template-columns:repeat(2,1fr)}}.klein-image-slot{aspect-ratio:1;background:#00000026;border:2px dashed var(--glass-border-color);border-radius:12px;overflow:hidden;position:relative;transition:all .3s ease}.klein-image-slot.has-image{border-color:var(--primary-color);border-style:solid}.klein-image-slot:hover{background:#a855f71a;border-color:var(--primary-color)}.klein-image-slot img{height:100%;object-fit:cover;width:100%}.remove-klein-image{align-items:center;background:#ff3b30e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:26px;justify-content:center;position:absolute;right:6px;top:6px;transition:all .2s ease;width:26px;z-index:2}.remove-klein-image:hover{background:#ff3b30;transform:scale(1.1)}.image-slot-label{background:#000000b3;border-radius:50%;bottom:6px;color:#fff;font-size:12px;font-weight:700;height:22px;left:6px;position:absolute;width:22px;z-index:2}.image-slot-label,.klein-add-image-btn{align-items:center;display:flex;justify-content:center}.klein-add-image-btn{background:#0000;border:none;color:var(--on-surface-color-muted);cursor:pointer;flex-direction:column;font-size:.75rem;font-weight:600;gap:.25rem;height:100%;transition:all .3s ease;width:100%}.klein-add-image-btn:hover:not(:disabled){color:var(--primary-color)}.klein-add-image-btn:disabled{cursor:not-allowed;opacity:.4}.klein-add-image-btn .plus-icon{font-size:1.5rem;font-weight:300}.browse-gallery-btn{align-items:center;background:#ffffff0d;border:1px solid var(--glass-border-color);border-radius:8px;color:var(--on-surface-color);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:12px 20px;transition:all .3s ease;width:100%}.browse-gallery-btn:hover{background:#ffffff1a;border-color:var(--primary-color)}.klein-slot-buttons{flex-direction:column;gap:.5rem;height:100%}.klein-gallery-btn,.klein-slot-buttons,.klein-upload-btn{align-items:center;display:flex;justify-content:center;padding:.5rem;width:100%}.klein-gallery-btn,.klein-upload-btn{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;gap:.3rem;transition:all .3s ease}.klein-upload-btn{background:#a855f733;color:var(--primary-color)}.klein-upload-btn:hover{background:#a855f759;transform:scale(1.05)}.klein-gallery-btn{background:#3b82f633;color:#3b82f6}.klein-gallery-btn:hover{background:#3b82f659;transform:scale(1.05)}@media (max-width:768px){.klein-gallery-btn,.klein-upload-btn{font-size:.9rem;padding:.4rem}}.image-selection-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000c;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:2000}.image-selection-modal-content{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px 0 var(--shadow-color);max-height:90vh;max-width:1000px;overflow-y:auto;padding:2rem;position:relative;text-align:center;width:95%}.close-button{align-items:center;background:#00000080;border:none;border-radius:50%;color:var(--on-surface-color);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:32px;z-index:10}.close-button:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}.image-selection-modal-content h3{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:var(--on-surface-color);color:#0000;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;margin-top:0}.image-selection-grid{grid-gap:1rem;background:#0000001a;border:1px solid var(--glass-border-color);border-radius:var(--border-radius-md);display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:2rem;margin-top:1rem;max-height:60vh;overflow-y:auto;padding:1rem}.image-selection-item{aspect-ratio:1;background:var(--surface-color);border:2px solid #0000;border-radius:var(--border-radius-md);box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.image-selection-item:hover{border-color:var(--primary-color);box-shadow:0 6px 20px #0003;transform:translateY(-3px)}.image-selection-item img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.image-selection-item:hover img{transform:scale(1.05)}.image-selection-item.selected{border-color:var(--primary-color);box-shadow:0 0 20px #a855f766;transform:scale(1.02)}.selection-indicator{border-radius:50%;font-size:14px;font-weight:700;height:24px;position:absolute;right:8px;top:8px;width:24px;z-index:10}.modal-close-button,.selection-indicator{align-items:center;background:var(--primary-color);color:#fff;display:flex;justify-content:center}.modal-close-button{border:none;border-radius:var(--border-radius-md);box-shadow:0 4px 15px #a855f766;cursor:pointer;font-family:var(--font-family-main);font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 auto;padding:1rem 2rem;transition:all .3s ease}.modal-close-button:hover{background:var(--primary-hover-color);box-shadow:0 6px 25px #a855f799;transform:translateY(-2px)}.loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.loading-state .loader{animation:spin 1s linear infinite;border-top:4px solid var(--surface-color);border:4px solid var(--surface-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.loading-state p{color:var(--on-surface-color);font-size:1rem;margin:0}.empty-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.empty-state p{color:var(--on-surface-color);font-size:1rem;margin:0;opacity:.7;text-align:center}@media (max-width:768px){.image-selection-modal-content{margin:1rem;padding:1.5rem;width:98%}.image-selection-modal-content h3{font-size:1.3rem;margin-bottom:1rem}.image-selection-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:50vh;padding:.75rem}.close-button{font-size:1.2rem;height:28px;right:.5rem;top:.5rem;width:28px}.modal-close-button{font-size:1rem;padding:.875rem 1.5rem}}@media (max-width:480px){.image-selection-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.empty-state,.loading-state{padding:2rem}}.consistent-character-editor-container{background:#0000;border-radius:8px;color:var(--on-surface-color);padding:0}.consistent-character-editor-container h2.consistent-character-title{font-size:1.8rem;font-weight:700;margin-bottom:20px;text-align:center}.consistent-character-editor-container p{color:var(--on-surface-color-muted);font-size:.9rem;margin-bottom:1.5rem;text-align:center}.consistent-character-editor-container .form-group{margin-bottom:1.5rem}.consistent-character-editor-container label{color:var(--on-surface-color);display:block;font-size:.9rem;font-weight:700;margin-bottom:.5rem}.consistent-character-editor-container input[type=number],.consistent-character-editor-container input[type=text],.consistent-character-editor-container textarea{background-color:#0003;border:1px solid var(--glass-border-color);border-radius:8px;box-sizing:border-box;color:var(--on-surface-color);font-size:1rem;padding:12px;width:100%}.consistent-character-editor-container input[type=number]:focus,.consistent-character-editor-container input[type=text]:focus,.consistent-character-editor-container textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #a855f766;outline:none}.consistent-character-editor-container input[type=file]{background-color:#0003;border:1px dashed var(--glass-border-color);border-radius:8px;color:var(--on-surface-color);cursor:pointer;padding:12px;width:100%}.consistent-character-editor-container input[type=range]{-webkit-appearance:none;background:#0000;width:100%}.consistent-character-editor-container input[type=range]:focus{outline:none}.consistent-character-editor-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary-color);border-radius:50%;cursor:pointer;height:16px;margin-top:-6px;width:16px}.consistent-character-editor-container input[type=range]::-moz-range-thumb{background:var(--primary-color);border-radius:50%;cursor:pointer;height:16px;width:16px}.consistent-character-editor-container input[type=range]::-webkit-slider-runnable-track{background:var(--surface-color);border-radius:5px;cursor:pointer;height:4px;width:100%}.consistent-character-editor-container input[type=range]::-moz-range-track{background:var(--surface-color);border-radius:5px;cursor:pointer;height:4px;width:100%}.consistent-character-editor-container select{background-color:#0003;border:1px solid var(--glass-border-color);border-radius:8px;box-sizing:border-box;color:var(--on-surface-color);font-size:1rem;padding:12px;width:100%}.consistent-character-editor-container select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #a855f766;outline:none}.consistent-character-editor-container .image-preview{margin:1rem 0;text-align:center}.consistent-character-editor-container .image-preview img{border:2px solid var(--glass-border-color);border-radius:8px;max-height:300px;max-width:100%}.consistent-character-editor-container .generate-button{align-items:center;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border:none;border-radius:8px;box-shadow:0 4px 15px #a855f766;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;justify-content:center;padding:15px;transition:all .3s ease;width:100%}.consistent-character-editor-container .generate-button:hover:not(:disabled){box-shadow:0 6px 25px #a855f799;transform:translateY(-2px)}.consistent-character-editor-container .generate-button:disabled{background:var(--surface-color-darker);box-shadow:none;cursor:not-allowed;transform:none}.consistent-character-editor-container .advanced-settings h3{align-items:center;background-color:#0000001a;border-radius:8px;color:var(--on-surface-color);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.consistent-character-editor-container .advanced-settings h3:hover{background-color:#0003}.consistent-character-editor-container .legend-toggle{transition:transform .3s ease}.consistent-character-editor-container .legend-toggle.open{transform:rotate(90deg)}.consistent-character-editor-container .fieldset-content{background-color:#0000001a;border-radius:8px;margin-bottom:20px;padding:15px}.consistent-character-editor-container .result-image{margin-top:2rem;text-align:center}.consistent-character-editor-container .result-image h3{margin-bottom:1rem}.consistent-character-editor-container .result-image img{border:2px solid var(--primary-color);border-radius:8px;max-width:100%}@media (max-width:768px){.consistent-character-editor-container h2.consistent-character-title{font-size:1.5rem;margin-bottom:15px}.consistent-character-editor-container p{font-size:.85rem;margin-bottom:1rem}.image-upload-buttons{flex-direction:column;gap:.75rem}.image-upload-buttons button{font-size:.9rem;min-height:120px;padding:15px}.button-icon svg{height:1.2rem;width:1.2rem}.consistent-character-editor-container .form-group{margin-bottom:1rem}.consistent-character-editor-container label{font-size:.85rem}.consistent-character-editor-container input[type=number],.consistent-character-editor-container input[type=text],.consistent-character-editor-container select,.consistent-character-editor-container textarea{font-size:.9rem;padding:10px}.consistent-character-editor-container .generate-button{font-size:1rem;padding:12px}.prompt-category h3{font-size:.9rem;padding:.75rem}.options-grid{gap:.375rem}.selectable-option{font-size:.8rem;padding:.375rem .75rem}.queue-status-section{margin-bottom:15px;padding:12px}.queue-info{flex-direction:column;gap:10px}}@media (max-width:480px){.consistent-character-editor-container h2.consistent-character-title{font-size:1.3rem}.image-upload-buttons button{font-size:.85rem;min-height:100px;padding:12px}.consistent-character-editor-container .generate-button{font-size:.95rem;padding:10px}.prompt-category h3{font-size:.85rem;padding:.5rem}.selectable-option{font-size:.75rem;padding:.25rem .5rem}.form-group-inline{flex-direction:column;gap:.5rem}.seed-group{flex:none}.consistent-character-editor-container .advanced-settings h3{font-size:.9rem;padding:.75rem}.consistent-character-editor-container .fieldset-content{padding:10px}}.prompt-options-container{margin-top:1rem}.prompt-category{margin-bottom:1.5rem}.prompt-category h3{align-items:center;background-color:#0000001a;border-radius:8px;color:var(--on-surface-color);cursor:pointer;display:flex;font-size:1rem;font-weight:700;justify-content:space-between;margin-bottom:.5rem;padding:.5rem 1rem;text-align:left}.prompt-category h3:hover{background-color:#0003}.options-grid{display:flex;flex-wrap:wrap;gap:.5rem}.options-dropdown{background-color:#0003;border:1px solid var(--glass-border-color);border-radius:8px;box-sizing:border-box;color:var(--on-surface-color);font-size:1rem;margin-bottom:.5rem;padding:12px;width:100%}.options-dropdown:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #a855f766;outline:none}.search-display-mode{margin-bottom:1rem;position:relative}.search-container{display:flex;gap:.5rem;margin-bottom:.5rem;position:relative}.search-input{background-color:#0003;border:1px solid var(--glass-border-color);border-radius:8px;box-sizing:border-box;color:var(--on-surface-color);flex-grow:1;font-size:1rem;padding:.75rem}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #a855f766;outline:none}.random-button{align-items:center;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;justify-content:center;padding:.75rem;transition:all .2s ease;white-space:nowrap}.random-button:hover{opacity:.9;transform:none}.autocomplete-suggestions{background-color:#000000e6;border:1px solid var(--glass-border-color);border-radius:8px;left:0;margin-top:.25rem;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.suggestion-item{border-bottom:1px solid var(--glass-border-color);cursor:pointer;padding:.75rem}.suggestion-item:hover{background-color:#a855f733}.suggestion-item:last-child{border-bottom:none}.selected-search-options{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.selected-search-option{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:12px;color:#fff;cursor:pointer;font-size:.8rem;padding:.25rem .5rem}.selected-search-option:hover{opacity:.8}.options-radio-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.option-radio-label{align-items:center;background-color:#0000001a;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:all .2s ease}.option-radio-label:hover{background-color:#0003}.option-radio{height:1.2rem;width:1.2rem}.option-radio-text{color:var(--on-surface-color);font-size:1rem}.options-checkbox-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.option-checkbox-label{align-items:center;background-color:#0000001a;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:all .2s ease}.option-checkbox-label:hover{background-color:#0003}.option-checkbox{height:1.2rem;width:1.2rem}.option-checkbox-text{color:var(--on-surface-color);font-size:1rem}.options-tabs,.options-tabs-container{margin-bottom:.5rem}.options-tabs{border-bottom:2px solid var(--glass-border-color);display:flex;flex-wrap:wrap;gap:.25rem}.option-tab{background-color:#0000001a;border:none;border-radius:8px 8px 0 0;color:var(--on-surface-color);cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.option-tab:hover{background-color:#0003}.option-tab.selected{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff}.options-tab-content{background-color:#0000001a;border-radius:0 0 8px 8px;min-height:2rem;padding:1rem}.option-tab-content-item{align-items:center;background-color:#0003;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.25rem;padding:.5rem}.remove-tab-selection{align-items:center;background:none;border:none;border-radius:50%;color:var(--error-color);cursor:pointer;display:flex;font-size:1.2rem;height:1.5rem;justify-content:center;width:1.5rem}.remove-tab-selection:hover{background-color:#ff00001a}.no-tab-selection{color:var(--on-surface-color-muted);font-style:italic;padding:1rem;text-align:center}.options-carousel-container{margin-bottom:.5rem}.options-carousel{display:flex;gap:1rem;overflow-x:auto;padding:1rem 0;scrollbar-width:thin}.options-carousel::-webkit-scrollbar{height:6px}.options-carousel::-webkit-scrollbar-thumb{background-color:var(--glass-border-color);border-radius:3px}.carousel-item{align-items:center;background-color:#0000001a;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-width:120px;padding:1rem;text-align:center;transition:all .2s ease}.carousel-item:hover{background-color:#0003;transform:translateY(-2px)}.carousel-item.selected{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff}.carousel-item-content{align-items:center;display:flex;flex-direction:column;gap:.5rem}.carousel-item-label{font-size:.9rem}.carousel-item-icon{font-size:1.5rem}.carousel-indicators{display:flex;gap:.5rem;justify-content:center;margin:.5rem 0}.indicator{background-color:#0003;border-radius:50%;cursor:pointer;height:10px;transition:all .2s ease;width:10px}.indicator.active{background-color:var(--primary-color)}.carousel-selected-items{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.selected-carousel-item{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:12px;color:#fff;cursor:pointer;font-size:.8rem;padding:.25rem .5rem}.selected-carousel-item:hover{opacity:.8}.multi-select-dropdown-container{margin-bottom:.5rem;width:100%}.selected-options-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.selected-option-tag{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:12px;color:#fff;cursor:pointer;font-size:.8rem;padding:.25rem .5rem}.selected-option-tag:hover{opacity:.8}.selectable-option{background-color:#0000001a;border:1px solid var(--glass-border-color);border-radius:24px;color:var(--on-surface-color);white-space:nowrap}.selectable-option:hover{background-color:#0003;border-color:var(--primary-color)}.selectable-option.selected{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));box-shadow:0 2px 10px #a855f74d}.form-group textarea{background-color:#0003;border:1px solid var(--glass-border-color);border-radius:8px;color:var(--on-surface-color);font-size:1rem;min-height:100px;padding:12px;width:100%}.option-overlay-image{transition:transform .3s ease,opacity .3s ease}.selectable-option.selected .effect-pop,.selectable-option:hover .effect-pop{transform:scale(1.1)}.selectable-option.selected .effect-shake,.selectable-option:hover .effect-shake{animation:shake .5s}.selectable-option.selected .effect-glow,.selectable-option:hover .effect-glow{filter:drop-shadow(0 0 8px var(--primary-color))}.selectable-option.selected .effect-breathe,.selectable-option:hover .effect-breathe{animation:breathe 2s infinite}.selectable-option.selected .effect-head-tilt,.selectable-option:hover .effect-head-tilt{transform:rotate(-5deg)}.selectable-option.selected .effect-look-alive,.selectable-option:hover .effect-look-alive{transform:translateY(-5px) scale(1.05)}.selectable-option.selected .effect-shake-attitude,.selectable-option:hover .effect-shake-attitude{animation:shake-attitude .8s}.selectable-option.selected .effect-frozen-alive,.selectable-option:hover .effect-frozen-alive{animation:frozen-alive 1.5s}.selectable-option.selected .effect-glitch,.selectable-option:hover .effect-glitch{animation:glitch 1s infinite}@keyframes frozen-alive{0%{filter:grayscale(100%);transform:scale(.95)}50%{filter:grayscale(0);transform:scale(1.05)}to{filter:grayscale(0);transform:scale(1)}}.prompt-category .category-title{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.prompt-category .category-collapsed{opacity:.7}.queue-status-section{background-color:#0000001a;border-radius:8px}.queue-status-section h3{color:var(--on-surface-color)}.queue-items{gap:15px}.video-editor-container{background:#0000;border-radius:8px;color:var(--on-surface-color);padding:0}.video-editor-container h2.video-generation-title{font-size:1.8rem;font-weight:700;margin-bottom:20px;text-align:center}.video-editor-container .form-group{margin-bottom:1.5rem}.video-editor-container label{color:var(--on-surface-color);display:block;font-size:.9rem;font-weight:700;margin-bottom:.5rem}.video-editor-container input,.video-editor-container select,.video-editor-container textarea{background-color:#0003;border:1px solid var(--glass-border-color);border-radius:8px;box-sizing:border-box;color:var(--on-surface-color);font-size:1rem;padding:12px;width:100%}.video-editor-container input:focus,.video-editor-container select:focus,.video-editor-container textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #a855f766;outline:none}.video-editor-container textarea{min-height:100px;resize:vertical}.video-editor-container .form-group-inline{align-items:center;display:flex;gap:15px}.video-editor-container .seed-group{flex:1 1}.video-editor-container .seed-input{width:100%}.video-editor-container input[type=range]{-webkit-appearance:none;background:#0000;width:100%}.video-editor-container input[type=range]:focus{outline:none}.video-editor-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary-color);border-radius:50%;cursor:pointer;height:16px;margin-top:-6px;width:16px}.video-editor-container input[type=range]::-moz-range-thumb{background:var(--primary-color);border-radius:50%;cursor:pointer;height:16px;width:16px}.video-editor-container input[type=range]::-webkit-slider-runnable-track{background:var(--surface-color);border-radius:5px;cursor:pointer;height:4px;width:100%}.video-editor-container input[type=range]::-moz-range-track{background:var(--surface-color);border-radius:5px;cursor:pointer;height:4px;width:100%}.video-editor-container .image-upload-buttons,.video-editor-container .video-upload-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.video-editor-container .image-upload-buttons button,.video-editor-container .video-upload-buttons button{align-items:center;background:#ffffff0d;border:2px dashed var(--glass-border-color);border-radius:var(--border-radius-lg);color:var(--on-surface-color);cursor:pointer;display:flex;flex-direction:column;flex-grow:1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin:0 auto;max-width:auto;min-height:200px;padding:20px;transition:all .3s ease}.video-editor-container .image-upload-buttons button:hover,.video-editor-container .video-upload-buttons button:hover{background:#ffffff1a;border-color:var(--primary-color)}.video-editor-container .image-preview,.video-editor-container .video-preview{margin-top:15px;text-align:center}.video-editor-container .image-preview img,.video-editor-container .video-preview video{border:2px solid var(--glass-border-color);border-radius:8px;max-height:300px;max-width:100%}.video-editor-container .advanced-settings h3{align-items:center;background-color:#0000001a;border-radius:8px;color:var(--on-surface-color);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.video-editor-container .advanced-settings h3:hover{background-color:#0003}.video-editor-container .legend-toggle{transition:transform .3s ease}.video-editor-container .legend-toggle.open{transform:rotate(90deg)}.video-editor-container .fieldset-content{background-color:#0000001a;border-radius:8px;margin-bottom:20px;padding:15px}.video-editor-container .generate-button{align-items:center;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border:none;border-radius:8px;box-shadow:0 4px 15px #a855f766;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;justify-content:center;padding:15px;transition:all .3s ease;width:100%}.video-editor-container .generate-button:hover:not(:disabled){box-shadow:0 6px 25px #a855f799;transform:translateY(-2px)}.video-editor-container .generate-button:disabled{background:var(--surface-color-darker);box-shadow:none;cursor:not-allowed;transform:none}.video-editor-container .queue-status-section{background-color:#0000001a;border-radius:8px;margin-bottom:20px;padding:15px}.video-editor-container .queue-status-section h3{color:var(--on-surface-color);margin-top:0}.video-editor-container .queue-info{display:flex;gap:20px;margin-bottom:15px}.video-editor-container .queue-info p{color:var(--on-surface-color);margin:0}.video-editor-container .queue-items{display:flex;flex-direction:column;gap:15px}.text-to-video-editor-container{background:#0000;border-radius:8px;color:var(--on-surface-color);padding:0}.text-to-video-editor-container h2.video-generation-title{font-size:1.8rem;font-weight:700;margin-bottom:20px;text-align:center}.text-to-video-editor-container .form-group{margin-bottom:1.5rem}.text-to-video-editor-container label{color:var(--on-surface-color);display:block;font-size:.9rem;font-weight:700;margin-bottom:.5rem}.text-to-video-editor-container input,.text-to-video-editor-container select,.text-to-video-editor-container textarea{background-color:#0003;border:1px solid var(--glass-border-color);border-radius:8px;box-sizing:border-box;color:var(--on-surface-color);font-size:1rem;padding:12px;width:100%}.text-to-video-editor-container input:focus,.text-to-video-editor-container select:focus,.text-to-video-editor-container textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #a855f766;outline:none}.text-to-video-editor-container textarea{min-height:100px;resize:vertical}.text-to-video-editor-container .form-group-inline{align-items:center;display:flex;gap:15px}.text-to-video-editor-container .seed-group{flex:1 1}.text-to-video-editor-container .seed-input{width:100%}.text-to-video-editor-container input[type=range]{-webkit-appearance:none;background:#0000;width:100%}.text-to-video-editor-container input[type=range]:focus{outline:none}.text-to-video-editor-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary-color);border-radius:50%;cursor:pointer;height:16px;margin-top:-6px;width:16px}.text-to-video-editor-container input[type=range]::-moz-range-thumb{background:var(--primary-color);border-radius:50%;cursor:pointer;height:16px;width:16px}.text-to-video-editor-container input[type=range]::-webkit-slider-runnable-track{background:var(--surface-color);border-radius:5px;cursor:pointer;height:4px;width:100%}.text-to-video-editor-container input[type=range]::-moz-range-track{background:var(--surface-color);border-radius:5px;cursor:pointer;height:4px;width:100%}.text-to-video-editor-container .dimensions-inputs{display:flex;gap:1rem}.text-to-video-editor-container .dimension-input{flex:1 1}.text-to-video-editor-container .advanced-settings h3{align-items:center;background-color:#0000001a;border-radius:8px;color:var(--on-surface-color);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.text-to-video-editor-container .advanced-settings h3:hover{background-color:#0003}.text-to-video-editor-container .legend-toggle{transition:transform .3s ease}.text-to-video-editor-container .legend-toggle.open{transform:rotate(90deg)}.text-to-video-editor-container .fieldset-content{background-color:#0000001a;border-radius:8px;margin-bottom:20px;padding:15px}.text-to-video-editor-container .audio-settings h4{color:var(--on-surface-color);margin-bottom:1rem;margin-top:1rem}.text-to-video-editor-container .generate-button{align-items:center;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border:none;border-radius:8px;box-shadow:0 4px 15px #a855f766;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;justify-content:center;padding:15px;transition:all .3s ease;width:100%}.text-to-video-editor-container .generate-button:hover:not(:disabled){box-shadow:0 6px 25px #a855f799;transform:translateY(-2px)}.text-to-video-editor-container .generate-button:disabled{background:var(--surface-color-darker);box-shadow:none;cursor:not-allowed;transform:none}.text-to-video-editor-container .queue-status-section{background-color:#0000001a;border-radius:8px;margin-bottom:20px;padding:15px}.text-to-video-editor-container .queue-status-section h3{color:var(--on-surface-color);margin-top:0}.text-to-video-editor-container .queue-info{display:flex;gap:20px;margin-bottom:15px}.text-to-video-editor-container .queue-info p{color:var(--on-surface-color);margin:0}.text-to-video-editor-container .queue-items{display:flex;flex-direction:column;gap:15px}.text-to-video-editor-container .dimension-warning{border-radius:4px;font-weight:700;margin-top:10px;padding:8px;text-align:center}.text-to-video-editor-container .dimension-warning.warning{background-color:#ffa50033;border:1px solid orange;color:orange}.text-to-video-editor-container .dimension-warning.error{background-color:#f003;border:1px solid red;color:red}.text-to-video-editor-container .setting-warning{border-radius:4px;font-size:.9rem;margin-top:5px;padding:5px}.text-to-video-editor-container .setting-warning.error{background-color:#f003;border:1px solid red;color:red}.text-to-image-editor-container{margin:0 auto;max-width:800px;padding:20px}.image-generation-title{color:var(--text-primary);margin-bottom:20px;text-align:center}.queue-status-section{background:var(--card-bg);border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:15px}.queue-status-section h3{color:var(--text-primary)}.queue-info{margin-bottom:10px}.form-group label{color:var(--text-primary)}.form-group input[type=number],.form-group select,.form-group textarea{background:var(--input-bg);border:1px solid var(--border-color);border-radius:5px;color:var(--text-primary);font-size:14px;padding:10px;width:100%}.form-group textarea{min-height:80px;resize:vertical}.dimensions-inputs{display:flex;gap:20px}.dimension-input{flex:1 1}.dimension-input label{display:block;margin-bottom:5px}.form-group-inline{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.batch-size-group,.seed-group{flex:1 1;min-width:150px}.batch-size-group input,.seed-input{width:100%}.advanced-settings h3{margin-bottom:10px;padding:10px 15px}.advanced-settings h3,.fieldset-content{background:var(--card-bg);border-radius:5px}.fieldset-content{margin-bottom:20px;padding:15px}.generate-button{background:var(--primary-color);border-radius:5px;padding:12px;transition:background .3s ease}.generate-button:hover:not(:disabled){background:var(--primary-hover)}.generate-button:disabled{background:var(--disabled-bg)}.plan-features-notice{background:var(--card-bg);border-radius:5px;font-size:14px;margin-bottom:20px;padding:15px}.plan-features-notice p{color:var(--text-primary);margin-top:0}.plan-features-notice ul{margin-bottom:0;padding-left:20px}.plan-features-notice li{margin-bottom:5px}.plan-features-notice strong{color:var(--primary-color)}@media (max-width:768px){.text-to-image-editor-container{padding:10px}.dimensions-inputs,.form-group-inline{flex-direction:column;gap:10px}.form-group-inline{align-items:flex-start}.batch-size-group,.seed-group{width:100%}}.background-remover-container{background:#0000;border-radius:8px;color:var(--on-surface-color);padding:0}.background-remover-title{color:var(--on-surface-color);font-size:1.8rem;font-weight:700;margin-bottom:20px;text-align:center}.background-remover-container p{color:var(--on-surface-color-muted);font-size:.9rem;margin-bottom:1.5rem;text-align:center}.background-remover-form{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px 0 var(--shadow-color);margin-bottom:30px;padding:25px}.form-group{margin-bottom:1.5rem}.form-group label{font-size:.9rem;font-weight:700;margin-bottom:.5rem}.image-upload-area{align-items:center;background:#0003;border:2px dashed var(--glass-border-color);border-radius:var(--border-radius-md);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:200px;padding:30px;text-align:center;transition:all .3s ease}.image-upload-area:hover{background:#0000004d;border-color:var(--primary-color);box-shadow:0 4px 20px #a855f766;transform:translateY(-2px)}.image-upload-area p{color:var(--on-surface-color);margin:5px 0}.upload-icon{align-items:center;color:var(--primary-color);display:flex;font-size:2.5rem;justify-content:center}.image-preview{margin-top:20px;text-align:center}.image-preview img{border:2px solid var(--glass-border-color);border-radius:var(--border-radius-md);box-shadow:0 4px 12px #0000001a}.queue-status-section{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px 0 var(--shadow-color);margin-bottom:30px}.queue-info{border-bottom:1px solid var(--glass-border-color);justify-content:space-between;padding-bottom:15px}.queue-items{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.generate-button{border-radius:var(--border-radius-md);font-size:1.1rem;font-weight:700;padding:15px;width:100%}.generate-button:disabled{background:var(--surface-color-darker)}.image-upload-buttons{gap:1rem;justify-content:center;margin-bottom:1rem}.image-upload-buttons button{background:#ffffff0d;border:2px dashed var(--glass-border-color);border-radius:var(--border-radius-lg);color:var(--on-surface-color);flex-direction:column;flex-grow:1;font-size:1rem;gap:.5rem;justify-content:center;margin:0 auto;max-width:auto;min-height:200px;padding:20px}.image-upload-buttons button:hover{background:#ffffff1a;border-color:var(--primary-color);box-shadow:0 4px 20px #a855f766}.button-icon{align-items:center;display:flex;font-size:1.5rem;justify-content:center}.button-icon svg{height:1.5rem;width:1.5rem}@media (max-width:768px){.background-remover-container{padding:15px}.background-remover-form{padding:20px}.image-upload-buttons{flex-direction:column}.image-upload-area{min-height:150px;padding:20px}}.flux-fill-outpaint-container{background:var(--surface-color);border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:800px;padding:20px}.flux-fill-outpaint-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:10px;text-align:center}.flux-fill-outpaint-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--on-surface-color);font-size:14px;font-weight:600}.image-upload-buttons{display:flex;flex-wrap:wrap;gap:12px}.image-upload-buttons button{align-items:center;background:linear-gradient(45deg,var(--primary-color),var(--primary-hover-color));border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:8px;min-width:160px;padding:12px 20px;transition:all .3s ease}.image-upload-buttons button:hover{box-shadow:0 4px 12px #ff33994d;transform:translateY(-2px)}.button-icon{font-size:16px}.image-preview{border:2px solid var(--primary-color);border-radius:8px;box-shadow:0 4px 12px #0003;display:flex;justify-content:center;margin:16px 0;overflow:hidden}.image-preview img{max-height:300px;max-width:100%;object-fit:contain}textarea{background:#1a162acc;border:2px solid #9d3dff4d;border-radius:8px;color:var(--on-surface-color);font-family:inherit;font-size:14px;min-height:80px;padding:12px;transition:border-color .3s ease}textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff33991a;outline:none}.aspect-ratio-selector{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.ratio-btn{background:#1a162acc;border:2px solid #9d3dff4d;border-radius:6px;color:var(--on-surface-color);cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.ratio-btn:hover{background:#ff33991a;border-color:var(--primary-color)}.ratio-btn.active{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-color:var(--primary-color);color:#fff}.dimension-inputs{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:12px}.dimension-input{display:flex;flex-direction:column;gap:8px}.dimension-input label{color:var(--on-surface-color);font-size:13px;font-weight:500}.dimension-input input[type=range]{background:#9d3dff4d;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.dimension-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:50%;box-shadow:0 2px 6px #ff33994d;cursor:pointer;height:18px;width:18px}.dimension-input input[type=range]::-moz-range-thumb{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border:none;border-radius:50%;box-shadow:0 2px 6px #ff33994d;cursor:pointer;height:18px;width:18px}.advanced-settings{background:#1a162a80;border:2px solid #9d3dff4d;border-radius:8px;overflow:hidden}.advanced-settings h3{align-items:center;background:#9d3dff1a;color:var(--on-surface-color);cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin:0;padding:16px;transition:background-color .3s ease}.advanced-settings h3:hover{background:#9d3dff33}.legend-toggle{color:var(--primary-color);font-size:20px;font-weight:700}.fieldset-content{gap:20px;padding:20px}select{background:#1a162acc;border:2px solid #9d3dff4d;border-radius:6px;color:var(--on-surface-color);cursor:pointer;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .3s ease}select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff33991a;outline:none}.checkbox-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:8px}.checkbox-item{align-items:center;color:var(--on-surface-color);cursor:pointer;display:flex;font-size:14px;gap:8px;transition:color .3s ease}.checkbox-item:hover{color:var(--primary-color)}.checkbox-item input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.generate-button{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));font-size:16px;margin-top:8px;overflow:hidden;padding:16px 24px;position:relative}.generate-button:hover:not(:disabled){box-shadow:0 6px 20px #f396}.generate-button:disabled{background:#666}.generate-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.generate-button:hover:before{left:100%}.queue-status-section{background:#1a162a99;border:2px solid #9d3dff4d;margin-bottom:24px}.queue-status-section h3{color:var(--primary-color);font-size:18px;font-weight:600;margin:0 0 16px}.queue-info{flex-wrap:wrap;gap:24px;margin-bottom:16px}.queue-info p{color:var(--on-surface-color);font-size:14px;font-weight:500;margin:0}.queue-items{display:flex;flex-direction:column;gap:12px}@media (max-width:768px){.flux-fill-outpaint-container{margin:10px;padding:16px}.flux-fill-outpaint-title{font-size:1.5rem}.image-upload-buttons{flex-direction:column}.image-upload-buttons button{min-width:auto}.dimension-inputs{gap:12px;grid-template-columns:1fr}.checkbox-group{grid-template-columns:repeat(2,1fr)}.queue-info{flex-direction:column;gap:8px}}@media (max-width:480px){.aspect-ratio-selector{grid-template-columns:repeat(3,1fr)}.ratio-btn{font-size:12px;padding:6px 12px}.checkbox-group{grid-template-columns:1fr}}.wan22-animate-tool-container{margin:0 auto;max-width:800px;padding:20px}.form-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:20px}.form-section h3{color:#fff;font-size:1.2rem;margin-top:0}.instructions{color:#aaa;font-size:.9rem;margin-bottom:15px}.form-group{margin-bottom:20px}.form-group label{color:#ddd;display:block;font-weight:500;margin-bottom:5px}.form-input,.form-select,.form-textarea{background:#0000004d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;padding:10px;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#8a6eff;box-shadow:0 0 0 2px #8a6eff33;outline:none}.form-textarea{min-height:80px;resize:vertical}.checkbox-group{align-items:center;display:flex;gap:8px}.checkbox-group input{width:auto}.file-selection-container{display:flex;gap:10px;margin-top:10px}.file-upload-container{display:inline-block;position:relative}.file-input{left:-9999px;position:absolute}.file-select-button,.file-upload-button{background:#8a6eff1a;border:1px solid #8a6eff4d;border-radius:6px;color:#8a6eff;cursor:pointer;display:inline-block;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.file-select-button:hover,.file-upload-button:hover{background:#8a6eff33;border-color:#8a6eff80}.file-upload-button:disabled{cursor:not-allowed;opacity:.6}.image-selector,.video-selector{background:#0003;border:1px solid #ffffff1a;border-radius:8px;margin-top:15px;padding:15px}.image-grid,.video-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-bottom:15px;max-height:300px;overflow-y:auto}.image-item,.video-item{aspect-ratio:1;background:#0000004d;border-radius:6px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease}.image-item:hover,.video-item:hover{box-shadow:0 0 0 2px #8a6eff;transform:scale(1.05)}.image-item img,.video-item video{height:100%;object-fit:cover;width:100%}.video-overlay{background:#000000b3;bottom:0;color:#fff;font-size:.7rem;left:0;padding:5px;position:absolute;right:0;text-align:center}.close-selector-button{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:.9rem;margin:0 auto;padding:8px 16px;transition:all .2s ease}.close-selector-button:hover{background:#fff3}.queue-status-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:20px}.queue-status-section h3{color:#fff;font-size:1.2rem;margin-top:0}.queue-info{display:flex;gap:20px;margin-bottom:15px}.queue-info-item{text-align:center}.queue-info-label{color:#aaa;font-size:.9rem;margin-bottom:5px}.queue-info-value{color:#8a6eff;font-size:1.2rem;font-weight:700}.queue-items{max-height:300px;overflow-y:auto}.form-actions{margin-top:30px;text-align:center}.generate-button{background:linear-gradient(45deg,#8a6eff,#6a4fff);border-radius:8px;padding:12px 30px}.generate-button:hover:not(:disabled){box-shadow:0 5px 15px #8a6eff66;transform:translateY(-2px)}.generate-button:disabled{box-shadow:none;opacity:.6;transform:none}.queue-full-message{color:#ff6b6b;font-size:.9rem;margin-top:10px}@media (max-width:768px){.wan22-animate-tool-container{padding:15px}.file-selection-container{flex-direction:column;gap:10px}.image-grid,.video-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.queue-info{flex-direction:column;gap:10px}}.placeholder-content{padding:2rem;text-align:center}.placeholder-icon{font-size:4rem;margin-bottom:1rem}.placeholder-content h2{color:var(--on-surface-color);font-size:2rem;margin-bottom:1rem}.placeholder-content p{color:var(--on-surface-color-light);font-size:1.1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.placeholder-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.feature{background-color:#0003;border-radius:8px;padding:1.5rem;transition:transform .3s ease}.feature:hover{transform:translateY(-5px)}.feature h3{color:var(--primary-color);margin-bottom:1rem;margin-top:0}.feature p{font-size:.9rem;margin-bottom:0}.placeholder-steps{grid-gap:1.5rem;display:grid;gap:1.5rem}.step{align-items:flex-start;background-color:#0000001a;border-radius:8px;display:flex;gap:1.5rem;padding:1.5rem}.step-number{align-items:center;background-color:var(--primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:40px;justify-content:center;width:40px}.step-content{flex:1 1}.step-content h4{color:var(--on-surface-color);margin-bottom:.5rem;margin-top:0}.step-content p{margin-bottom:0;max-width:none;text-align:left}@media (max-width:768px){.step{flex-direction:column}.step,.step-content p{text-align:center}}.wan22-api-stats-page{background:#0000;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.wan22-api-stats-page-header{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;margin-bottom:30px;padding:30px 20px;text-align:center}.wan22-api-stats-page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2.2rem;font-weight:700;margin:0 0 15px}.wan22-api-stats-page-header p{color:#666;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.wan22-api-stats-page-content{background:hsla(0,0%,100%,.205);border-radius:12px;box-shadow:0 4px 15px #00000014;padding:20px}@media (max-width:768px){.wan22-api-stats-page{padding:15px}.wan22-api-stats-page-header{padding:20px 15px}.wan22-api-stats-page-header h1{font-size:1.8rem}.wan22-api-stats-page-header p{font-size:1rem}}.ai-app-card{background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.ai-app-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}.ai-app-card.coming-soon{cursor:not-allowed;opacity:.8}.ai-app-card.coming-soon:hover{transform:none}.ai-app-card-media{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding-top:56.25%;position:relative;width:100%}.ai-app-card-image,.ai-app-card-video{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:opacity .3s ease;width:100%}.ai-app-card-image.hidden,.ai-app-card-video{opacity:0}.ai-app-card-video.loaded{opacity:1}.ai-app-card-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.ai-app-icon{font-size:4rem}.coming-soon-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px}.ai-app-card-content{display:flex;flex:1 1;flex-direction:column;padding:1.25rem}.ai-app-card-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.ai-app-icon-small{font-size:1.5rem;line-height:1}.ai-app-card-title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1.25rem;font-weight:700;line-height:1.3;margin:0}.ai-app-card-description{color:#666;color:var(--text-secondary,#666);flex:1 1;font-size:.95rem;line-height:1.5;margin:0 0 1rem}.ai-app-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.ai-app-tag{background:#f0f0f0;background:var(--tag-bg,#f0f0f0);border-radius:12px;color:#666;color:var(--tag-text,#666);display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem;transition:all .2s ease}.ai-app-card:hover .ai-app-tag{background:#667eea;background:var(--tag-hover-bg,#667eea);color:#fff}.ai-app-card-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);margin-top:auto;padding-top:.75rem}.credit-cost{align-items:center;color:#667eea;color:var(--primary-color,#667eea);display:flex;font-weight:600;gap:.5rem}.credit-icon{font-size:1.1rem}.credit-amount{font-size:.95rem}.ai-app-card-overlay{align-items:center;background:#667eeaf2;bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.ai-app-card-overlay.visible{opacity:1;pointer-events:auto}.try-now-button{background:#fff;border:none;border-radius:25px;box-shadow:0 4px 12px #00000026;color:#667eea;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 2rem;transition:all .3s ease}.try-now-button:hover{box-shadow:0 6px 16px #0003;transform:scale(1.05)}@media (prefers-color-scheme:dark){.ai-app-card{--card-bg:#2a2a2a;--text-primary:#fff;--text-secondary:#b0b0b0;--tag-bg:#3a3a3a;--tag-text:#b0b0b0;--tag-hover-bg:#667eea;--border-color:#3a3a3a}}@media (max-width:768px){.ai-app-card-content{padding:1rem}.ai-app-card-title{font-size:1.1rem}.ai-app-card-description{font-size:.9rem}.ai-app-icon{font-size:3rem}.try-now-button{font-size:.9rem;padding:.6rem 1.5rem}}.ai-apps-page{margin:0 auto;max-width:1400px;padding:2rem}.ai-apps-header{margin-bottom:3rem;padding:2rem 0;text-align:center}.ai-apps-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1rem}.ai-apps-header .header-subtitle{color:#666;color:var(--text-secondary,#666);font-size:1.2rem;margin-bottom:.5rem}.ai-apps-header .apps-count{color:#999;color:var(--text-muted,#999);font-size:.95rem;font-weight:500}.ai-apps-masonry-grid{display:flex;margin-left:-20px;width:auto}.ai-apps-masonry-grid_column{background-clip:padding-box;padding-left:20px}.ai-app-card-wrapper{margin-bottom:20px}.loading-placeholder{font-size:1.2rem}.loading-placeholder,.no-apps-message{color:#666;color:var(--text-secondary,#666);padding:4rem 2rem;text-align:center}.no-apps-message p{font-size:1.1rem;margin-bottom:.5rem}.no-apps-message p:last-child{color:#999;color:var(--text-muted,#999);font-size:.95rem}@media (max-width:768px){.ai-apps-page{padding:1rem}.ai-apps-header{margin-bottom:2rem;padding:1rem 0}.ai-apps-header h1{font-size:2rem}.ai-apps-header .header-subtitle{font-size:1rem}.ai-apps-masonry-grid{margin-left:-10px}.ai-apps-masonry-grid_column{padding-left:10px}.ai-app-card-wrapper{margin-bottom:15px}}@media (max-width:480px){.ai-apps-header h1{font-size:1.75rem}.ai-apps-header .header-subtitle{font-size:.9rem}}:root{--ai-primary:#6366f1;--ai-primary-hover:#4f46e5;--ai-primary-light:#818cf8;--ai-primary-dark:#3730a3;--ai-accent:#ec4899;--ai-accent-hover:#db2777;--ai-accent-light:#f472b6;--ai-success:#10b981;--ai-error:#ef4444;--ai-warning:#f59e0b;--ai-info:#3b82f6;--ai-bg-primary:#0f172a;--ai-bg-secondary:#1e293b;--ai-bg-tertiary:#334155;--ai-bg-card:#1e293bcc;--ai-bg-hover:#33415580;--ai-text-primary:#f1f5f9;--ai-text-secondary:#cbd5e1;--ai-text-muted:#94a3b8;--ai-border:#94a3b81a;--ai-border-hover:#94a3b833;--ai-shadow-sm:0 1px 2px 0 #0000000d;--ai-shadow-md:0 4px 6px -1px #0000001a;--ai-shadow-lg:0 10px 15px -3px #0000001a;--ai-shadow-xl:0 20px 25px -5px #0000001a;--ai-shadow-glow:0 0 20px #6366f14d;--ai-gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--ai-gradient-accent:linear-gradient(135deg,#f093fb,#f5576c);--ai-gradient-success:linear-gradient(135deg,#4facfe,#00f2fe);--ai-gradient-card:linear-gradient(135deg,#1e293bf2,#0f172af2);--ai-spacing-xs:0.5rem;--ai-spacing-sm:0.75rem;--ai-spacing-md:1rem;--ai-spacing-lg:1.5rem;--ai-spacing-xl:2rem;--ai-spacing-2xl:3rem;--ai-radius-sm:0.375rem;--ai-radius-md:0.5rem;--ai-radius-lg:0.75rem;--ai-radius-xl:1rem;--ai-radius-full:9999px;--ai-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--ai-transition-base:200ms cubic-bezier(0.4,0,0.2,1);--ai-transition-slow:300ms cubic-bezier(0.4,0,0.2,1)}.ai-app-container{background:#0f172a;background:var(--ai-bg-primary);min-height:100vh;padding:2rem 1rem;padding:var(--ai-spacing-xl) var(--ai-spacing-md)}.ai-app-header{margin-bottom:3rem;margin-bottom:var(--ai-spacing-2xl);padding:2rem 0;padding:var(--ai-spacing-xl) 0;position:relative;text-align:center}.ai-app-header:before{border-radius:9999px;border-radius:var(--ai-radius-full);content:"";height:4px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:100px}.ai-app-header:before,.ai-app-title{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--ai-gradient-primary)}.ai-app-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:1rem 0;margin:var(--ai-spacing-md) 0}.ai-app-subtitle{color:#cbd5e1;color:var(--ai-text-secondary);font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:600px}.ai-app-grid{grid-gap:2rem;grid-gap:var(--ai-spacing-xl);display:grid;gap:2rem;gap:var(--ai-spacing-xl);grid-template-columns:1fr;margin:0 auto;max-width:1400px}@media (min-width:1024px){.ai-app-grid{grid-template-columns:1fr 1fr}}.ai-glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bcc;background:var(--ai-bg-card);border:1px solid #94a3b81a;border:1px solid var(--ai-border);border-radius:1rem;border-radius:var(--ai-radius-xl);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--ai-shadow-lg);overflow:hidden;padding:2rem;padding:var(--ai-spacing-xl);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--ai-transition-base)}.ai-glass-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--ai-gradient-primary);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--ai-transition-base)}.ai-glass-card:hover{border-color:#94a3b833;border-color:var(--ai-border-hover);box-shadow:0 20px 25px -5px #0000001a,0 0 20px #6366f14d;box-shadow:var(--ai-shadow-xl),var(--ai-shadow-glow);transform:translateY(-2px)}.ai-glass-card:hover:before{opacity:1}.ai-card-header{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--ai-border);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--ai-spacing-lg);padding-bottom:1rem;padding-bottom:var(--ai-spacing-md)}.ai-card-header,.ai-card-title{align-items:center;display:flex}.ai-card-title{color:#f1f5f9;color:var(--ai-text-primary);font-size:1.25rem;font-weight:700;gap:.75rem;gap:var(--ai-spacing-sm)}.ai-card-icon{color:#6366f1;color:var(--ai-primary);height:24px;width:24px}.ai-input-group{margin-bottom:1.5rem;margin-bottom:var(--ai-spacing-lg)}.ai-input-label{color:#cbd5e1;color:var(--ai-text-secondary);display:block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;margin-bottom:var(--ai-spacing-sm);text-transform:uppercase}.ai-input{background:#1e293b;background:var(--ai-bg-secondary);border:1px solid #94a3b81a;border:1px solid var(--ai-border);border-radius:.5rem;border-radius:var(--ai-radius-md);color:#f1f5f9;color:var(--ai-text-primary);font-size:1rem;padding:1rem;padding:var(--ai-spacing-md);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--ai-transition-base);width:100%}.ai-input:focus{border-color:#6366f1;border-color:var(--ai-primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.ai-input::placeholder{color:#94a3b8;color:var(--ai-text-muted)}.ai-upload-area{background:#1e293b;background:var(--ai-bg-secondary);border:2px dashed #94a3b81a;border:2px dashed var(--ai-border);border-radius:.75rem;border-radius:var(--ai-radius-lg);cursor:pointer;overflow:hidden;padding:3rem;padding:var(--ai-spacing-2xl);position:relative;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--ai-transition-base)}.ai-upload-area:hover{background:#334155;background:var(--ai-bg-tertiary)}.ai-upload-area.active,.ai-upload-area:hover{border-color:#6366f1;border-color:var(--ai-primary)}.ai-upload-area.active{background:#6366f11a}.ai-upload-icon{color:#6366f1;color:var(--ai-primary);height:48px;margin:0 auto 1rem;margin:0 auto var(--ai-spacing-md);width:48px}.ai-upload-text{color:#cbd5e1;color:var(--ai-text-secondary);font-size:1rem;margin-bottom:.75rem;margin-bottom:var(--ai-spacing-sm)}.ai-upload-hint{color:#94a3b8;color:var(--ai-text-muted);font-size:.875rem}.ai-image-preview{aspect-ratio:16/9;background:#1e293b;background:var(--ai-bg-secondary);border-radius:.75rem;border-radius:var(--ai-radius-lg);overflow:hidden;position:relative}.ai-image-preview img{height:100%;object-fit:cover;width:100%}.ai-image-preview-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--ai-transition-base)}.ai-image-preview:hover .ai-image-preview-overlay{opacity:1}.ai-btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--ai-radius-md);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;gap:var(--ai-spacing-sm);justify-content:center;overflow:hidden;padding:1rem 2rem;padding:var(--ai-spacing-md) var(--ai-spacing-xl);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--ai-transition-base)}.ai-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--ai-gradient-primary);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--ai-shadow-md);color:#fff}.ai-btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 0 20px #6366f14d;box-shadow:var(--ai-shadow-lg),var(--ai-shadow-glow);transform:translateY(-2px)}.ai-btn-primary:active{transform:translateY(0)}.ai-btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.ai-btn-secondary{background:#1e293b;background:var(--ai-bg-secondary);border:1px solid #94a3b81a;border:1px solid var(--ai-border);color:#f1f5f9;color:var(--ai-text-primary)}.ai-btn-secondary:hover{background:#334155;background:var(--ai-bg-tertiary);border-color:#94a3b833;border-color:var(--ai-border-hover)}.ai-btn-icon{align-items:center;background:#1e293b;background:var(--ai-bg-secondary);border:1px solid #94a3b81a;border:1px solid var(--ai-border);border-radius:.5rem;border-radius:var(--ai-radius-md);color:#cbd5e1;color:var(--ai-text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:.75rem;padding:var(--ai-spacing-sm);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--ai-transition-base)}.ai-btn-icon:hover{background:#334155;background:var(--ai-bg-tertiary);border-color:#6366f1;border-color:var(--ai-primary);color:#6366f1;color:var(--ai-primary)}.ai-btn-full{width:100%}.ai-btn-lg{font-size:1.125rem;padding:1.5rem 3rem;padding:var(--ai-spacing-lg) var(--ai-spacing-2xl)}.ai-loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;gap:var(--ai-spacing-lg);justify-content:center;padding:3rem;padding:var(--ai-spacing-2xl)}.ai-spinner{animation:ai-spin 1s linear infinite;border:4px solid #94a3b81a;border-top-color:#6366f1;border:4px solid var(--ai-border);border-radius:50%;border-top-color:var(--ai-primary);height:48px;width:48px}@keyframes ai-spin{to{transform:rotate(1turn)}}.ai-loading-text{color:#cbd5e1;color:var(--ai-text-secondary);font-size:1rem;font-weight:500}.ai-progress{background:#1e293b;background:var(--ai-bg-secondary);height:8px;margin:1rem 0;margin:var(--ai-spacing-md) 0;overflow:hidden;width:100%}.ai-progress,.ai-progress-bar{border-radius:9999px;border-radius:var(--ai-radius-full)}.ai-progress-bar{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--ai-gradient-primary);height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);transition:width var(--ai-transition-slow)}.ai-alert{align-items:center;border-radius:.5rem;border-radius:var(--ai-radius-md);display:flex;font-size:.875rem;gap:1rem;gap:var(--ai-spacing-md);margin-bottom:1.5rem;margin-bottom:var(--ai-spacing-lg);padding:1rem 1.5rem;padding:var(--ai-spacing-md) var(--ai-spacing-lg)}.ai-alert-success{background:#10b9811a;border:1px solid #10b981;border:1px solid var(--ai-success);color:#10b981;color:var(--ai-success)}.ai-alert-error{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--ai-error);color:#ef4444;color:var(--ai-error)}.ai-alert-warning{background:#f59e0b1a;border:1px solid #f59e0b;border:1px solid var(--ai-warning);color:#f59e0b;color:var(--ai-warning)}.ai-alert-info{background:#3b82f61a;border:1px solid #3b82f6;border:1px solid var(--ai-info);color:#3b82f6;color:var(--ai-info)}.ai-gallery-grid{grid-gap:1.5rem;grid-gap:var(--ai-spacing-lg);display:grid;gap:1.5rem;gap:var(--ai-spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:2rem;margin-top:var(--ai-spacing-xl)}.ai-gallery-item{aspect-ratio:1;background:#1e293b;background:var(--ai-bg-secondary);border-radius:.75rem;border-radius:var(--ai-radius-lg);cursor:pointer;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--ai-transition-base)}.ai-gallery-item:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--ai-shadow-xl);transform:translateY(-4px)}.ai-gallery-item img,.ai-gallery-item video{height:100%;object-fit:cover;width:100%}.ai-gallery-item-overlay{background:linear-gradient(0deg,#000c,#0000);bottom:0;left:0;padding:1rem;padding:var(--ai-spacing-md);position:absolute;right:0;transform:translateY(100%);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--ai-transition-base)}.ai-gallery-item:hover .ai-gallery-item-overlay{transform:translateY(0)}.ai-queue-item{align-items:center;background:#1e293b;background:var(--ai-bg-secondary);border:1px solid #94a3b81a;border:1px solid var(--ai-border);border-radius:.75rem;border-radius:var(--ai-radius-lg);display:flex;gap:1.5rem;gap:var(--ai-spacing-lg);margin-bottom:1rem;margin-bottom:var(--ai-spacing-md);padding:1.5rem;padding:var(--ai-spacing-lg)}.ai-queue-status{border-radius:50%;flex-shrink:0;height:12px;width:12px}.ai-queue-status.pending{animation:ai-pulse 2s infinite;background:#f59e0b;background:var(--ai-warning)}.ai-queue-status.processing{animation:ai-pulse 1s infinite;background:#3b82f6;background:var(--ai-info)}.ai-queue-status.completed{background:#10b981;background:var(--ai-success)}.ai-queue-status.failed{background:#ef4444;background:var(--ai-error)}@keyframes ai-pulse{0%,to{opacity:1}50%{opacity:.5}}.ai-text-center{text-align:center}.ai-text-left{text-align:left}.ai-text-right{text-align:right}.ai-mt-xs{margin-top:.5rem;margin-top:var(--ai-spacing-xs)}.ai-mt-sm{margin-top:.75rem;margin-top:var(--ai-spacing-sm)}.ai-mt-md{margin-top:1rem;margin-top:var(--ai-spacing-md)}.ai-mt-lg{margin-top:1.5rem;margin-top:var(--ai-spacing-lg)}.ai-mt-xl{margin-top:2rem;margin-top:var(--ai-spacing-xl)}.ai-mb-xs{margin-bottom:.5rem;margin-bottom:var(--ai-spacing-xs)}.ai-mb-sm{margin-bottom:.75rem;margin-bottom:var(--ai-spacing-sm)}.ai-mb-md{margin-bottom:1rem;margin-bottom:var(--ai-spacing-md)}.ai-mb-lg{margin-bottom:1.5rem;margin-bottom:var(--ai-spacing-lg)}.ai-mb-xl{margin-bottom:2rem;margin-bottom:var(--ai-spacing-xl)}.ai-hidden{display:none}.ai-flex{display:flex}.ai-flex-col{flex-direction:column}.ai-items-center{align-items:center}.ai-justify-center{justify-content:center}.ai-justify-between{justify-content:space-between}.ai-gap-sm{gap:.75rem;gap:var(--ai-spacing-sm)}.ai-gap-md{gap:1rem;gap:var(--ai-spacing-md)}.ai-gap-lg{gap:1.5rem;gap:var(--ai-spacing-lg)}@media (max-width:768px){.ai-app-title{font-size:2rem}.ai-app-subtitle{font-size:1rem}.ai-glass-card{padding:1.5rem;padding:var(--ai-spacing-lg)}.ai-gallery-grid{gap:1rem;gap:var(--ai-spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:480px){.ai-app-container{padding:1rem .75rem;padding:var(--ai-spacing-md) var(--ai-spacing-sm)}.ai-app-title{font-size:1.75rem}.ai-gallery-grid{grid-template-columns:1fr}}:root{--primary-bg:#0b0716;--secondary-bg:#120b22;--accent-color:#a855f7;--accent-gradient:linear-gradient(135deg,#a855f7,#7c3aed,#6366f1);--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#ffffff14;--glass-border:#ffffff14;--sidebar-width:300px}.quick-new-chat-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:10px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;margin-right:12px;transition:all .2s;width:36px}.quick-new-chat-btn:hover{background:#ffffff1a;color:#f8fafc;color:var(--text-primary)}.chat-interface-container{background:#0b0716;background:var(--primary-bg);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:24px;color:#f8fafc;color:var(--text-primary);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:auto;margin-bottom:0;margin-top:15px;max-height:calc(90vh - 60px);min-height:calc(90vh - 60px);overflow:hidden;position:relative}.chat-sidebar{background:#120b22;background:var(--secondary-bg);border-right:1px solid #ffffff14;border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1);width:0;z-index:20}.chat-sidebar.open{width:300px;width:var(--sidebar-width)}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px;white-space:nowrap}.sidebar-header h3{align-items:center;color:#f8fafc;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:12px;margin-top:20px}.close-sidebar-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:4px;transition:all .2s}.close-sidebar-btn:hover{background:#ffffff1a;color:#f8fafc;color:var(--text-primary)}.sidebar-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px}.download-media-btn{background:#0000;border:none;border-radius:50%;bottom:20px;height:32px;left:22px;position:fixed;width:32px;z-index:10}.download-media-btn,.new-chat-btn{align-items:center;color:#fff;cursor:pointer;display:flex;justify-content:center}.new-chat-btn{background:linear-gradient(135deg,#a855f7,#7c3aed,#6366f1);background:var(--accent-gradient);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;font-size:.95rem;font-weight:600;gap:10px;margin-bottom:24px;padding:14px;transition:transform .2s,box-shadow .2s;white-space:nowrap;width:100%}.new-chat-btn:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.chat-sessions-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.session-item{align-items:center;border:1px solid #0000;border-radius:10px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:space-between;padding:12px 14px;transition:all .2s}.session-item:hover{background:#ffffff0d;color:#f8fafc;color:var(--text-primary)}.session-item.active{background:#3b82f61a;border-color:#3b82f64d;color:#60a5fa}.session-info{flex:1 1;margin-right:10px;min-width:0}.session-title{display:block;font-size:.95rem;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-date{font-size:.75rem;opacity:.7}.delete-session-btn{background:none;border:none;border-radius:6px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;flex-shrink:0;opacity:0;padding:6px;transition:all .2s}.session-item:hover .delete-session-btn{opacity:1}.delete-session-btn:hover{background:#ef444433;color:#ef4444}.chat-main{background:linear-gradient(135deg,#0b0716,#120b22 50%,#0d1117);background:linear-gradient(135deg,var(--primary-bg) 0,var(--secondary-bg) 50%,#0d1117 100%);display:flex;flex:1 1;flex-direction:column;min-width:0;padding-bottom:60px;position:relative}.chat-header{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:linear-gradient(0deg,#0000,#fff0);justify-content:space-between;padding:16px 24px;z-index:10}.chat-header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.toggle-sidebar-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:10px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.toggle-sidebar-btn:hover{background:#ffffff1a;color:#f8fafc;color:var(--text-primary)}.chat-header h2{color:#f8fafc;color:var(--text-primary);font-size:1.1rem;font-weight:600;letter-spacing:-.01em;margin:0}.upgrade-btn{align-items:center;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:20px;color:#fbbf24;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s;white-space:nowrap}.upgrade-btn:hover{background:#fbbf2433;transform:translateY(-1px)}.messages-container{bottom:30px;overflow-y:auto;padding:40px 0 80px;position:relative;scroll-behavior:smooth}.messages-container,.welcome-screen{display:flex;flex:1 1;flex-direction:column}.welcome-screen{align-items:center;justify-content:center;min-height:60vh;padding:0 20px;text-align:center}.ai-orb-container{flex-shrink:0;height:100px;margin-bottom:32px;position:relative;width:100px}.ai-orb{animation:orb-float 6s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#c084fc,#a855f7,#6366f1);box-shadow:0 0 60px #a855f766;inset:0}.ai-orb,.ai-orb-glow{border-radius:50%;position:absolute}.ai-orb-glow{animation:orb-pulse 4s ease-in-out infinite;background:radial-gradient(circle,#a855f740 0,#0000 70%);filter:blur(20px);inset:-20px}.suggested-actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:32px;max-width:600px;padding:0 16px;width:100%}.suggestion-card{align-items:flex-start;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#120b2299;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:16px;color:#f8fafc;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;padding:16px;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.suggestion-card:hover{background:#a855f714;border-color:#a855f74d;box-shadow:0 10px 30px #0000004d,inset 0 1px 0 #ffffff1a;transform:translateY(-2px)}.suggestion-icon{align-items:center;border-radius:10px;display:flex;font-size:1.1rem;height:40px;justify-content:center;margin-bottom:12px;width:40px}.suggestion-info h3{font-size:.9rem;font-weight:600;margin:0 0 4px}.suggestion-info p{color:#94a3b8;color:var(--text-secondary);font-size:.75rem;line-height:1.3;margin:0}@media (max-width:768px){.suggested-actions-grid{gap:10px;grid-template-columns:repeat(2,1fr);padding:0 8px}.suggestion-card{padding:14px}.suggestion-icon{font-size:1rem;height:36px;width:36px}}@keyframes orb-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}@keyframes orb-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.welcome-screen h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#d8b4fe);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;letter-spacing:-.02em;line-height:1.3;margin:0;max-width:600px;text-shadow:0 2px 10px #a855f733}.message{animation:messageSlideIn .4s ease-out forwards;box-sizing:border-box;display:flex;gap:16px;opacity:0;padding:10px 5%;transform:translateY(20px);width:100%}@keyframes messageSlideIn{to{opacity:1;transform:translateY(0)}}.message:hover{background:#0000}.message.user{flex-direction:row-reverse}.message-avatar{align-items:center;border-radius:12px;box-shadow:0 4px 12px #0000004d;display:flex;flex-shrink:0;font-size:1.1rem;height:38px;justify-content:center;position:relative;width:38px;z-index:2}.message.ai .message-avatar{background:linear-gradient(135deg,#a855f7,#7c3aed,#6366f1);background:var(--accent-gradient);box-shadow:0 0 15px #a855f766;color:#fff}.message.user .message-avatar{background:#334155;border:1px solid #ffffff14;border:1px solid var(--border-color);color:#e2e8f0}.message-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:18px;box-shadow:0 4px 6px #0000000d;color:#f8fafc;color:var(--text-primary);flex:1 1;font-size:1rem;line-height:1.6;max-width:75%;min-width:0;overflow-wrap:break-word;padding:16px 20px;position:relative}.message.ai .message-content{background:#120b2299;background:var(--glass-bg);border-top-left-radius:4px;margin-right:auto}.message.user .message-content{background:linear-gradient(135deg,#a855f726,#6366f11a);border-color:#a855f733;border-top-right-radius:4px;box-shadow:0 0 20px #a855f70d;margin-left:auto}.message-content p{margin:0 0 .8em}.message-content p:last-child{margin-bottom:0}.message-content h1,.message-content h2,.message-content h3,.message-content h4{color:#fff;font-weight:600;line-height:1.3;margin-bottom:.8em;margin-top:1.5em}.message-content h1{font-size:1.8em}.message-content h2{font-size:1.5em}.message-content h3{font-size:1.25em}.message-content ol,.message-content ul{margin:1em 0;padding-left:1.5em}.message-content li{margin-bottom:.5em}.message-content code{background:#0000004d;border-radius:4px;color:#e2e8f0;font-family:Fira Code,monospace;font-size:.9em;padding:2px 6px}.message-content pre{background:#0f172a;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;box-shadow:inset 0 2px 8px #0003;margin:16px 0;overflow-x:auto;padding:16px}.message-content pre code{background:#0000;color:#e2e8f0;font-size:.9em;padding:0}.chat-image-container,.chat-video-container{background:#0003;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;margin-top:16px;max-width:100%;overflow:hidden;width:-webkit-fit-content;width:fit-content}.chat-image,.chat-video{display:block;height:auto;max-height:500px;max-width:100%;object-fit:contain}.tool-status{align-items:center;background:#a855f71a;border:1px solid #a855f733;border-radius:8px;color:#c084fc;display:inline-flex;font-size:.9rem;gap:8px;margin-top:12px;padding:8px 12px}.spinner{animation:spin 1s linear infinite}.input-area{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f0a1cd9;border:1px solid #ffffff14;border-radius:24px;bottom:30px;box-shadow:0 10px 40px #00000080,inset 0 1px 0 #ffffff0d;display:flex;flex-direction:column;gap:8px;left:50%;padding:12px;position:absolute;transform:translateX(-50%);width:96%;z-index:20}.input-card-header{align-items:center;display:flex;height:32px;padding:0 4px}.mode-selector-compact{align-items:center;background:#0000;border:none;border-radius:8px;color:#f8fafc;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:4px 8px;transition:background .2s}.mode-selector-compact:hover{background:#ffffff0d}.mode-arrow{font-size:.7rem;opacity:.6}.vertical-divider{background:#ffffff1a;height:16px;margin:0 12px;width:1px}.header-actions{align-items:center;display:flex;gap:8px}.header-action-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:4px;transition:all .2s}.header-action-btn:hover{color:#f8fafc;color:var(--text-primary)}.header-action-btn:disabled{cursor:not-allowed;opacity:.4}.input-card-body{align-items:center;display:flex;gap:12px}.text-input-compact{background:#0000004d;border:none;border-radius:16px;color:#fff;flex:1 1;font-size:1rem;outline:none;padding:14px 16px;transition:background .2s}.text-input-compact:focus{background:#00000080}.text-input-compact::placeholder{color:#94a3b8;color:var(--text-secondary)}.send-btn-compact{align-items:center;background:linear-gradient(135deg,#a855f7,#7c3aed,#6366f1);background:var(--accent-gradient);border:none;border-radius:14px;box-shadow:0 4px 12px #a855f74d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:44px;justify-content:center;transition:all .2s;width:44px}.send-btn-compact:hover:not(:disabled){box-shadow:0 6px 16px #8b5cf680;transform:translateY(-2px)}.send-btn-compact:disabled{background:#475569;box-shadow:none;cursor:not-allowed;transform:none}.mode-dropdown{animation:slideUp .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bf2;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:16px;bottom:calc(100% + 12px);box-shadow:0 10px 40px #0006;left:20px;min-width:220px;padding:8px;position:absolute;z-index:1000}.mode-option{align-items:center;border-radius:10px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:all .2s}.mode-option:hover{background:#ffffff0d;color:#f8fafc;color:var(--text-primary)}.mode-option.active{background:#3b82f61a;border:1px solid #3b82f64d;color:#60a5fa}.mode-option .mode-icon{align-items:center;display:flex;font-size:1.1rem}.mode-option .mode-label{flex:1 1;font-size:.95rem;font-weight:500}.mode-option .mode-check{color:#60a5fa;font-weight:700}.uploaded-image-preview{animation:slideUp .2s ease-out;background:#1e293be6;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;bottom:100%;box-shadow:0 4px 20px #0000004d;left:20px;margin-bottom:12px;padding:8px;position:absolute}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.uploaded-image-preview img{border-radius:8px;display:block;max-height:120px}.remove-image-button{align-items:center;background:#ef4444;border:none;border-radius:50%;box-shadow:0 2px 6px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.chat-sessions-list::-webkit-scrollbar,.messages-container::-webkit-scrollbar,.sidebar-content::-webkit-scrollbar{width:6px}.chat-sessions-list::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track,.sidebar-content::-webkit-scrollbar-track{background:#0000}.chat-sessions-list::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb,.sidebar-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.chat-sessions-list::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover,.sidebar-content::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:1024px){.message{padding:24px 5%}.input-area{width:95%}}@media (max-width:768px){.chat-interface-container{border-radius:24px 24px 0 0;bottom:0;box-shadow:0 -10px 40px #00000080;height:calc(100vh - 173px);height:calc(100dvh - 173px);left:0;margin:0;max-height:calc(100vh - 173px);max-height:calc(100dvh - 173px);min-height:auto;position:fixed;right:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.chat-interface-container.fullscreen{border-radius:0;height:100dvh;max-height:100dvh;z-index:9999}.welcome-screen{background:#0b0716;background:var(--primary-bg);bottom:calc(100dvh - 140px);left:0;overflow:hidden;padding-top:10vh;position:fixed;right:0;top:80px;z-index:1}.messages-container .welcome-screen,.messages-container:not(:has(.welcome-screen))~* .welcome-screen{bottom:auto;height:auto;left:auto;padding-top:0;position:relative;right:auto;top:auto}.chat-sidebar{bottom:0;left:-2px;position:absolute;top:0;width:0;z-index:200}.chat-sidebar.open{width:75%}.chat-header{padding:24px 16px 12px}.chat-header h2{font-size:.9rem}.chat-main{position:relative;z-index:10}.messages-container{max-height:calc(100dvh - 240px);padding-bottom:40px;padding-top:40px}.chat-interface-container.fullscreen .messages-container{max-height:calc(100dvh - 120px)}.message{gap:12px;padding:12px 16px}.message-avatar{font-size:1rem;height:32px;width:32px}.message-content{font-size:.9rem;max-width:85%;padding:12px 16px}.welcome-screen h1{font-size:1.75rem;padding:0 20px}.ai-orb-container{height:120px;width:120px}.input-area{bottom:20px;left:16px;transform:none;width:calc(100% - 32px)}.input-wrapper{border-radius:22px;padding:10px 14px}.action-btn{height:34px;width:34px}.send-btn{height:38px;width:38px}.chat-header,.messages-container{transition:opacity .2s ease-in-out}.input-actions-left{gap:4px}.input-wrapper input{font-size:.95rem}}.confirmation-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.confirmation-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.confirm-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.confirm-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.cancel-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.cancel-btn:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.confirmation-btn:active{transform:translateY(0)}@media (max-width:768px){.confirmation-buttons{flex-direction:column;gap:8px}.confirmation-btn{justify-content:center;width:100%}}.special-command-link{background:linear-gradient(135deg,#3b82f6,#f97316);border:none;border-radius:20px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;margin:8px 4px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.special-command-link:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.loading{padding:16px 20px}.loading,.loading-indicator{align-items:center;display:flex;gap:12px}.loading-indicator{color:#94a3b8;color:var(--text-secondary);font-size:.9rem}.new-chat-form input{background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:#f8fafc;color:var(--text-primary);font-size:.95rem;margin-bottom:12px;padding:12px 16px;width:100%}.new-chat-form input:focus{background:#ffffff14;border-color:#a855f7;border-color:var(--accent-color);outline:none}.new-chat-form-buttons{display:flex;gap:10px;justify-content:flex-end}.new-chat-cancel-btn,.new-chat-ok-btn{border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s}.new-chat-ok-btn{background:linear-gradient(135deg,#a855f7,#7c3aed,#6366f1);background:var(--accent-gradient);border:none;color:#fff}.new-chat-cancel-btn{background:#ffffff0d;color:#94a3b8;color:var(--text-secondary)}.new-chat-ok-btn:hover{opacity:.9;transform:translateY(-1px)}.new-chat-cancel-btn:hover{background:#ffffff1a;color:#f8fafc;color:var(--text-primary)}.image-action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;box-shadow:0 4px 12px #0000004d}.image-action-btn:hover{box-shadow:0 6px 16px #0006}.image-action-btn.download-btn{background:#3b82f6e6;color:#fff}.image-action-btn.download-btn:hover{background:#3b82f6}.image-action-btn.regenerate-btn{background:#10b981e6;color:#fff}.image-action-btn.regenerate-btn:hover{background:#10b981}.image-action-btn.variants-btn{background:#8b5cf6e6;color:#fff}.image-action-btn.variants-btn:hover{background:#8b5cf6}.image-action-btn.fullscreen-btn{background:#fbbf24e6;color:#fff}.image-action-btn.fullscreen-btn:hover{background:#fbbf24}.close-fullscreen-btn{background:#ffffff1a;border:none}.close-fullscreen-btn:hover{background:#fff3}.chat-image-container{position:relative}.image-action-buttons{bottom:12px;display:flex;gap:8px;left:12px;opacity:0;position:absolute;transition:opacity .3s ease}.chat-image-container:hover .image-action-buttons{opacity:1}.image-action-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 12px #0000004d,inset 0 1px 0 #ffffff1a;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.image-action-btn:hover{border-color:#ffffff4d;box-shadow:0 6px 20px #0006,inset 0 1px 0 #fff3;transform:translateY(-2px)}.image-action-btn.download-btn{background:#3b82f64d;color:#60a5fa}.image-action-btn.download-btn:hover{background:#3b82f680;color:#93c5fd}.image-action-btn.regenerate-btn{background:#10b9814d;color:#34d399}.image-action-btn.regenerate-btn:hover{background:#10b98180;color:#6ee7b7}.image-action-btn.variants-btn{background:#8b5cf64d;color:#a78bfa}.image-action-btn.variants-btn:hover{background:#8b5cf680;color:#c4b5fd}.image-action-btn.fullscreen-btn{background:#fbbf244d;color:#fbbf24}.image-action-btn.fullscreen-btn:hover{background:#fbbf2480;color:#fcd34d}.fullscreen-viewer{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:40px;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fullscreen-image{animation:zoomIn .3s ease;border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:100%;max-width:100%;object-fit:contain}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.close-fullscreen-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #fff3;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:48px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:48px;z-index:10000}.close-fullscreen-btn:hover{background:#1e293bf2;border-color:#ffffff4d;transform:rotate(90deg)}@media (max-width:768px){.image-action-buttons{bottom:8px;gap:6px;left:8px;opacity:1}.image-action-btn{font-size:.9rem;height:36px;width:36px}.fullscreen-viewer{padding:20px}.close-fullscreen-btn{height:40px;right:10px;top:10px;width:40px}}.tool-status-enhanced{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f614;border:1px solid #3b82f633;border-radius:12px;margin-top:16px;padding:16px}.status-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.status-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.3rem}.status-text{color:#60a5fa;flex:1 1;font-size:.95rem;font-weight:500}.status-time{color:#94a3b8;font-size:.85rem;font-weight:500}.progress-bar-container{background:#0000004d;box-shadow:inset 0 2px 4px #0003;height:28px;width:100%}.progress-bar-container,.progress-bar-fill{border-radius:14px;overflow:hidden;position:relative}.progress-bar-fill{align-items:center;background:linear-gradient(90deg,#3b82f6,#8b5cf6);box-shadow:0 0 12px #3b82f680;display:flex;height:100%;justify-content:flex-end;padding-right:12px}.progress-bar-fill:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-percentage{color:#fff;font-size:.8rem;font-weight:600;text-shadow:0 1px 2px #0000004d;z-index:1}.tool-status-multiple{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f614;border:1px solid #3b82f633;border-radius:12px;margin-top:16px;padding:16px}.status-header-main{margin-bottom:16px}.status-header-main .status-text{color:#60a5fa;font-size:.95rem;font-weight:500}.progress-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.progress-item{background:#0003;border:1px solid #ffffff0d;border-radius:10px;padding:12px}.progress-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.progress-item-label{color:#e2e8f0;font-size:.85rem;font-weight:500}.progress-item-time{color:#94a3b8;font-size:.75rem}.progress-bar-container-small{background:#0000004d;border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden;width:100%}.progress-bar-fill-small{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;box-shadow:0 0 8px #3b82f680;height:100%}.progress-item-percentage{color:#94a3b8;font-size:.75rem;font-weight:500}@media (max-width:768px){.progress-grid{grid-template-columns:1fr}}.status-step{color:#94a3b8;font-size:.85rem;font-weight:500;margin-bottom:12px;margin-top:8px;padding-left:4px}:root{--primary-color:#a855f7;--primary-hover-color:#9333ea;--secondary-color:#3b82f6;--accent-color:#ec4899;--background-color:#0b0716;--surface-color:#120b22;--on-surface-color:#f8fafc;--glass-bg:#120b2299;--glass-border-color:#ffffff14;--glass-blur:16px;--shadow-color:#0006;--font-family-main:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-size-base:16px;--sidebar-width:240px;--header-height:70px;--content-padding:2rem;--border-radius-lg:24px;--border-radius-md:12px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b0716;background-color:var(--background-color);color:#f8fafc;color:var(--on-surface-color);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-main);font-size:16px;font-size:var(--font-size-base);margin:0}*{box-sizing:border-box}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#a855f7;background-color:var(--primary-color);border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#9333ea;background-color:var(--primary-hover-color)}.App{display:flex}.page-container{display:flex;flex-direction:column;flex-grow:1;margin-left:240px;margin-left:var(--sidebar-width);transition:margin-left .3s ease}.main-content{flex-grow:1;overflow-y:auto;padding:2rem;padding:var(--content-padding);padding-top:calc(70px + 2rem);padding-top:calc(var(--header-height) + var(--content-padding))}.main-content.chat-page-content{padding:0}.page-content{margin:0 auto;max-width:1800px;width:100%}.glass-panel{-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(16px);backdrop-filter:blur(var(--glass-blur));background:#120b2299;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border-color);border-radius:var(--border-radius-lg);border-radius:24px;box-shadow:0 8px 32px 0 #0006;box-shadow:0 8px 32px 0 var(--shadow-color);padding:1.5rem}.App-header{margin-top:2.5rem}.App-header h1{background:linear-gradient(135deg,#a855f7,#3b82f6 50%,#00f0ff);-webkit-background-clip:text;background-clip:text;color:#0000;filter:drop-shadow(0 0 15px rgba(168,85,247,.3));font-size:2.8rem;font-weight:800;letter-spacing:-.5px;margin:0}.header-subtitle{color:#9ca3af;font-size:1.1rem;font-weight:400;margin-top:.25rem}.home-page-main{align-items:center}.form-container,.result-container{overflow-y:auto}.form-container{padding-right:1rem}.builder-title,.presets-container h3,.result-container h3{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border-color);font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.builder-title-container{text-align:center}.builder-title{border:none}form{display:flex;flex-direction:column;gap:1.25rem}fieldset{border:none;margin:0;padding:0}fieldset legend{align-items:center;background:#ffffff0d;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem;transition:background .2s ease;width:100%}fieldset legend:hover{background:#ffffff1a}.legend-title-group{align-items:center;display:flex;gap:.5rem}.legend-toggle{font-size:1.5rem;transform-origin:center;transition:transform .3s ease}.legend-toggle.open{transform:rotate(90deg)}.fieldset-content{display:flex;flex-direction:column;gap:1rem;padding:0 .5rem}.selectable-options-container{display:flex;flex-wrap:wrap;gap:.5rem}.presets-list{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.preset-button{align-items:center;background-color:#120b22;background-color:var(--surface-color);border:1px solid #ffffff14;border:1px solid var(--glass-border-color);border-radius:10px;color:#f8fafc;color:var(--on-surface-color);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.preset-button:hover{background-color:#a855f7;background-color:var(--primary-color);border-color:#a855f7;border-color:var(--primary-color);box-shadow:0 4px 20px #a855f766;color:#fff;transform:translateY(-2px)}.selectable-option{background:#fff0;border:1px solid #0000;border-radius:8px;color:#d1d5db;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;text-align:center;transition:all .2s ease}.selectable-option:hover{background:#ffffff1a;border-color:#9333ea;border-color:var(--primary-hover-color)}.selectable-option.selected{background-color:#a855f7;background-color:var(--primary-color);border-color:#a855f7;border-color:var(--primary-color);box-shadow:0 0 15px #a855f780;color:#fff}.selectable-option.locked{cursor:not-allowed;opacity:.5;position:relative}.selectable-option.locked:after{content:"👑";font-size:.7rem;position:absolute;right:4px;top:4px}.selectable-option.has-bg-image{align-items:flex-end;background-position:50%;background-size:cover;color:#fff;display:flex;font-weight:600;min-height:80px;padding:.5rem;position:relative}.selectable-option.has-bg-image .option-content{padding:.25rem;position:relative;text-shadow:0 1px 4px #000000e6;z-index:2}.option-bg-overlay{background:linear-gradient(0deg,#000000d9 0,#0000 60%);border-radius:8px;inset:0;position:absolute;transition:background-color .2s;z-index:1}.selectable-option.has-bg-image:hover .option-bg-overlay{background-color:#0000004d}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{background:#0003;border:1px solid #ffffff14;border:1px solid var(--glass-border-color);border-radius:8px;color:#f8fafc;color:var(--on-surface-color);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-main);font-size:.9rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#a855f7;border-color:var(--primary-color);box-shadow:0 0 0 3px #a855f766;outline:none}textarea{resize:vertical}input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#a855f7;background:var(--primary-color);border-radius:50%;cursor:pointer;height:16px;margin-top:-6px;width:16px}input[type=range]::-moz-range-thumb{background:#a855f7;background:var(--primary-color);border-radius:50%;cursor:pointer;height:16px;width:16px}input[type=range]::-webkit-slider-runnable-track{background:#120b22;background:var(--surface-color);border-radius:5px;cursor:pointer;height:4px;width:100%}input[type=range]::-moz-range-track{background:#120b22;background:var(--surface-color);border-radius:5px;cursor:pointer;height:4px;width:100%}.generate-button{align-items:center;background-color:#a855f7;background-color:var(--primary-color);border:none;border-radius:12px;box-shadow:0 4px 15px #a855f766;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.8rem 1.5rem;transition:all .3s ease}.generate-button:hover:not(:disabled){box-shadow:0 6px 25px #a855f799;transform:translateY(-3px)}.generate-button:disabled{background-color:#374151;cursor:not-allowed;opacity:.7}@keyframes shimmer{0%{left:-150%}to{left:150%}}.generate-button,.header-login-btn,.image-editor-container button[type=submit],.purchase-button,.settings-form button[type=submit]{animation:glowing-border 3s linear infinite}@keyframes glowing-border{0%{box-shadow:0 0 10px #a855f733,0 0 20px #6366f11a}50%{box-shadow:0 0 15px #a855f766,0 0 30px #6366f133}to{box-shadow:0 0 10px #a855f733,0 0 20px #6366f11a}}@keyframes glowing-border-profile{0%{box-shadow:0 0 10px #10b98133,0 0 20px #10b9811a}50%{box-shadow:0 0 15px #10b98166,0 0 30px #10b98133}to{box-shadow:0 0 10px #10b98133,0 0 20px #10b9811a}}.result-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.placeholder-result{border-radius:20px}.placeholder-result p{font-size:1rem;margin:.5rem 0;opacity:.6}.result-image{position:relative}.edit-again-btn{background:#a855f7;background:var(--primary-color);border:none;border-radius:8px;bottom:1rem;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1rem;position:absolute;right:1rem;transition:all .2s ease}.edit-again-btn:hover{background:#9333ea;background:var(--primary-hover-color);transform:translateY(-2px)}.result-image{border-radius:24px;border-radius:var(--border-radius-lg);margin:1rem auto;max-width:500px;overflow:hidden;width:100%}.result-image img{display:block;height:auto;width:100%}.loader-overlay{border-radius:20px}@media (max-width:768px){.App-header h1{font-size:2rem}.main-content{padding-top:calc(70px + 1rem);padding-top:calc(var(--header-height) + var(--content-padding)/2)}.animated-bg .dots span:first-child,.animated-bg .dots span:nth-child(6){display:none}}.protected-route-placeholder{align-items:center;display:flex;height:100%;justify-content:center;min-height:400px;padding:20px}.auth-prompt{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 4px 30px #0000001a;max-width:500px;padding:2rem;text-align:center;width:100%}.auth-prompt h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#a855f7,#00f0ff);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.8rem;margin-bottom:1rem}.auth-prompt p{color:#9ca3af;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.main-header{height:70px;height:var(--header-height);left:calc(240px + 2rem);left:calc(var(--sidebar-width) + var(--content-padding));position:fixed;right:2rem;right:var(--content-padding);top:2rem;top:var(--content-padding);transition:left .3s ease;z-index:900}.header-content{align-items:center;-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(16px);backdrop-filter:blur(var(--glass-blur));background:#120b2299;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border-color);border-radius:12px;border-radius:var(--border-radius-md);display:flex;height:100%;justify-content:space-between;padding:0 1.5rem}.header-search input{background:#0000;border:none;color:#f8fafc;color:var(--on-surface-color);font-size:1rem;width:150px}.header-search input::placeholder{color:#9ca3af}.header-search input:focus{outline:none}.header-user-actions{position:relative}.user-menu-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:.75rem;padding:0}.user-menu-button img{border:2px solid #ffffff14;border:2px solid var(--glass-border-color);border-radius:50%;height:40px;object-fit:cover;width:40px}.user-menu-button span{color:#f8fafc;color:var(--on-surface-color);font-weight:500}.user-dropdown-menu{background:#120b22;background:var(--surface-color);border:1px solid #ffffff14;border:1px solid var(--glass-border-color);border-radius:12px;border-radius:var(--border-radius-md);box-shadow:0 8px 20px #0006;box-shadow:0 8px 20px var(--shadow-color);display:flex;flex-direction:column;overflow:hidden;padding:.5rem;position:absolute;right:0;top:calc(100% + 10px);width:220px;z-index:1001}.top-creators-profile-frame{background:#0000!important;background-image:none!important;border:none!important;box-shadow:none!important;opacity:1!important;pointer-events:none;position:absolute}.modal-creator-avatar-wrapper{display:inline-block;position:relative}.modal-creator-profile-frame{background:#0000!important;background-image:none!important;border:none!important;box-shadow:none!important;opacity:1!important;pointer-events:none;position:absolute}.dropdown-user-info{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border-color);margin-bottom:.5rem;padding:.75rem 1rem}.dropdown-user-info span{display:block}.dropdown-user-info .user-plan-badge{color:#9ca3af;font-size:.8rem;text-transform:capitalize}.user-dropdown-menu a,.user-dropdown-menu button{background:none;border:none;border-radius:8px;color:#d1d5db;cursor:pointer;display:block;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-main);font-size:.9rem;padding:.75rem 1rem;text-align:left;text-decoration:none;width:100%}.user-dropdown-menu a:hover,.user-dropdown-menu button:hover{background:#ffffff0d;color:#fff}.header-login-btn{background:#a855f7;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.6rem 1.2rem;transition:background-color .2s ease}.header-login-btn:hover{background:#9333ea;background:var(--primary-hover-color)}.floating-credits-container{background:#120b2299;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border-color);border-radius:24px;border-radius:var(--border-radius-lg);bottom:2rem;bottom:var(--content-padding);display:flex;gap:.5rem;padding:.5rem;position:fixed;right:2rem;right:var(--content-padding);z-index:950}.floating-credit-item{align-items:center;background:#0003;border-radius:12px;border-radius:var(--border-radius-md);display:flex;padding:.25rem .75rem}.credit-icon{font-size:1.2rem;margin-right:.5rem}.credit-value{font-weight:600}.main-footer{color:#9ca3af;display:flex;flex-wrap:wrap;font-size:.85rem;gap:1.5rem;justify-content:center;padding:1.5rem 2rem;padding:1.5rem var(--content-padding);text-align:center}.main-footer a{color:inherit;text-decoration:none;transition:color .2s}.main-footer a:hover{color:#a855f7;color:var(--primary-color)}.App-header{margin-bottom:2.5rem;text-align:center}.home-page-main{grid-gap:2rem;align-items:flex-start;display:grid;gap:2rem;grid-template-columns:1fr 450px}.result-container{padding-right:1rem}.form-container{overflow-y:auto}.form-container,.result-container{max-height:calc(100vh - 70px - 4rem);max-height:calc(100vh - var(--header-height) - var(--content-padding)*2);position:-webkit-sticky;position:sticky;top:calc(70px + 2rem);top:calc(var(--header-height) + var(--content-padding))}.result-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.result-item img{border-radius:12px;border-radius:var(--border-radius-md);height:auto;object-fit:cover;width:100%}.result-item p{font-size:.8rem;margin-top:.5rem;opacity:.7;text-align:center}.placeholder-result{border:2px dashed #ffffff14;border:2px dashed var(--glass-border-color);height:100%;min-height:400px;padding:2rem;text-align:center;width:100%}.loader-overlay,.placeholder-result{align-items:center;border-radius:24px;border-radius:var(--border-radius-lg);display:flex;flex-direction:column;justify-content:center}.loader-overlay{background:#00000080;inset:0;position:absolute;z-index:10}.loader{animation:spin 1s linear infinite;border:4px solid #120b22;border-top:4px solid #a855f7;border:4px solid var(--surface-color);border-radius:50%;border-top-color:var(--primary-color);height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{background:#ef44441a;border:1px solid #ef444480;border-radius:8px;color:#f87171;padding:1rem}@media (max-width:1200px){.home-page-main{grid-template-columns:1fr}.form-container,.result-container{max-height:none;position:static}.result-container{margin-top:2rem}}@media (max-width:768px){:root{--sidebar-width:0px;--content-padding:1rem}.page-container{margin-left:0}.sidebar{display:none}.main-header{left:2rem;left:var(--content-padding)}.App-header h1{font-size:2rem}.main-content{padding-top:calc(70px + 2rem);padding-top:calc(var(--header-height) + var(--content-padding))}.home-page-main{grid-template-columns:1fr}.animated-bg .dots span:first-child,.animated-bg .dots span:nth-child(6){display:none}}@media (max-width:525px){.floating-credits-container{bottom:auto;left:auto;right:2rem;right:var(--content-padding);top:calc(70px + 3rem);top:calc(var(--header-height) + var(--content-padding) + 1rem)}}.top-creators-bar{background:#0003;border-radius:24px;border-radius:var(--border-radius-lg);margin-bottom:2rem;padding:1.5rem}.top-creators-bar h4{color:#f8fafc;color:var(--on-surface-color);font-weight:600;margin:0 0 1.5rem;opacity:.9;text-align:center}.creators-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.creators-list::-webkit-scrollbar{height:4px}.creators-list::-webkit-scrollbar-track{background:#0000}.creators-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.creator-chip{align-items:center;background:#120b22;background:var(--surface-color);border:1px solid #ffffff14;border:1px solid var(--glass-border-color);border-radius:20px;color:#f8fafc;color:var(--on-surface-color);display:flex;flex-direction:column;gap:.5rem;padding:1rem;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.creator-chip:hover{border-color:#a855f7;border-color:var(--primary-color);box-shadow:0 8px 25px #0000004d;transform:translateY(-5px) scale(1.05)}.creator-chip .creator-avatar{border:2px solid #a855f7;border:2px solid var(--primary-color);border-radius:50%;height:60px;margin-bottom:.25rem;margin-left:-.5rem;object-fit:cover;transition:transform .3s ease;width:60px}.creator-chip:hover .creator-avatar{transform:scale(1.1) rotate(5deg)}.creator-chip .creator-name{font-size:.9rem;font-weight:600;margin-top:15px}.creator-chip .creator-stat{background-color:#0000004d;border-radius:8px;color:#9ca3af;font-size:.75rem;padding:.2rem .5rem}.gallery-controls{grid-gap:1.5rem;align-items:center;background:#120b2299;background:var(--glass-bg);border-radius:12px;border-radius:var(--border-radius-md);display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem;padding:1.5rem}.gallery-sort{align-items:center;display:flex;gap:.75rem}.gallery-sort label{font-weight:500}.gallery-sort select{background:#120b22;background:var(--surface-color);border:1px solid #ffffff14;border:1px solid var(--glass-border-color);border-radius:8px;color:#f8fafc;color:var(--on-surface-color);font-size:.9rem;padding:.5rem 1rem}.gallery-masonry-grid{column-count:5;column-gap:1rem}.gallery-item-wrapper{-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(16px);backdrop-filter:blur(var(--glass-blur));background:#120b2299;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border-color);border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 4px 20px #0006;box-shadow:0 4px 20px var(--shadow-color);break-inside:avoid;cursor:pointer;margin-bottom:1rem;overflow:hidden;page-break-inside:avoid;position:relative;transition:transform .3s ease,box-shadow .3s ease}.gallery-item-wrapper:hover{box-shadow:0 8px 35px #0006;box-shadow:0 8px 35px var(--shadow-color);transform:translateY(-5px)}.gallery-item-wrapper .lazy{opacity:0;transition:opacity .5s ease-in}.gallery-item-wrapper .loaded{opacity:1}.gallery-item-wrapper img,.gallery-item-wrapper video{background-color:#000;display:block;height:auto;object-fit:contain;width:100%}.more-content{align-items:center;display:flex;height:150px;justify-content:center}.gallery-item-hover-overlay{background:linear-gradient(0deg,#000000e6 0,#0000 50%,#0000004d);inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.gallery-item-hover-overlay .bottom-actions,.gallery-item-hover-overlay .top-actions{pointer-events:auto}.gallery-item-wrapper:hover .gallery-item-hover-overlay{opacity:1}.gallery-item-hover-overlay .bottom-actions,.gallery-item-hover-overlay .top-actions{align-items:center;display:flex;justify-content:space-between;left:.75rem;position:absolute;right:.75rem}.gallery-item-hover-overlay .top-actions{align-items:flex-end;flex-direction:column;gap:.5rem;top:.75rem}.gallery-item-hover-overlay .bottom-actions{bottom:.75rem}@media (max-width:768px){.gallery-item-hover-overlay{background:linear-gradient(0deg,#000000d9 0,#0000 45%);opacity:1}.gallery-item-hover-overlay .top-actions{display:none}.gallery-item-hover-overlay .bottom-actions{bottom:.6rem;display:flex;left:.6rem;right:.6rem}}.gallery-action-btn{align-items:center;background:#16151596;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:500;height:40px;justify-content:center;padding:.5rem;transition:background .2s;width:40px}.gallery-action-btn:hover{background:#a855f7;background:var(--primary-color);.main-actions{display:flex;flex-direction:column;gap:.5rem}}.private-badge{background:#00000080;border-radius:5px;font-size:.8rem;padding:.2rem .5rem}.social-actions{align-items:center;display:flex;gap:.4rem}.particle-btn{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:inline-flex;gap:.35rem;padding:0;position:relative}.particle-btn svg{height:28px;width:28px}.particle-btn span{font-size:.85rem;font-weight:600;transition:color .3s ease}.like-btn.active span{color:#ff69b4}.wish-btn.active span{color:gold}.gi-social-btn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000059!important;border:1px solid #ffffff1a!important;border-radius:10px!important;gap:.3rem!important;padding:.3rem .55rem!important;transition:all .25s ease!important}.gi-social-btn:hover{background:#ffffff1a!important;transform:translateY(-1px)}.gi-social-btn svg{height:auto!important;width:auto!important}.gi-social-btn span{font-size:.78rem}.gi-heart-icon{color:#fff9;font-size:.9rem;transition:all .3s cubic-bezier(.215,.61,.355,1)}.like-btn.active .gi-heart-icon{color:#ff69b4;filter:drop-shadow(0 0 5px rgba(255,105,180,.5));transform:scale(1.15)}.gi-star-icon{color:#fff9;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.wish-btn.active .gi-star-icon{color:gold;filter:drop-shadow(0 0 5px rgba(255,215,0,.5));transform:scale(1.15) rotate(15deg)}.creator-info-new{align-items:center;color:#fff;display:flex;gap:.5rem;text-decoration:none}.creator-info-new img{border-radius:50%;height:32px;object-fit:cover;width:32px}.creator-text .username{font-size:.9rem;font-weight:600}.creator-text .role{display:block;font-size:.7rem;opacity:.7}@media (max-width:1600px){.gallery-masonry-grid{column-count:4}}@media (max-width:1200px){.gallery-masonry-grid{column-count:3}}@media (max-width:900px){.gallery-masonry-grid{column-count:2}}@media (max-width:576px){.gallery-masonry-grid{column-count:1}}.blur-container.is-blurred .video-container video,.blur-container.is-blurred>.video-container video,.blur-container.is-blurred>img{filter:blur(20px) brightness(.7);transform:scale(1.1)}.unsafe-overlay{align-items:center;color:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;text-align:center}.unsafe-icon{font-size:3rem}.unsafe-overlay p{font-weight:500;margin:.5rem 0 1rem}.unsafe-reveal-btn{background:#fff3;border:1px solid #fff;border-radius:50px;color:#fff;cursor:pointer;padding:.5rem 1.5rem}.gallery-item-wrapper.skeleton{animation:pulse-bg 1.5s infinite;background:#120b22;background:var(--surface-color)}@keyframes pulse-bg{50%{background:#2a3443}}.skeleton-image{height:300px}.toast-btn-confirm{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;box-shadow:0 2px 10px #22c55e4d;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:600;margin:6px 4px;padding:8px 16px;transition:all .2s ease}.toast-btn-confirm:hover{box-shadow:0 4px 14px #22c55e73;transform:translateY(-1px)}.toast-btn-cancel{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;color:#94a3b8;cursor:pointer;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:600;margin:6px 4px;padding:8px 16px;transition:all .2s ease}.toast-btn-cancel:hover{background:#ffffff1a;color:#e2e8f0;transform:translateY(-1px)}.profile-page-header{align-items:center;background:#120b2299;background:var(--glass-bg);border-radius:24px;border-radius:var(--border-radius-lg);display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:2rem;text-align:center}.profile-avatar-wrapper{border-radius:50%;padding:6px;position:relative}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.profile-page-avatar{border:5px solid #0b0716;border:5px solid var(--background-color);border-radius:50%;height:120px;object-fit:cover;width:120px}.profile-page-info h1{font-size:2rem;font-weight:700;margin:0}.plan-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;margin-left:.75rem;padding:.25rem .75rem;text-transform:capitalize}.plan-badge-free{background:#4b5563;color:#e5e7eb}.plan-badge-premium{background:#3b82f6;background:var(--secondary-color);color:#fff}.plan-badge-master{background:#ec4899;background:var(--accent-color);color:#fff}.profile-page-stats{color:#9ca3af;display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:center;margin-top:.5rem}.profile-controls{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.profile-tabs{background:#120b22;background:var(--surface-color);border-radius:24px;border-radius:var(--border-radius-lg);display:flex;gap:.5rem;padding:.5rem}.profile-tabs button{background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.profile-tabs button.active{background:#a855f7;background:var(--primary-color);color:#fff}@media (min-width:768px){.profile-page-header{flex-direction:row;text-align:left}.profile-page-stats{justify-content:flex-start}}.login-page{align-items:center;display:flex;justify-content:center;min-height:80vh;width:100%}.login-form,.modal-content form{display:flex;flex-direction:column;gap:1rem}.modal-content{background:#120b22;background:var(--surface-color);border-radius:24px;border-radius:var(--border-radius-lg);position:relative}.login-form,.modal-content{border:1px solid #ffffff14;border:1px solid var(--glass-border-color);max-width:450px;padding:2rem;width:100%}.login-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#120b2299;background:var(--glass-bg);border-radius:24px;border-radius:var(--border-radius-lg)}.login-error,.login-info,.login-success{border-radius:8px;padding:1rem;text-align:center}.login-error{background:#ef444433;color:#f87171}.login-success{background:#22c55e33;color:#4ade80}.login-info{background:#3b82f633;color:#60a5fa}.switch-mode-btn{background:none;border:none;color:#a855f7;color:var(--primary-color);cursor:pointer;margin-top:1rem;text-align:center;width:100%}.switch-mode-btn:hover{text-decoration:underline}.legal-page,.payment-status-container{background:#120b2299;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border-color);border-radius:24px;border-radius:var(--border-radius-lg);margin:0 auto;max-width:800px;padding:2rem 3rem}.legal-page h1,.payment-status-container h2{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border-color);font-weight:700;margin-bottom:1.5rem;margin-top:0;padding-bottom:.5rem}.legal-page h2{margin-bottom:1rem;margin-top:2rem}.legal-page p{color:#d1d5db;line-height:1.8;margin-bottom:1rem}.payment-status-container{padding:3rem;text-align:center}.payment-status-container a.generate-button{display:inline-block;margin-top:1rem;text-decoration:none}.admin-panel{padding:2rem;padding:var(--content-padding)}.admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.admin-header h1{font-size:2rem;margin:0}.admin-btn-link{background:#120b22;background:var(--surface-color);border-radius:8px;color:#f8fafc;color:var(--on-surface-color);font-weight:500;padding:.5rem 1rem;text-decoration:none}.admin-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.admin-tabs button{background:none;border:1px solid #ffffff14;border:1px solid var(--glass-border-color);border-radius:8px;color:#9ca3af;cursor:pointer;padding:.6rem 1.2rem;transition:all .2s ease}.admin-tabs button.active,.admin-tabs button:hover{background:#a855f7;background:var(--primary-color);border-color:#a855f7;border-color:var(--primary-color);color:#fff}.admin-tab-content{display:flex;flex-direction:column;gap:2rem}.admin-tab-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.admin-tab-header h2{font-size:1.5rem;margin:0}.admin-subcategory{background:#120b2299;background:var(--glass-bg);border-radius:24px;border-radius:var(--border-radius-lg);padding:1.5rem}.admin-subcategory h3,.admin-subcategory h4{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border-color);margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.admin-subcategory p{color:#9ca3af;margin-top:0}.admin-btn,.admin-btn-add,.admin-btn-delete,.admin-btn-reset,.admin-btn-secondary{border:none;border-radius:8px;cursor:pointer;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-main);font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:all .2s}.admin-btn:hover{transform:translateY(-1px)}.admin-btn{background:#a855f7;background:var(--primary-color);color:#fff}.admin-btn-secondary{background:#120b22;background:var(--surface-color);border:1px solid #ffffff14;border:1px solid var(--glass-border-color);color:#f8fafc;color:var(--on-surface-color)}.admin-btn-delete{background:#ef4444;color:#fff}.admin-btn-add{background:#22c55e;color:#fff}.admin-btn-reset{background:#f97316;color:#fff}.user-list-item{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border-color);display:flex;gap:1rem;padding:1rem}.admin-user-avatar{border-radius:50%;height:50px;width:50px}.admin-user-details{flex-grow:1}.admin-user-details .user-name{font-weight:600}.user-plan-info{color:#9ca3af;font-size:.9rem}.user-plan-info select{display:inline-block;margin-left:.5rem;padding:.25rem .5rem;width:auto}.user-actions{display:flex;flex-wrap:wrap;gap:.5rem}.admin-option-editor,.preset-editor{align-items:center;background:#0003;border-radius:12px;border-radius:var(--border-radius-md);display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding:1rem}.admin-option-editor input,.preset-editor input{flex-grow:1;min-width:100px}.admin-reorder-controls{display:flex;flex-direction:column;gap:.25rem;margin-right:.5rem}.admin-reorder-controls button{font-size:.8rem;padding:.2rem .4rem}.preset-selections-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:1rem;width:100%}.preset-selections-grid label{display:flex;flex-direction:column;font-size:.8rem;gap:.25rem}.visibility-editor{margin:1rem 0}.condition-group{background:#00000026;border-radius:8px;margin-top:.5rem;padding:1rem}.condition-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.condition-row select{flex-grow:1;width:auto}.admin-btn-delete-cond{background:#ef4444;border:none;border-radius:50%;color:#fff;height:30px;width:30px}.system-actions-section{border-top:1px solid #ffffff14;border-top:1px solid var(--glass-border-color);margin-top:1.5rem;padding-top:1.5rem}.system-actions-section p{margin-top:0}.admin-credit-management{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 2fr}.credit-user-list{background:#0003;border-radius:12px;border-radius:var(--border-radius-md);padding:1rem}.credit-user-item{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border-color);display:flex;justify-content:space-between;padding:.5rem 0}.credit-user-item.active{background:#ffffff0d}.policy-editor{display:flex;flex-direction:column;gap:.5rem}.policy-header-row,.policy-row{grid-gap:1rem;align-items:center;border-radius:8px;display:grid;gap:1rem;grid-template-columns:2fr 1fr 2fr;padding:.5rem}.policy-header-row{color:#9ca3af;font-weight:600}.policy-row:nth-child(2n){background:#0000001a}.policy-threshold{align-items:center;display:flex;gap:1rem}.theme-editor{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.color-picker-group{align-items:center;background:#0003;border-radius:8px;display:flex;gap:1rem;padding:.75rem}.color-picker-group label{flex-grow:1;font-weight:500}.color-picker-group input[type=color]{-webkit-appearance:none;appearance:none;background-color:initial;border:none;cursor:pointer;height:40px;width:40px}.color-picker-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-picker-group input[type=color]::-webkit-color-swatch{border:2px solid #ffffff14;border:2px solid var(--glass-border-color);border-radius:8px}.color-picker-group input[type=color]::-moz-color-swatch{border:2px solid #ffffff14;border:2px solid var(--glass-border-color);border-radius:8px}.selectable-option:hover .option-overlay-image.effect-pop{animation:pop .3s ease-out forwards}.selectable-option:hover .option-overlay-image.effect-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.selectable-option:hover .option-overlay-image.effect-glow{animation:glow 1.5s ease-in-out infinite alternate}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes glow{0%{filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 10px #fff) drop-shadow(0 0 15px #007bff)}to{filter:drop-shadow(0 0 10px #fff) drop-shadow(0 0 15px #007bff) drop-shadow(0 0 20px #007bff)}}.selectable-option .option-overlay-image.effect-frozen-alive{filter:grayscale(100%);transform:scale(1);transition:.4s ease}.selectable-option:hover .option-overlay-image.effect-breathe{animation:breathe 3s ease-in-out infinite}.selectable-option:hover .option-overlay-image.effect-head-tilt{filter:brightness(1.1) contrast(1.1);transform:rotate(-2deg) skewX(1deg);transition:.4s ease}.selectable-option:hover .option-overlay-image.effect-look-alive{filter:drop-shadow(0 0 10px #ff69b4);transform:scale(1.05) translateY(-2px);transition:.3s ease-in-out}.selectable-option:hover .option-overlay-image.effect-shake-attitude{animation:shake-attitude .5s ease-in-out}.selectable-option:hover .option-overlay-image.effect-frozen-alive{filter:grayscale(0) brightness(1.1);transform:scale(1.05) rotate(-1deg)}.selectable-option:hover .option-overlay-image.effect-glitch{animation:glitch .3s steps(2) infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake-attitude{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0)}}.selectable-option.selected .option-overlay-image.effect-pop{animation:pop .3s ease-out forwards}.selectable-option.selected .option-overlay-image.effect-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.selectable-option.selected .option-overlay-image.effect-glow{animation:glow 1.5s ease-in-out infinite alternate}.selectable-option.selected .option-overlay-image.effect-breathe{animation:breathe 3s ease-in-out infinite}.selectable-option.selected .option-overlay-image.effect-head-tilt{filter:brightness(1.1) contrast(1.1);transform:rotate(-2deg) skewX(1deg);transition:.4s ease}.selectable-option.selected .option-overlay-image.effect-look-alive{filter:drop-shadow(0 0 10px #ff69b4);transform:scale(1.05) translateY(-2px);transition:.3s ease-in-out}.selectable-option.selected .option-overlay-image.effect-shake-attitude{animation:shake-attitude .5s ease-in-out}.selectable-option.selected .option-overlay-image.effect-frozen-alive{filter:grayscale(0) brightness(1.1);transform:scale(1.05) rotate(-1deg)}.selectable-option.selected .option-overlay-image.effect-glitch{animation:glitch .3s steps(2) infinite}.preset-button:hover .option-overlay-image.effect-pop{animation:pop .3s ease-out forwards}.preset-button:hover .option-overlay-image.effect-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.preset-button:hover .option-overlay-image.effect-glow{animation:glow 1.5s ease-in-out infinite alternate}.preset-button:hover .option-overlay-image.effect-breathe{animation:breathe 3s ease-in-out infinite}.preset-button:hover .option-overlay-image.effect-head-tilt{filter:brightness(1.1) contrast(1.1);transform:rotate(-2deg) skewX(1deg);transition:.4s ease}.preset-button:hover .option-overlay-image.effect-look-alive{filter:drop-shadow(0 0 10px #ff69b4);transform:scale(1.05) translateY(-2px);transition:.3s ease-in-out}.preset-button:hover .option-overlay-image.effect-shake-attitude{animation:shake-attitude .5s ease-in-out}.preset-button .option-overlay-image.effect-frozen-alive{filter:grayscale(100%);transform:scale(1);transition:.4s ease}.preset-button:hover .option-overlay-image.effect-frozen-alive{filter:grayscale(0) brightness(1.1);transform:scale(1.05) rotate(-1deg)}.preset-button:hover .option-overlay-image.effect-glitch{animation:glitch .3s steps(2) infinite}.preset-button.selected .option-overlay-image.effect-pop{animation:pop .3s ease-out forwards}.preset-button.selected .option-overlay-image.effect-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.preset-button.selected .option-overlay-image.effect-glow{animation:glow 1.5s ease-in-out infinite alternate}.preset-button.selected .option-overlay-image.effect-breathe{animation:breathe 3s ease-in-out infinite}.preset-button.selected .option-overlay-image.effect-head-tilt{filter:brightness(1.1) contrast(1.1);transform:rotate(-2deg) skewX(1deg);transition:.4s ease}.preset-button.selected .option-overlay-image.effect-look-alive{filter:drop-shadow(0 0 10px #ff69b4);transform:scale(1.05) translateY(-2px);transition:.3s ease-in-out}.preset-button.selected .option-overlay-image.effect-shake-attitude{animation:shake-attitude .5s ease-in-out}.preset-button.selected .option-overlay-image.effect-frozen-alive{filter:grayscale(0) brightness(1.1);transform:scale(1.05) rotate(-1deg)}.preset-button.selected .option-overlay-image.effect-glitch{animation:glitch .3s steps(2) infinite}.tabs{border-bottom:1px solid #120b22;border-bottom:1px solid var(--surface-color);display:flex;gap:.5rem;margin-bottom:1.5rem}.tab-button{background-color:initial;border:none;border-bottom:3px solid #0000;color:#9ca3af;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;position:relative;top:1px;transition:all .3s ease}.tab-button.active{border-bottom-color:#a855f7;border-bottom-color:var(--primary-color);color:#f8fafc;color:var(--on-surface-color)}.tab-button:hover:not(.active){background-color:#ffffff0d;border-bottom-color:#ffffff1a;color:#f8fafc;color:var(--on-surface-color)}.subcategory-header{align-items:center;background-color:#111111b2;border:1px solid #ddd;border-radius:10px;cursor:pointer;display:flex;padding:10px}.subcategory-header h3{flex-grow:1;margin:0}.collapse-icon{display:inline-block;margin-right:10px;transition:transform .2s ease-in-out}.collapse-icon.open{transform:rotate(90deg)}.subcategory-content{border:1px solid #ddd;border-top:none;padding:15px}.advanced-options-content{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:4px;margin-top:10px;padding:15px}.category-collapsed{opacity:.6;transition:opacity .3s ease}.category-collapsed:hover{opacity:1}.category-off-indicator{color:#ffcdd2;font-size:.8em;font-weight:400;margin-left:8px}.sidebar-footer{border-top:1px solid #ffffff14;border-top:1px solid var(--glass-border-color);margin-top:auto;padding-top:1rem}.logout-button{background:#0000;border:none;cursor:pointer;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-main);width:calc(100% - 2rem)}.particles-container{inset:0;pointer-events:none;position:absolute}.particle{animation:particle-animation .8s ease-out forwards;background-color:var(--particle-color);border-radius:50%;height:8px;left:50%;opacity:0;position:absolute;top:50%;width:8px}@keyframes particle-animation{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(var(--x),var(--y)) scale(0)}}.like-btn .heart-icon{stroke:#ff69b4;stroke-width:2;fill:#0000;transform:scale(.7);transition:all .3s cubic-bezier(.215,.61,.355,1)}.like-btn.active .heart-icon{fill:#ff69b4;transform:scale(.8)}.wish-btn .star-icon{stroke:#9370db;stroke-width:1.5;fill:#0000;transform:scale(.7);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.wish-btn.active .star-icon{fill:gold;stroke:gold;transform:scale(.8) rotate(1turn)}.model-selection{background:#0003;border-radius:12px;display:flex;gap:.5rem;margin-bottom:1rem;padding:.5rem}.my-frames-section .frames-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.my-frames-section .frame-card-settings{background:#120b22;background:var(--surface-color);border:1px solid #ffffff14;border:1px solid var(--glass-border-color);border-radius:12px;border-radius:var(--border-radius-md);padding:1rem;text-align:center}.my-frames-section .frame-card-settings.equipped{border-color:#a855f7;border-color:var(--primary-color);box-shadow:0 0 15px #a855f766}.my-frames-section .frame-card-settings img{border-radius:8px;height:auto;width:100%}.model-button{background:none;border:1px solid #0000;border-radius:8px;color:#9ca3af;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.6rem 1rem;transition:all .2s ease}.model-button:hover{background:#ffffff1a}.model-button.active{background:#a855f7;background:var(--primary-color);border-color:#a855f7;border-color:var(--primary-color);box-shadow:0 0 15px #a855f74d;color:#fff}
/*# sourceMappingURL=main.10094b89.css.map*/