*{box-sizing:border-box;cursor:default;margin:0;padding:0}[contenteditable=true],input,textarea{cursor:text}[role=button],[role=button] *,a,a *,button,button *,select{cursor:pointer}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;-webkit-user-select:none;user-select:none}body.mobile-device{-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch}body.ios-device{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body.android-device{-webkit-text-size-adjust:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 1rem}@media (min-width:768px){.container{padding:0 2rem}}@media (min-width:1200px){.container{padding:0 3rem}}.navbar{background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:-webkit-sticky;position:sticky;top:0;z-index:10001}.navbar-content{height:56px;justify-content:space-between;max-width:100%;overflow:hidden;padding:0 1rem}.navbar-content,.navbar-right{align-items:center;display:flex}.navbar-right{gap:.5rem}@media (max-width:1199px){.navbar-content{align-items:center;display:flex;height:64px;justify-content:space-between;padding:0 1rem}.navbar-logo{flex:0 0 auto;gap:.75rem;min-width:0;overflow:hidden;padding:.5rem 0}.logo-link{gap:.5rem!important;justify-content:flex-start;min-width:0;padding:.375rem .5rem!important}.logo-text,.navbar-logo-text{font-size:1.5rem!important;font-weight:400;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-icon{flex-shrink:0;height:36px;width:36px}.logo-image{height:36px!important;width:36px!important}.navbar-right{align-items:center;display:flex;gap:.5rem}.mobile-menu-btn{height:40px;padding:.5rem;width:40px}.navbar-nav{display:none!important}.navbar-auth{align-items:center;display:flex!important;gap:.75rem}.mobile-menu-btn{display:flex!important;flex-shrink:0;height:44px;padding:.625rem;width:44px}.user-button{gap:0;min-width:auto;padding:.375rem}.user-name{display:none}.user-avatar,.user-avatar img{height:36px;width:36px}.btn-secondary{display:none!important}.btn-primary{align-items:center;display:flex;font-size:.8rem;height:44px;justify-content:center;min-width:auto;padding:.625rem 1rem;white-space:nowrap}}@media (max-width:380px){.navbar-content{gap:.25rem;padding:0 .5rem}.navbar-right{gap:.25rem}.btn-primary{font-size:.75rem!important;height:36px!important;padding:.5rem .75rem!important}.mobile-menu-btn{height:36px!important;padding:.5rem!important;width:36px!important}.logo-text,.navbar-logo-text{font-size:1.2rem!important}.logo-icon,.logo-image,.user-avatar,.user-avatar img{height:32px!important;width:32px!important}}@media (min-width:768px){.user-name{display:block!important}}.navbar-logo{gap:.75rem;padding:.5rem 0}.logo-link,.navbar-logo{align-items:center;display:flex}.logo-link{border-radius:8px;color:inherit;gap:.875rem;outline:none;padding:.375rem .5rem;text-decoration:none;transition:background-color .2s ease}.logo-link:hover{background-color:#f9fafb}.logo-link:focus{outline:none}.logo-icon{padding:.125rem}.logo-image{height:44px;object-fit:contain;width:44px}.logo-text,.navbar-logo-text{color:#1f2937;font-family:Allura,cursive;font-size:1.75rem;font-weight:400;letter-spacing:.02em}.nav-link{color:#6b7280;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:500;outline:none;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:#a855f7}.nav-link:focus{border-radius:4px;box-shadow:0 0 0 2px #a855f733;color:#a855f7;outline:none}.navbar-auth{align-items:center;display:flex;gap:.75rem;position:relative;z-index:10001}.btn-primary{background-color:#a855f7;border-radius:9999px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.8125rem;outline:none;padding:.5rem 1.25rem}.btn-primary:hover{background-color:#9333ea;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-primary:focus{box-shadow:0 0 0 3px #a855f74d;outline:none}.btn-secondary{background-color:initial;border:none;border-radius:9999px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;outline:none;padding:.5rem 1.25rem;transition:all .2s ease}.btn-secondary:focus,.btn-secondary:hover{background-color:#f3f4f6;color:#a855f7}.btn-secondary:focus{box-shadow:0 0 0 3px #a855f733;outline:none}.mobile-menu-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:.625rem;transition:background-color .2s ease}.mobile-menu-btn:hover{background-color:#f3f4f6}.mobile-menu-btn:active{background-color:#e5e7eb}.hamburger{display:flex;flex-direction:column;height:16px;position:relative;width:20px}.hamburger span{background-color:#6b7280;border-radius:1px;display:block;height:2px;transition:all .3s ease;width:100%}.hamburger span:first-child{transform-origin:top left}.hamburger span:nth-child(2){margin:5px 0}.hamburger span:nth-child(3){transform-origin:bottom left}.hamburger.active span:first-child{transform:rotate(45deg) translate(1px,-1px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(1px,1px)}.mobile-menu{background-color:#fff;border-top:1px solid #e5e7eb;display:block;max-height:0;opacity:0;overflow:hidden;padding:0 1rem;transform:translateY(-10px);transform-origin:top;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-menu.open{max-height:600px;opacity:1;padding:1.25rem 1rem;transform:translateY(0)}.mobile-nav{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.mobile-nav-link{-webkit-tap-highlight-color:transparent;border-radius:8px;color:#6b7280;font-size:1rem;font-weight:500;outline:none;padding:.75rem .5rem;text-decoration:none;transition:all .2s ease}.mobile-nav-link:active,.mobile-nav-link:focus,.mobile-nav-link:hover{background-color:#a855f70d;color:#a855f7}.mobile-nav-link:focus{box-shadow:0 0 0 2px #a855f733;outline:none}.mobile-nav-link.sign-in-mobile{align-items:center;border-bottom:1px solid #e5e7eb;color:#a855f7;display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem;padding-bottom:1rem}.mobile-nav-link.sign-in-mobile:active,.mobile-nav-link.sign-in-mobile:hover{background-color:#a855f71a;color:#9333ea}.mobile-nav-link.sign-in-mobile svg{flex-shrink:0}.mobile-auth{display:flex;flex-direction:column;gap:.75rem}.mobile-auth .btn-secondary{-webkit-tap-highlight-color:transparent;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.9rem;font-weight:500;outline:none;padding:.75rem 1.25rem;text-align:center;transition:all .2s ease}.mobile-auth .btn-secondary:active,.mobile-auth .btn-secondary:hover{background-color:#f3f4f6;border-color:#a855f7;color:#a855f7}.mobile-auth .btn-primary{-webkit-tap-highlight-color:transparent;background-color:#a855f7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;outline:none;padding:.75rem 1.25rem;text-align:center;transition:all .2s ease}.mobile-auth .btn-primary:active,.mobile-auth .btn-primary:hover{background-color:#9333ea;box-shadow:0 4px 12px #a855f74d;transform:translateY(-1px)}.mobile-btn{padding:.75rem 1.25rem;width:100%}@media (min-width:1200px){.navbar-content{height:72px;padding:0 1.5rem}.navbar-nav{gap:2rem}.navbar-auth,.navbar-nav{align-items:center;display:flex}.navbar-auth{gap:.75rem;position:relative;z-index:10001}.mobile-menu,.mobile-menu-btn{display:none}.logo-text{font-size:1.75rem!important}.logo-icon{height:32px;width:32px}.nav-link{font-size:1rem}.btn-primary,.btn-secondary{font-size:1rem;padding:.625rem 1.5rem}}.user-menu{position:relative;z-index:10000}.user-button{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;gap:.5rem;max-width:200px;padding:.5rem .75rem;transition:all .2s ease}.user-button:focus,.user-button:hover{background:#a855f70d;border-color:#a855f733}.user-button:focus{outline:none}.user-avatar{align-items:center;background:#a855f7;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:500;height:32px;justify-content:center;overflow:hidden;width:32px}.user-avatar img{animation:avatarFadeIn .4s ease-out forwards;height:100%;object-fit:cover;opacity:0;width:100%}@keyframes avatarFadeIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.user-name{color:#374151;flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{animation:dropdownSlideIn .2s ease-out forwards;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;contain:layout style paint;isolation:isolate;min-width:180px;pointer-events:auto;position:fixed;transform:translateZ(0);-webkit-transform:translateZ(0);transform-origin:top right;will-change:transform;z-index:2147483647!important}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-dropdown.closing{animation:dropdownSlideOut .15s ease-in forwards}@keyframes dropdownSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.dropdown-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:focus,.dropdown-item:hover{background-color:#f3f4f6}.dropdown-item:focus{outline:none}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item:last-child{border-radius:0 0 8px 8px}@media (min-width:768px){.dropdown-dark-mode-toggle{display:none!important}}.mobile-user-info{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem 0}.mobile-user-avatar{align-items:center;background:#a855f7;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:500;height:40px;justify-content:center;overflow:hidden;width:40px}.mobile-user-avatar img{animation:avatarFadeIn .4s ease-out forwards;height:100%;object-fit:cover;opacity:0;width:100%}.mobile-user-name{color:#374151;font-size:.875rem;font-weight:500}.tablet-create-btn{align-items:center;background:#a855f7;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:.875rem;font-weight:600;gap:.5rem;height:40px;justify-content:center;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.tablet-create-btn:hover{background:#9333ea;box-shadow:0 4px 12px #a855f74d;transform:translateY(-1px)}.tablet-create-btn svg{flex-shrink:0;transition:transform .3s ease}.tablet-create-btn:hover svg{transform:scale(1.1)}@media (min-width:768px) and (max-width:1199px){.tablet-create-btn{display:flex}}.dark-mode-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.dark-mode-toggle:hover{background:#f3f4f6;color:#a855f7}.dark-mode-toggle svg{transition:transform .3s ease}.dark-mode-toggle:hover svg{transform:rotate(20deg)}@media (max-width:767px){.dark-mode-toggle{display:none}}.dark-mode-mobile{color:#374151!important;font-size:1rem!important;padding:1rem 0!important}.dark-mode .navbar{background-color:#111;border-bottom-color:#2a2a2a;box-shadow:0 1px 3px 0 #0009}.dark-mode .nav-link{color:#e0e0e0}.dark-mode .nav-link:hover{color:#a855f7}.dark-mode .btn-secondary{background:#0a0a0a;color:#e0e0e0}.dark-mode .btn-secondary:hover{background:#111}.dark-mode .mobile-menu-btn{color:#e0e0e0}.dark-mode .mobile-menu-btn:hover{background-color:#2a2a2a}.dark-mode .mobile-menu-btn:active{background-color:#3a3a3a}.dark-mode .mobile-menu{background:#111;border-top-color:#2a2a2a}.dark-mode .mobile-nav-link{color:#e0e0e0!important}.dark-mode .mobile-nav-link:hover{background:#2a2a2a;color:#a855f7!important}.dark-mode .mobile-nav-link.sign-in-mobile{border-bottom-color:#2a2a2a;color:#a855f7!important}.dark-mode .mobile-nav-link.sign-in-mobile:hover{background-color:#a855f726;color:#b87cff!important}.dark-mode .dark-mode-mobile{color:#e0e0e0!important}.dark-mode .user-button{background:#0000;border-color:#0000;color:#e0e0e0}.dark-mode .user-button:hover{background:#a855f726;border-color:#a855f74d}.dark-mode .user-name{color:#e0e0e0}.dark-mode .user-dropdown{background:#111;border-color:#2a2a2a;box-shadow:0 10px 25px #000c}.dark-mode .dropdown-item{color:#e0e0e0}.dark-mode .dropdown-item:hover{background:#2a2a2a}.dark-mode .mobile-user-info{border-bottom-color:#2a2a2a}.dark-mode .mobile-user-name{color:#e0e0e0}.dark-mode .tablet-create-btn{background:#a855f7;color:#fff}.dark-mode .tablet-create-btn:hover{background:#9333ea}.dark-mode .dark-mode-toggle{color:#e0e0e0}.dark-mode .dark-mode-toggle:hover{background:#2a2a2a;color:#a855f7}@media (max-width:320px){.hamburger{height:12px;width:16px}.hamburger span{height:1.5px}.hamburger span:nth-child(2){margin:4px 0}.user-avatar{font-size:.7rem;height:24px;width:24px}.mobile-menu-btn{padding:5px}}.terms-modal-overlay{align-items:flex-start;animation:fadeIn .2s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;margin:0;overflow-y:auto;padding:0;position:fixed;right:0;top:0;z-index:2147483647!important}.terms-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;margin:80px 1rem 2rem;max-height:90vh;max-width:700px;width:100%}.terms-modal-content .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1.25rem;padding:2rem 2rem 1.5rem}.terms-modal-content .modal-header>div:not(.modal-icon){display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.terms-modal-content .modal-header h3{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.terms-modal-content .modal-subtitle{color:#6b7280;font-size:.9375rem;line-height:1.5;margin:0}.terms-modal-icon{align-items:center;background:#a855f71a;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.modal-icon{flex-shrink:0}.terms-modal-content .modal-body{padding:2rem}.terms-scroll-container{background:#fff;border:2px solid #a855f733;border-radius:12px;margin-bottom:1.5rem;max-height:500px;overflow-y:auto;padding-right:.5rem;scroll-behavior:smooth}.terms-content{padding:1.5rem}.terms-section{margin-bottom:1.5rem}.terms-section:last-child{margin-bottom:0}.terms-section h2{color:#1f2937;font-size:1.125rem;font-weight:700;margin-bottom:.75rem}.terms-section h3{color:#374151;font-size:1rem;font-weight:600;margin-bottom:.5rem;margin-top:1rem}.terms-section p{color:#4b5563;font-size:.875rem;line-height:1.6;margin-bottom:.75rem}.terms-section ul{list-style:disc;margin-top:.5rem;padding-left:1.5rem}.terms-section li{color:#4b5563;font-size:.875rem;line-height:1.6;margin-bottom:.5rem}.terms-section .contact-info{background:#a855f70d;border-left:3px solid #a855f7;border-radius:8px;margin-top:1rem;padding:1rem}.terms-section .contact-info p{margin-bottom:0}.terms-checkbox-container{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.25rem}.terms-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}.terms-checkbox-label input[type=checkbox]{accent-color:#a855f7;cursor:pointer;flex-shrink:0;height:20px;width:20px}.terms-checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.terms-checkbox-label span{color:#1f2937;font-size:.9375rem;font-weight:500;line-height:1.5}.terms-modal-content .modal-footer{padding:2rem}.terms-accept-btn{align-items:center;border:none;border-radius:12px;color:#fff;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.terms-accept-btn:not(:disabled):hover{box-shadow:0 10px 25px #a855f766;transform:translateY(-2px)}.terms-accept-btn .spinner{animation:spin 1s linear infinite}.terms-scroll-container::-webkit-scrollbar{width:10px}.terms-scroll-container::-webkit-scrollbar-track{background:#a855f70d;border-radius:6px;margin:4px 0}.terms-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a855f7,#9333ea);border:2px solid #a855f70d;border-radius:6px}.terms-scroll-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#c084fc,#a855f7)}.dark-mode .terms-modal-content{background:#1a1a1a;border:1px solid #333}.dark-mode .terms-modal-content .modal-header{border-bottom-color:#333}.dark-mode .terms-modal-icon{background:#a855f726}.dark-mode .terms-modal-content .modal-header h3{color:#f9fafb}.dark-mode .terms-modal-content .modal-subtitle{color:#9ca3af}.dark-mode .terms-scroll-container{background:linear-gradient(135deg,#1a1a1a,#1f1f1f);border-color:#333}.dark-mode .terms-section h2{color:#f9fafb}.dark-mode .terms-section h3{color:#e5e7eb}.dark-mode .terms-section li,.dark-mode .terms-section p{color:#9ca3af}.dark-mode .terms-section .contact-info{background:#a855f726;border-color:#a855f7}.dark-mode .terms-section .contact-info p{color:#c084fc}.dark-mode .terms-checkbox-container{background:#1f1f1f;border-color:#333}.dark-mode .terms-checkbox-label span{color:#f9fafb}.dark-mode .terms-scroll-container::-webkit-scrollbar-track{background:#2a2a2a}.dark-mode .terms-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a855f7,#9333ea)}.dark-mode .terms-scroll-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#c084fc,#a855f7)}@media (max-width:768px){.terms-modal-content{max-height:95vh}.terms-scroll-container{max-height:400px}.terms-section h2{font-size:1rem}.terms-section li,.terms-section p{font-size:.8125rem}.terms-checkbox-label{gap:.5rem}.terms-checkbox-label span{font-size:.875rem}.terms-accept-btn{font-size:.9375rem;padding:.875rem}}@media (max-width:480px){.terms-modal-overlay{padding:.5rem}.terms-scroll-container{max-height:350px}.terms-content{padding:1rem}.terms-section{margin-bottom:1.25rem}.terms-checkbox-container{padding:1rem}}.invitation-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;margin:0;overflow-y:auto;padding:0;position:fixed;right:0;top:0;z-index:2147483647!important}.invitation-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;margin:80px 1rem 2rem;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:100%}.invitation-header{border-bottom:2px solid #e5e7eb;gap:1.5rem;padding:2rem}.invitation-header>div:not(.header-icon){display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.header-icon{align-items:center;background:linear-gradient(135deg,#a855f7,#9333ea);border-radius:16px;color:#fff;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.invitation-header h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0 0 .25rem}.invitation-header p{color:#6b7280;font-size:.95rem;margin:0}.invitation-info{align-items:center;background:#a855f71a;border:1px solid #a855f733;border-radius:12px;color:#7c3aed;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;margin:1.5rem 2rem;padding:1rem 1.25rem}.invitation-info svg{flex-shrink:0}.invitation-list{display:flex;flex-direction:column;gap:1.5rem;padding:0 2rem 2rem}.invitation-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s ease}.invitation-card:hover{border-color:#a855f7;box-shadow:0 4px 12px #a855f71a}.invitation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.invitation-header h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}.invitation-date{color:#6b7280;font-size:.85rem;font-weight:500}.invitation-benefits{margin-bottom:1.5rem}.invitation-benefits h4{color:#4b5563;font-size:.9rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.invitation-benefits ul{display:flex;flex-direction:column;gap:.625rem;list-style:none;margin:0;padding:0}.invitation-benefits li{align-items:center;color:#4b5563;display:flex;font-size:.95rem;gap:.625rem}.invitation-benefits li svg{color:#10b981;flex-shrink:0}.invitation-actions{display:flex;gap:.75rem}.btn-decline,.studio-invitation-btn-accept{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease}.btn-decline{background:#fff;border:2px solid #e5e7eb;color:#374151}.btn-decline:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;color:#1f2937}.studio-invitation-btn-accept{background:linear-gradient(135deg,#a855f7,#9333ea);border:2px solid #0000;color:#fff}.studio-invitation-btn-accept:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 4px 12px #a855f74d;transform:translateY(-1px)}.btn-decline:disabled,.studio-invitation-btn-accept:disabled{cursor:not-allowed;opacity:.6}.close-modal-btn{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:.5rem;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s ease}.close-modal-btn:hover{background:#f3f4f6;color:#1f2937}.invitation-loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:4rem 2rem}.loading-spinner{animation:spin .8s linear infinite;border-color:#a855f7 #a855f799 #a855f733 #a855f733;border-style:solid;border-width:3px;height:48px;width:48px}.invitation-loading p{color:#6b7280;font-size:1.1rem;margin:0}.invitation-success{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:4rem 2rem;text-align:center}.success-icon{animation:scaleIn .4s ease-out;background:linear-gradient(135deg,#10b981,#059669)}.success-icon.purple-check{background:linear-gradient(135deg,#a855f7,#9333ea)!important;height:80px;width:80px}.invitation-success h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.redirect-message{align-items:center;display:flex;gap:.75rem;margin-top:1rem}.redirect-message p{color:#6b7280;font-size:.95rem;font-weight:500;margin:0}.loading-spinner-small{animation:spin .8s linear infinite;border-color:#a855f7 #a855f799 #a855f733 #a855f733;border-radius:50%;border-style:solid;border-width:2px;height:20px;width:20px}.invitation-decline-confirmation{flex-direction:column;padding:3rem 2.5rem;text-align:center}.confirmation-icon,.invitation-decline-confirmation{align-items:center;display:flex;justify-content:center}.confirmation-icon{animation:scaleIn .3s ease-out;background:#ef44441a;border:3px solid #ef444433;border-radius:50%;color:#ef4444;height:72px;margin-bottom:1.5rem;width:72px}.invitation-decline-confirmation h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0 0 1rem}.invitation-decline-confirmation p{color:#4b5563;font-size:1rem;line-height:1.5;margin:0 0 .75rem}.invitation-decline-confirmation p strong{color:#1f2937;font-weight:600}.warning-text{color:#6b7280!important;font-size:.9rem!important;font-style:italic;margin-bottom:2rem!important}.confirmation-actions{max-width:400px;width:100%}.btn-cancel,.btn-confirm-decline{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease}.btn-cancel{background:#fff;border:2px solid #e5e7eb;color:#374151}.btn-cancel:hover{background:#f3f4f6;border-color:#9ca3af;color:#1f2937}.btn-confirm-decline{background:#ef4444;border:2px solid #0000;color:#fff}.btn-confirm-decline:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.dark-mode .invitation-modal-content{background:#1a1a1a}.dark-mode .invitation-header{border-bottom-color:#333}.dark-mode .invitation-header h2{color:#f9fafb}.dark-mode .invitation-header p{color:#9ca3af}.dark-mode .invitation-info{background:#a855f726;border-color:#a855f74d;color:#c084fc}.dark-mode .invitation-card{background:#0d0d0d;border-color:#333}.dark-mode .invitation-card:hover{border-color:#a855f7;box-shadow:0 4px 12px #a855f733}.dark-mode .invitation-header h3{color:#f9fafb}.dark-mode .invitation-date{color:#9ca3af}.dark-mode .invitation-benefits h4,.dark-mode .invitation-benefits li{color:#d1d5db}.dark-mode .btn-decline{background:#262626;border-color:#333;color:#d1d5db}.dark-mode .btn-decline:hover:not(:disabled){background:#333;border-color:#4a4a4a;color:#f3f4f6}.dark-mode .close-modal-btn{color:#9ca3af}.dark-mode .close-modal-btn:hover{background:#262626;color:#f9fafb}.dark-mode .invitation-loading p{color:#9ca3af}.dark-mode .invitation-success h2{color:#f9fafb}.dark-mode .redirect-message p{color:#9ca3af}.dark-mode .invitation-decline-confirmation h2{color:#f9fafb}.dark-mode .invitation-decline-confirmation p{color:#d1d5db}.dark-mode .invitation-decline-confirmation p strong{color:#f9fafb}.dark-mode .warning-text{color:#9ca3af!important}.dark-mode .confirmation-icon{background:#ef444426;border-color:#ef44444d}.dark-mode .btn-cancel{background:#262626;border-color:#333;color:#d1d5db}.dark-mode .btn-cancel:hover{background:#333;border-color:#4a4a4a;color:#f3f4f6}@media (max-width:640px){.invitation-modal-content{border-radius:12px;max-height:95vh}.invitation-header{padding:1.5rem;text-align:center}.invitation-header h2{font-size:1.5rem}.invitation-info{font-size:.85rem;margin:1rem 1.5rem;padding:.875rem 1rem}.invitation-list{gap:1rem;padding:0 1.5rem 1.5rem}.invitation-card{padding:1.25rem}.invitation-header{align-items:flex-start;flex-direction:column;gap:.5rem}.invitation-actions{flex-direction:column-reverse}.btn-decline,.studio-invitation-btn-accept{width:100%}.close-modal-btn{right:1rem;top:1rem}}.review-prompt-modal-overlay{align-items:center;animation:reviewPromptFadeIn .3s ease-out;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;margin:0;overflow-y:auto;padding:0;position:fixed;right:0;top:0;z-index:2147483647!important}.review-prompt-modal-overlay.closing{animation:reviewPromptFadeOut .3s ease-out forwards}.review-prompt-modal-content{animation:reviewPromptSlideIn .3s ease-out;background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;margin:80px 1rem 2rem;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;position:relative;width:100%}.review-prompt-modal-content.closing{animation:reviewPromptSlideOut .3s ease-out forwards}.dark-mode .review-prompt-modal-content{background:#1a1a1a;background:var(--card-bg,#1a1a1a);color:#fff;color:var(--text-primary,#fff)}.review-prompt-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s ease}.review-prompt-modal-close:hover{background:#0000000d;background:var(--hover-bg,#0000000d);color:#000;color:var(--text-primary,#000)}.dark-mode .review-prompt-modal-close{color:#a0a0a0;color:var(--text-secondary,#a0a0a0)}.dark-mode .review-prompt-modal-close:hover{background:#ffffff1a;background:var(--hover-bg,#ffffff1a);color:#fff;color:var(--text-primary,#fff)}.review-prompt-modal-header{margin-bottom:32px;text-align:center}.review-prompt-modal-header h2{color:#000;color:var(--text-primary,#000);font-size:28px;font-weight:700;margin:0 0 12px}.review-prompt-modal-header p{color:#666;color:var(--text-secondary,#666);font-size:16px;margin:0}.dark-mode .review-prompt-modal-header h2{color:#fff;color:var(--text-primary,#fff)}.dark-mode .review-prompt-modal-header p{color:#a0a0a0;color:var(--text-secondary,#a0a0a0)}.review-prompt-form{display:flex;flex-direction:column;gap:24px}.review-prompt-rating{display:flex;flex-direction:column;gap:12px}.review-prompt-rating label{color:#000;color:var(--text-primary,#000);font-size:16px;font-weight:600}.dark-mode .review-prompt-rating label{color:#fff;color:var(--text-primary,#fff)}.review-prompt-stars{display:flex;gap:8px;justify-content:center}.review-prompt-star{background:none;border:none;color:#d1d5db;cursor:pointer;padding:4px;transition:all .2s ease}.review-prompt-star:hover{transform:scale(1.1)}.review-prompt-star.active{color:#a855f7}.review-prompt-star:disabled{cursor:not-allowed;opacity:.6}.review-prompt-textarea-wrapper{display:flex;flex-direction:column;gap:8px}.review-prompt-textarea-wrapper label{color:#000;color:var(--text-primary,#000);font-size:16px;font-weight:600}.dark-mode .review-prompt-textarea-wrapper label{color:#fff;color:var(--text-primary,#fff)}.review-prompt-textarea-wrapper textarea{background:#fff;background:var(--input-bg,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:12px;color:#000;color:var(--text-primary,#000);font-family:inherit;font-size:15px;min-height:120px;padding:12px 16px;resize:vertical;transition:all .2s ease}.review-prompt-textarea-wrapper textarea:focus{border-color:#000;border-color:var(--primary-color,#000);box-shadow:0 0 0 3px #0000001a;box-shadow:0 0 0 3px var(--primary-color-alpha,#0000001a);outline:none}.review-prompt-textarea-wrapper textarea:disabled{background:#f9fafb;background:var(--disabled-bg,#f9fafb);cursor:not-allowed;opacity:.6}.dark-mode .review-prompt-textarea-wrapper textarea{background:#2a2a2a;background:var(--input-bg,#2a2a2a);border-color:#3a3a3a;border-color:var(--border-color,#3a3a3a);color:#fff;color:var(--text-primary,#fff)}.dark-mode .review-prompt-textarea-wrapper textarea:focus{border-color:#fff;border-color:var(--primary-color,#fff);box-shadow:0 0 0 3px #ffffff1a;box-shadow:0 0 0 3px var(--primary-color-alpha,#ffffff1a)}.dark-mode .review-prompt-textarea-wrapper textarea:disabled{background:#1a1a1a;background:var(--disabled-bg,#1a1a1a)}.review-prompt-char-count{color:#666;color:var(--text-secondary,#666);font-size:13px;text-align:right}.dark-mode .review-prompt-char-count{color:#a0a0a0;color:var(--text-secondary,#a0a0a0)}.review-prompt-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;padding:12px 16px}.dark-mode .review-prompt-error{background:#dc26261a;border-color:#dc26264d;color:#fca5a5}.review-prompt-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a;font-size:14px;padding:12px 16px;text-align:center}.dark-mode .review-prompt-success{background:#16a34a1a;border-color:#16a34a4d;color:#86efac}.review-prompt-actions{display:flex;gap:12px;margin-top:8px}.review-prompt-btn-primary,.review-prompt-btn-secondary{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s ease}.review-prompt-btn-primary{background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff}.review-prompt-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 4px 12px #a855f74d;transform:translateY(-1px)}.review-prompt-btn-primary:disabled{background:#e5e7eb;background:var(--disabled-bg,#e5e7eb);color:#9ca3af;color:var(--disabled-text,#9ca3af);cursor:not-allowed;opacity:.6}.review-prompt-btn-secondary{background:#0000;border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);color:#000;color:var(--text-primary,#000)}.review-prompt-btn-secondary:hover:not(:disabled){background:#0000000d;background:var(--hover-bg,#0000000d);border-color:#000;border-color:var(--text-primary,#000)}.review-prompt-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.dark-mode .review-prompt-btn-primary{background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff}.dark-mode .review-prompt-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#7e22ce)}.dark-mode .review-prompt-btn-primary:disabled{background:#2a2a2a;background:var(--disabled-bg,#2a2a2a);color:#666;color:var(--disabled-text,#666);opacity:.6}.dark-mode .review-prompt-btn-secondary{border-color:#3a3a3a;border-color:var(--border-color,#3a3a3a);color:#fff;color:var(--text-primary,#fff)}.dark-mode .review-prompt-btn-secondary:hover:not(:disabled){background:#ffffff0d;background:var(--hover-bg,#ffffff0d);border-color:#fff;border-color:var(--text-primary,#fff)}@keyframes reviewPromptFadeIn{0%{opacity:0}to{opacity:1}}@keyframes reviewPromptFadeOut{0%{opacity:1}to{opacity:0}}@keyframes reviewPromptSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes reviewPromptSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@media (max-width:768px){.review-prompt-modal-content{max-height:95vh;padding:24px}.review-prompt-modal-header h2{font-size:24px}.review-prompt-modal-header p{font-size:14px}.review-prompt-star svg{height:28px;width:28px}.review-prompt-actions{flex-direction:column}.review-prompt-btn-primary,.review-prompt-btn-secondary{width:100%}}.header2{align-items:center;background:linear-gradient(135deg,#fefbff,#f8f4ff);box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:space-between;margin:0;max-width:100vw;min-height:100vh;overflow:visible;padding:0;position:relative;width:100%}.header2:before{background:radial-gradient(circle at 20% 20%,#a855f71a 0,#0000 50%),radial-gradient(circle at 80% 80%,#a855f70d 0,#0000 50%);top:0}.header2:after,.header2:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0}.header2:after{background:linear-gradient(180deg,#0000,#fefbff4d 30%,#fefbffb3 60%,#fff);height:300px;z-index:5}.header2-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;max-width:1200px;padding:8rem 2rem 2rem;text-align:center;width:100%;z-index:2}.header2-fade-in{animation:fadeInUp .8s ease-out forwards;opacity:0;transform:translateY(30px)}.header2-fade-in-delay-05{animation:fadeInUp .8s ease-out .2s forwards;opacity:0;transform:translateY(30px)}.header2-fade-in-delay-1{animation:fadeInUp .8s ease-out .4s forwards;opacity:0;transform:translateY(30px)}.header2-fade-in-delay-2{animation:fadeInUp .8s ease-out .7s forwards;opacity:0;transform:translateY(30px)}.header2-title{color:#1f2937;font-size:4.5rem;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.5rem}.header2-description{color:#6b7280;font-size:1.125rem;font-weight:400;line-height:1.7;margin-bottom:2.5rem;max-width:700px}.dark-mode .header2-title{text-shadow:0 2px 8px #0000004d}.dark-mode .header2-description{color:#d1d5db}.header2-highlight{color:#9333ea;display:inline-block;font-weight:900}.dark-mode .header2-highlight{color:#c084fc}.header2-cursor{animation:blink 1s step-end infinite;color:#a855f7;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.header2-stats{flex-wrap:wrap;gap:5rem;justify-content:center;margin-bottom:3rem}.header2-stat,.header2-stats{align-items:center;display:flex}.header2-stat{animation:fadeInUp .6s ease-out forwards;flex-direction:column;gap:.625rem;opacity:0;transform:translateY(20px)}.stat-number{color:#a855f7!important;font-size:2.75rem;font-weight:800;letter-spacing:-.03em}.stat-label{color:#6b7280;font-size:.8125rem;letter-spacing:.01em;text-align:center}.dark-mode .stat-number{color:#c084fc!important}.dark-mode .stat-label{color:#d1d5db}.header2-subtitle{color:#6b7280;font-size:1.5rem;font-weight:400;margin-bottom:3rem}.dark-mode .header2-subtitle{color:#e0e0e0}.header2-cta-wrapper{display:flex;margin-bottom:1.25rem;min-height:70px}.header2-cta,.header2-cta-wrapper{align-items:center;justify-content:center}.header2-cta{background:#a855f7;border:none;border-radius:50px;box-shadow:0 10px 30px #a855f766;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.25rem;font-weight:600;gap:.75rem;min-width:280px;padding:1.25rem 3rem;position:relative;transition:all .3s ease}.header2-cta-text{animation:textFadeIn .4s ease-in-out;display:inline-block}@keyframes textFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.header2-cta:hover{background:#9333ea;box-shadow:0 15px 40px #a855f780;transform:translateY(-3px)}.header2-cta svg{transition:transform .3s ease}.header2-cta:hover svg{transform:translateX(5px)}.header2-scroll-wrapper{animation:fadeIn 1s ease-out .9s forwards;background:#0000;flex-shrink:0;height:550px;margin:0 0 10vh;max-height:550px;opacity:0;overflow:hidden;padding:0;position:relative;width:100%}.header2-scroll{align-items:center;animation:scroll-left 40s linear infinite;background:#0000;display:flex;gap:2rem;height:100%;width:-webkit-max-content;width:max-content;will-change:transform}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.header2-card{align-items:center;background:#f8faff;border-radius:24px;box-shadow:0 20px 60px #00000026;display:flex;flex-shrink:0;height:500px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:500px}.header2-card-image{border-radius:24px;height:100%;object-fit:cover;width:100%}.header2-card:before{background:linear-gradient(135deg,#a855f71a,#a855f700);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.header2-card:hover:before{opacity:1}.header2-card:hover{box-shadow:0 30px 80px #a855f74d;transform:scale(1.03)}.header2-card-title{color:#fff;font-size:2rem;font-weight:800;letter-spacing:3px;opacity:.9;text-shadow:0 4px 12px #0000004d;text-transform:uppercase;z-index:1}.header2-fade{bottom:0;pointer-events:none;position:absolute;top:0;width:400px;z-index:10}.header2-fade-left{background:linear-gradient(90deg,#fff,#ffffffb3 30%,#ffffff4d 60%,#0000);left:0}.header2-fade-right{background:linear-gradient(270deg,#fff,#ffffffb3 30%,#ffffff4d 60%,#0000);right:0}.header2-scroll-wrapper:before{background:#0000;bottom:0;content:"";height:0;left:0;pointer-events:none;position:absolute;right:0;z-index:8}.dark-mode .header2:after{background:linear-gradient(180deg,#0000,#0505054d 30%,#050505b3 60%,#070707)}@media (max-width:1024px){.header2{height:auto;justify-content:center;min-height:100vh;padding:0}.header2-container{padding:2rem 2rem 1rem}.header2-title{font-size:3.25rem;margin-bottom:1.125rem}.header2-description{font-size:1.025rem;margin-bottom:2rem}.header2-stats{gap:2rem;margin-bottom:2.5rem}.stat-number{font-size:2.25rem}.stat-label{font-size:.75rem}.header2-subtitle{font-size:1.2rem;margin-bottom:2.5rem}.header2-cta-wrapper{min-height:62px}.header2-cta{font-size:1.125rem;padding:1rem 2.5rem}.header2-scroll-wrapper{height:420px;margin:0 0 6vh}.header2-scroll{height:400px}.header2-card{height:380px;width:380px}.header2-card-title{font-size:1.6rem}.header2-fade{width:200px}}@media (max-width:768px){.header2{height:auto;justify-content:center;min-height:100vh;padding:0}.header2-container{padding:1.5rem 1.5rem 1rem}.header2-title{font-size:2.5rem;margin-bottom:1rem}.header2-description{font-size:.9375rem;margin-bottom:1.75rem;padding:0 .5rem}.header2-stats{gap:1.5rem;margin-bottom:2rem}.stat-number{font-size:1.875rem}.stat-label{font-size:.6875rem}.header2-subtitle{font-size:1.1rem;margin-bottom:2rem}.header2-cta-wrapper{min-height:56px}.header2-cta{font-size:1rem;padding:.875rem 2.25rem}.header2-scroll-wrapper{height:330px;margin:0 0 5vh}.header2-scroll{height:286px}.header2-card{height:286px;width:286px}.header2-card-title{font-size:1.4rem;letter-spacing:2px}.header2-fade{width:150px}}@media (max-width:490px){.header2{height:auto;justify-content:center;min-height:100vh;padding:0}.header2-container{padding:1.25rem 1rem .75rem}.header2-title{font-size:2rem;margin-bottom:.875rem}.header2-description{font-size:.8125rem;margin-bottom:1.5rem;padding:0 .25rem}.header2-stats{gap:.75rem;margin-bottom:1.5rem}.stat-number{font-size:1.25rem!important}.stat-label{font-size:.5625rem!important}.header2-subtitle{font-size:.95rem!important;margin-bottom:1.5rem}.header2-cta-wrapper{min-height:52px}.header2-cta{font-size:.975rem;padding:.8rem 1.85rem}.header2-scroll-wrapper{height:286px;margin:0 0 4vh}.header2-scroll{height:242px}.header2-card{border-radius:20px;height:242px;width:242px}.header2-card-title{font-size:1.15rem;letter-spacing:1.5px}.header2-fade{width:100px}}.dark-mode .header2{background:linear-gradient(180deg,#000,#020202 40%,#050505)}.dark-mode .header2:before{background:radial-gradient(circle at 30% 40%,#a855f71f 0,#7c3aed14 30%,#0000 70%)}.dark-mode .header2-title{color:#fff}.dark-mode .header2-subtitle{color:#9ca3af}.dark-mode .header2-highlight{color:#a855f7}.dark-mode .header2-fade-left{background:linear-gradient(90deg,#0c0714,#0c0714b3 30%,#0c07144d 60%,#0000)}.dark-mode .header2-fade-right{background:linear-gradient(270deg,#030303,#030303b3 30%,#0303034d 60%,#0000)}.dark-mode .header2-scroll-wrapper:before{background:linear-gradient(175deg,#0000,#0000 30%,#0000004d 60%,#00000080)}.studio-setup-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;margin:0;overflow-y:auto;padding:0;position:fixed;right:0;top:0;z-index:2147483647!important}.studio-setup-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;margin:2rem 1rem;max-height:90vh;max-width:500px;width:100%}.studio-setup-modal-content .modal-body{padding:2rem}.studio-setup-modal-content .modal-footer{padding:2rem!important}.studio-modal-header{align-items:center;border-bottom:1px solid #e5e7eb!important;display:flex;gap:1.25rem;padding:2rem 2rem 1.5rem!important}.studio-modal-header>div:not(.modal-icon){display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.studio-modal-header h3{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.studio-modal-header .modal-subtitle{color:#6b7280;font-size:.9375rem;line-height:1.5;margin:0}.studio-modal-icon{align-items:center;background:#a855f71a;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.studio-warning-box{background:#a855f71a;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem}.studio-warning-title{align-items:center;color:#a855f7;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.studio-warning-text{color:#6b7280;font-size:.9rem;line-height:1.6;margin-bottom:0}.studio-setup-info-box h5{color:#1f2937;font-size:1rem}.studio-setup-info-box ul{list-style:disc;padding-left:1.5rem}.studio-setup-info-box li{color:#6b7280;font-size:.9rem;line-height:1.6;margin-bottom:.5rem}.studio-setup-info-box li:last-child{margin-bottom:0}.dark-mode .studio-setup-modal-content{background:#1a1a1a;border:1px solid #333}.dark-mode .studio-modal-header{border-bottom-color:#333!important}.dark-mode .studio-modal-header h3{color:#f9fafb}.dark-mode .studio-modal-header .modal-subtitle{color:#9ca3af}.dark-mode .studio-modal-icon{background:#a855f726}.dark-mode .studio-warning-box{background:#a855f726;border:1px solid #333}.dark-mode .studio-warning-title{color:#c084fc}.dark-mode .studio-warning-text{color:#9ca3af}.dark-mode .studio-setup-info-box h5{color:#f9fafb}.dark-mode .studio-setup-info-box li{color:#9ca3af}.how-it-works{background:#f8f8f8;padding:6rem 0;position:relative}.how-it-works:before{background:radial-gradient(circle at 10% 20%,#a855f708 0,#0000 50%),radial-gradient(circle at 90% 80%,#a855f705 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.how-it-works-content{margin:0 auto;max-width:1200px;position:relative;text-align:center;z-index:1}.section-title{letter-spacing:-.025em}.section-subtitle{font-weight:400}.steps-container{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:repeat(3,1fr);margin-bottom:5rem}.step{align-items:center;display:flex;flex-direction:column;position:relative;text-align:center}.step-number{background:linear-gradient(135deg,#a855f7,#a855f7);border-radius:50%;box-shadow:0 4px 12px #a855f74d;color:#fff;font-size:1rem;font-weight:700;height:40px;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:40px;z-index:2}.step-icon,.step-number{align-items:center;display:flex;justify-content:center}.step-icon{background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #0000000d;height:80px;margin-bottom:2rem;transition:all .3s ease;width:80px}.step:hover .step-icon{border-color:#a855f7;box-shadow:0 8px 24px #a855f726;transform:translateY(-4px)}.step-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.step-description{color:#6b7280;font-size:1rem;line-height:1.6;max-width:280px}.video-section{margin-bottom:3rem}.video-container{border-radius:20px;box-shadow:0 10px 30px #00000026;margin:0 auto;max-width:1280px;overflow:hidden;transition:all .3s ease;width:100%}.video-container:hover{box-shadow:0 15px 40px #0003;transform:translateY(-2px)}.how-it-works-video{background:#000;display:block;height:auto;width:100%}.video-placeholder{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px dashed #d1d5db;border-radius:20px;cursor:pointer;display:flex;height:340px;justify-content:center;margin:0 auto;max-width:600px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.video-placeholder:hover{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:#a855f7;box-shadow:0 8px 24px #a855f726;transform:translateY(-2px)}.video-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.play-button{transition:transform .3s ease}.video-placeholder:hover .play-button{transform:scale(1.1)}.video-text{color:#6b7280;font-size:1.125rem;font-weight:600;margin:0}.video-placeholder:hover .video-text{color:#a855f7}.cta-section{display:flex;justify-content:center}.btn-primary-large{align-items:center;background:linear-gradient(135deg,#a855f7,#a855f7);border:none;border-radius:12px;box-shadow:0 4px 12px #a855f74d;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.125rem;font-weight:600;justify-content:center;padding:1rem 2.5rem;text-decoration:none;transition:all .3s ease}.btn-primary-large:hover{background:linear-gradient(135deg,#8b5cf6,#a855f7);box-shadow:0 8px 24px #a855f766;transform:translateY(-2px)}.btn-primary-large:active{transform:translateY(0)}@media (max-width:1199px){.how-it-works{padding:5rem 0}.section-title{font-size:2.5rem}.steps-container{gap:3rem;margin-bottom:4rem}.step-description{max-width:240px}.video-placeholder{height:300px}}@media (max-width:767px){.how-it-works{padding:4rem 0}.section-title{font-size:2rem}.section-subtitle{font-size:1.125rem;margin-bottom:3rem}.steps-container{gap:3rem;grid-template-columns:1fr;margin-bottom:3rem}.step{margin:0 auto;max-width:320px}.step-description{max-width:none}.video-placeholder{height:250px;margin-bottom:2rem}.btn-primary-large{font-size:1rem;padding:.875rem 2rem}}@media (max-width:575px){.how-it-works{padding:3rem 0}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem;margin-bottom:2.5rem}.steps-container{gap:2.5rem;margin-bottom:2.5rem}.step-icon{height:64px;margin-bottom:1.5rem;width:64px}.step-icon svg{height:24px;width:24px}.step-number{font-size:.875rem;height:32px;top:-16px;width:32px}.step-title{font-size:1.25rem}.step-description{font-size:.875rem}.video-placeholder{height:200px}.play-button svg{height:40px;width:40px}.video-text{font-size:1rem}}@media (prefers-contrast:high){.step-icon,.video-placeholder{border-width:3px}}@media (prefers-reduced-motion:reduce){.btn-primary-large,.play-button,.step-icon,.video-placeholder{transition:none}.btn-primary-large:hover,.step:hover .step-icon,.video-placeholder:hover{transform:none}}.dark-mode .how-it-works{background:linear-gradient(180deg,#050505,#070707 50%,#050505)}.dark-mode .how-it-works:before{background:radial-gradient(circle at 70% 30%,#a855f71a 0,#9333ea0f 35%,#0000 70%)}.dark-mode .how-it-works:after{background:linear-gradient(180deg,#070707,#0000);content:"";height:150px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dark-mode .how-it-works-content{position:relative;z-index:2}.dark-mode .how-it-works{position:relative}.dark-mode .how-it-works:before{z-index:0}.dark-mode .how-it-works-content:after{background:linear-gradient(180deg,#0000,#050505 50%,#030303);bottom:-10rem;content:"";height:200px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:100vw;z-index:-1}.dark-mode .step-number{background:#a855f7;box-shadow:0 4px 12px #a855f780}.dark-mode .step-icon{background:#111;border-color:#2a2a2a}.dark-mode .step:hover .step-icon{background:#a855f71a;border-color:#a855f7;box-shadow:0 8px 16px #a855f74d}.dark-mode .step-icon svg{stroke:#fff}.dark-mode .step-title{color:#fff}.dark-mode .step-description{color:#e0e0e0}.dark-mode .video-placeholder{background:#111;border-color:#2a2a2a}.dark-mode .video-placeholder:hover{border-color:#a855f7;box-shadow:0 12px 24px #a855f74d}.dark-mode .play-button{background:#1e293be6;border-color:#2a2a2a}.dark-mode .play-button svg{fill:#fff}.dark-mode .video-text{color:#fff}.dark-mode .btn-primary-large{background:#a855f7;border-color:#a855f7;color:#fff}.dark-mode .btn-primary-large:hover{background:#9333ea;border-color:#9333ea;box-shadow:0 12px 24px #a855f766}.step:first-child.fade-in-up{transition-delay:.1s}.step:nth-child(2).fade-in-up{transition-delay:.2s}.step:nth-child(3).fade-in-up{transition-delay:.3s}.video-demo-container.fade-in-up{transition-delay:.4s}.before-after-slider-customizable{background:#f5f5f5;border-radius:12px;box-shadow:0 4px 20px #0000001a;cursor:col-resize;margin:0 auto;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.before-after-slider-customizable:hover{box-shadow:0 6px 30px #00000026}.before-after-slider-customizable.single-image-mode{cursor:default}.before-after-slider-customizable.single-image-mode:hover{box-shadow:0 4px 20px #0000001a}.before-after-slider-customizable.single-image-mode .slider-image:hover{transform:none}.image-container{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.after-image-container{z-index:1}.before-image-container{z-index:2}.slider-image{display:block;height:100%;object-fit:contain;pointer-events:none;transition:transform .3s ease;width:100%}.slider-image:hover{transform:scale(1.02)}.image-label{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:20px;font-size:.875rem;font-weight:600;padding:6px 12px;top:16px;transition:all .3s ease;z-index:10}.before-label{background:#a855f7e6;left:16px}.after-label{background:#22c55ee6;right:16px}.image-label:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.slider-line{background:linear-gradient(180deg,#a855f7,#ec4899);bottom:0;cursor:col-resize;position:absolute;top:0;transform:translateX(-50%);transition:width .2s ease,box-shadow .2s ease;width:3px;z-index:5}.slider-line:hover{box-shadow:0 0 20px #a855f766;width:4px}.slider-line:after,.slider-line:before{background:#fff9;content:"";left:50%;position:absolute;transform:translateX(-50%);width:1px}.slider-line:before{height:20px;top:0}.slider-line:after{bottom:0;height:20px}.slider-handle{align-items:center;background:linear-gradient(135deg,#a855f7,#ec4899);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 16px #a855f74d;cursor:col-resize;display:flex;height:48px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:48px}.slider-handle:hover{box-shadow:0 6px 24px #a855f766;transform:translate(-50%,-50%) scale(1.1)}.slider-handle:active{transform:translate(-50%,-50%) scale(.95)}.slider-handle-inner{align-items:center;color:#fff;display:flex;gap:-2px}.slider-handle-inner svg{stroke-width:3;height:16px;width:16px}.loading-placeholder{align-items:center;background:#f8faff;color:#6b7280;display:flex;flex-direction:column;font-size:.875rem;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.loading-spinner{border:3px solid #e5e7eb;height:32px;margin-bottom:12px;width:32px}@media (max-width:767px){.before-after-slider-customizable{border-radius:8px;touch-action:none}.slider-handle{height:44px;width:44px}.slider-handle-inner svg{height:14px;width:14px}.image-label{font-size:.75rem;padding:4px 8px;top:12px}.before-label{left:12px}.after-label{right:12px}}@media (max-width:480px){.slider-handle{height:40px;width:40px}.slider-handle-inner svg{height:12px;width:12px}.image-label{font-size:.7rem;padding:3px 6px;top:8px}.before-label{left:8px}.after-label{right:8px}}.before-after-slider-customizable:focus{outline:2px solid #a855f7;outline-offset:2px}@media (prefers-contrast:high){.slider-handle,.slider-line{background:#000}.slider-handle{border-color:#fff}.image-label{background:#000000e6;border:1px solid #fff}}@media (prefers-reduced-motion:reduce){.image-label,.slider-handle,.slider-image,.slider-line{transition:none}.loading-spinner{animation:none}}.before-after-slider-customizable.size-small{max-height:300px;max-width:400px}.before-after-slider-customizable.size-medium{max-height:450px;max-width:600px}.before-after-slider-customizable.size-large{max-height:600px;max-width:800px}.before-after-slider-customizable.size-full{height:100%;max-height:none;max-width:none;width:100%}.results{background:#fff;overflow-x:hidden;overflow-y:hidden;padding:6rem 0;position:relative}.results:before{background:radial-gradient(circle at 20% 30%,#a855f70a 0,#0000 50%),radial-gradient(circle at 80% 70%,#a855f708 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.results-content{margin:0 auto;max-width:1200px;padding:0 1rem;position:relative;text-align:center;z-index:1}.results-showcase{display:flex;flex-direction:column;margin-top:4rem;position:relative}.showcase-wrapper{border-radius:24px;order:0;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%}.showcase-slides{-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout style paint;display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);width:400%}.showcase-container,.showcase-slides{transform:translateZ(0);will-change:transform}.showcase-container{grid-gap:3rem;align-items:center;background:#fff;border:1px solid #fff;border-radius:24px;box-shadow:0 20px 40px #00000014;box-sizing:border-box;display:grid;flex-shrink:0;gap:3rem;grid-template-columns:1fr 1.5fr;margin:0 auto;max-width:1200px;padding:2.5rem;width:25%}.results-slider{border-radius:20px}.details-panel{padding:1rem 0;text-align:left}.result-title{color:#1f2937;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.result-description{color:#6b7280;font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.nav-arrow{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#6b7280;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:48px;z-index:2}.nav-arrow:hover{border-color:#a855f7;box-shadow:0 6px 16px #a855f726;color:#a855f7;transform:translateY(-50%) scale(1.05)}.nav-arrow:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.nav-arrow-left{left:-4rem}.nav-arrow-right{right:-4rem}.slide-indicators{display:flex;gap:.75rem;justify-content:center;margin-bottom:2rem;order:-2}.indicator{background:#d1d5db;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.indicator.active{background:#a855f7;transform:scale(1.2)}.indicator:hover{background:#9ca3af}.indicator.active:hover{background:#8b5cf6}.swipe-hint{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;border-radius:20px;color:#fff;display:none;font-size:.875rem;font-weight:500;margin:1rem auto 1.5rem;max-width:-webkit-fit-content;max-width:fit-content;order:-1;padding:.5rem 1rem;pointer-events:none;text-align:center}@media (max-width:1199px) and (min-width:768px){.results{padding:5rem 0}.results-content{padding:0 1.5rem}.showcase-wrapper{min-height:0}.showcase-slides{min-height:700px}.showcase-container{gap:1.5rem;grid-template-columns:1fr;max-height:750px;max-width:600px;padding:2rem 1.5rem 2.5rem}.details-panel{padding:0;text-align:center}.stats-grid{margin:0 auto;max-width:400px}.result-title{font-size:1.75rem;margin-bottom:.75rem}.result-description{font-size:1rem;margin-bottom:1.5rem}.nav-arrow{display:none}.swipe-hint{display:block}}@media (max-width:767px){.results{padding:4rem 0}.results-content{padding:0 1rem}.showcase-container{gap:1.25rem;grid-template-columns:1fr;max-width:100%;padding:1.25rem}.details-panel{padding:0;text-align:center}.result-title{font-size:1rem;margin-bottom:.5rem}.result-description{font-size:.75rem;line-height:1.5;margin-bottom:.875rem}.stats-grid{font-size:.75rem;gap:.75rem;margin:0 auto;max-width:280px}.nav-arrow{display:none}.swipe-hint{display:block}}@media (max-width:575px){.results{font-size:.875rem;margin-bottom:1.5rem;padding:3rem 0;.result-title{font-size:1.1rem;margin-bottom:.65rem}.result-description{font-size:.8rem;margin-bottom:1.2rem}.stats-grid{gap:.65rem;grid-template-columns:1fr 1fr;max-width:100%}}.stats-grid{gap:.75rem;grid-template-columns:1fr 1fr;max-width:100%}.nav-arrow{height:36px;width:36px}.nav-arrow svg{height:18px;width:18px}.slide-indicators{margin-bottom:1.5rem}.indicator{height:10px;width:10px}}@media (max-width:380px){.results{padding:2rem 0}.results-content{padding:0 .5rem}.showcase-container{gap:1rem;padding:1rem}.result-title{font-size:1.1rem;margin-bottom:.5rem}.result-description{font-size:.8rem;line-height:1.4;margin-bottom:.75rem}.nav-arrow{height:32px;width:32px}}@media (prefers-contrast:high){.showcase-container{border-color:#1f2937;border-width:2px}.nav-arrow{border-width:3px}}@media (prefers-reduced-motion:reduce){.showcase-slides{transition:transform .2s ease}.indicator,.nav-arrow{transition:none}.indicator.active,.nav-arrow:hover{transform:none}}.indicator:focus,.nav-arrow:focus{outline:2px solid #a855f7;outline-offset:2px}.dark-mode .results{background:linear-gradient(180deg,#050505,#030303 50%,#050505);position:relative}.dark-mode .results:before{background:radial-gradient(circle at 40% 60%,#a855f717 0,#7c3aed0d 40%,#0000 75%);z-index:0}.dark-mode .results:after{background:linear-gradient(180deg,#030303,#040404 40%,#050505 70%,#0000);content:"";height:250px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dark-mode .results-content{position:relative;z-index:2}.dark-mode .results .results-content:after{background:linear-gradient(180deg,#0000,#050505 50%,#040404);bottom:-10rem;content:"";height:200px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:100vw;z-index:-1}.dark-mode .results-title{color:#fff}.dark-mode .results-subtitle{color:#b0b0b0}.dark-mode .showcase-container{background:#111;border-color:#2a2a2a;box-shadow:0 20px 40px #0006}.dark-mode .result-title{color:#fff}.dark-mode .result-description{color:#e0e0e0}.dark-mode .result-stats{border-top-color:#2a2a2a}.dark-mode .nav-arrow{background:#1e293bf2;border-color:#2a2a2a;color:#fff}.dark-mode .nav-arrow:hover:not(:disabled){background:#2a2a2a;border-color:#a855f7}.dark-mode .nav-arrow:disabled{background:#1e293b80;border-color:#2a2a2a;color:grey}.dark-mode .indicator{background:#2a2a2a}.dark-mode .indicator.active{background:#a855f7}.dark-mode .swipe-hint{background:#a855f74d;color:#fff}.dark-mode .indicator:focus,.dark-mode .nav-arrow:focus{outline-color:#c084fc}.results .section-subtitle.fade-in-up{transition-delay:.1s}.results-showcase.fade-in-up{transition-delay:.2s}.reviews{background:#fff;padding:6rem 0;position:relative}.reviews:before{background:radial-gradient(circle at 30% 20%,#a855f708 0,#0000 50%),radial-gradient(circle at 70% 80%,#a855f705 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.reviews-content{margin:0 auto;max-width:1200px;position:relative;text-align:center;z-index:1}.reviews-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:4rem 0}.review-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 30px #00000014;padding:2rem;text-align:left;transition:all .3s ease}.review-card:hover{border-color:#a855f7;box-shadow:0 20px 40px #a855f726;transform:translateY(-8px)}.review-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.reviewer-image{border:3px solid #e2e8f0;border-radius:50%;height:60px;object-fit:cover;width:60px}.reviewer-info{flex:1 1}.reviewer-name{color:#1f2937;font-size:1.125rem;font-weight:700;margin:0 0 .25rem}.reviewer-role{color:#a855f7;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.reviewer-location{color:#6b7280;font-size:.75rem;margin:0}.review-rating{display:flex;gap:.25rem;margin-bottom:1rem}.star{transition:transform .2s ease}.star:hover{transform:scale(1.1)}.review-text{color:#374151;font-size:1rem;font-style:italic;line-height:1.6;margin:0;position:relative}.trust-indicators{grid-gap:2rem;border-top:1px solid #e2e8f0;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:4rem;padding-top:3rem}.trust-item{text-align:center}.trust-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#a855f7);-webkit-background-clip:text;background-clip:text;color:#a855f7;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.trust-label{color:#6b7280;font-size:1rem;font-weight:500}@media (max-width:1199px){.reviews{padding:5rem 0}.reviews-grid{gap:1.5rem;margin:3rem 0}.review-card{padding:1.5rem}.trust-number{font-size:2rem}}@media (max-width:767px){.reviews{padding:4rem 0}.reviews-grid{gap:1.5rem;grid-template-columns:1fr;margin:3rem 0}.review-card{margin:0 auto;max-width:500px}.trust-indicators{gap:1.5rem;grid-template-columns:1fr;margin-top:3rem;padding-top:2rem}.trust-number{font-size:1.75rem}}@media (max-width:575px){.reviews{padding:3rem 0}.review-card{border-radius:16px;padding:1.25rem}.reviewer-image{height:50px;width:50px}.reviewer-name{font-size:1rem}.reviewer-role{font-size:.8rem}.reviewer-location{font-size:.7rem}.review-text{font-size:.9rem}.trust-indicators{gap:1rem;margin-top:2rem;padding-top:1.5rem}.trust-number{font-size:1.5rem}.trust-label{font-size:.875rem}}@media (prefers-contrast:high){.review-card{border-color:#1f2937;border-width:2px}.reviewer-image{border-color:#1f2937;border-width:4px}}@media (prefers-reduced-motion:reduce){.review-card,.star{transition:none}.review-card:hover,.star:hover{transform:none}}.dark-mode .reviews{background:linear-gradient(180deg,#050505,#040404 50%,#050505);position:relative}.dark-mode .reviews:before{background:radial-gradient(circle at 60% 40%,#a855f714 0,#9333ea0a 45%,#0000 75%);z-index:0}.dark-mode .reviews:after{background:linear-gradient(180deg,#040404,#0000);content:"";height:150px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dark-mode .reviews-content{position:relative;z-index:2}.dark-mode .reviews .reviews-content:after{background:linear-gradient(180deg,#0000,#050505 50%,#060606);bottom:-10rem;content:"";height:200px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:100vw;z-index:-1}.dark-mode .review-card{background:#111;border-color:#2a2a2a;box-shadow:0 10px 30px #0000004d}.dark-mode .review-card:hover{border-color:#a855f7;box-shadow:0 20px 40px #a855f74d}.dark-mode .reviewer-image{border-color:#2a2a2a}.dark-mode .reviewer-name{color:#fff}.dark-mode .reviewer-role{color:#a855f7}.dark-mode .reviewer-location{color:grey}.dark-mode .review-text{color:#e0e0e0}.dark-mode .trust-indicators{border-top-color:#2a2a2a}.dark-mode .trust-number{color:#fff}.dark-mode .trust-label{color:#b0b0b0}.reviews .section-subtitle.fade-in-up{transition-delay:.1s}.review-card:first-child.fade-in-up{transition-delay:.2s}.review-card:nth-child(2).fade-in-up{transition-delay:.3s}.review-card:nth-child(3).fade-in-up{transition-delay:.4s}.leave-review-section{border-top:1px solid #e2e8f0;margin-top:4rem;padding-top:3rem}.leave-review-cta{animation:fadeIn .5s ease-out;margin:0 auto;max-width:600px;text-align:center}.leave-review-cta h3{color:#1f2937;font-size:1.875rem;font-weight:700;margin-bottom:1rem}.leave-review-cta p{color:#6b7280;font-size:1.125rem;margin-bottom:2rem}.btn-leave-review{align-items:center;background:linear-gradient(135deg,#a855f7,#9333ea);border:none;border-radius:12px;box-shadow:0 4px 15px #a855f74d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.75rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-leave-review:before{background:linear-gradient(135deg,#fff3,#0000);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.btn-leave-review:hover{box-shadow:0 8px 25px #a855f766;transform:translateY(-2px)}.btn-leave-review:hover:before{opacity:1}.btn-leave-review:active{transform:translateY(0)}.btn-leave-review svg{stroke-width:2.5;transition:transform .3s ease}.btn-leave-review:hover svg{transform:rotate(-5deg) scale(1.1)}.review-form-container{animation:slideInUp .4s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 40px #0000001a;margin:0 auto;max-width:600px;padding:2.5rem;transform-origin:top center}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.review-form-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.review-form-header h3{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0}.btn-close-form{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-close-form:hover{background:#f3f4f6;color:#1f2937;transform:rotate(90deg)}.btn-close-form:active{transform:rotate(90deg) scale(.9)}.review-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1.5rem;gap:1.5rem}.form-group label{font-weight:600}.form-label-left{display:block;margin-bottom:.75rem;text-align:left}.form-group input,.form-group textarea{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;color:#1f2937;font-family:inherit;font-size:1rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#a855f7;box-shadow:0 0 0 4px #a855f71a;outline:none;transform:translateY(-1px)}.form-group input:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.6}.form-group textarea{line-height:1.6;min-height:140px;resize:vertical}.rating-input{align-items:center;display:flex;gap:.5rem;padding:.5rem 0}.rating-input .star.interactive{cursor:pointer;filter:drop-shadow(0 2px 4px rgba(168,85,247,.2));transition:all .2s cubic-bezier(.4,0,.2,1)}.rating-input .star.interactive:hover{filter:drop-shadow(0 4px 8px rgba(168,85,247,.4));transform:scale(1.25) rotate(-5deg)}.rating-input .star.interactive:active{transform:scale(1.1)}.character-count{color:#9ca3af;font-size:.75rem;text-align:right}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.btn-secondary{background:#f3f4f6;border:2px solid #e5e7eb;color:#6b7280;font-weight:600;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:#e5e7eb;border-color:#d1d5db;color:#374151;transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#a855f7,#9333ea);gap:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #a855f766;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.submit-success{padding:3rem 2rem;text-align:center}.submit-success svg{animation:scaleIn .5s ease;margin-bottom:1.5rem}.submit-success h4{color:#10b981;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.submit-success p{color:#6b7280;font-size:1rem;margin:0}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.submit-error{align-items:center;animation:slideInDown .3s ease-out;background:#fee2e2;border:2px solid #fca5a5;border-radius:12px;color:#dc2626;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:1rem 1.25rem}.submit-error svg{stroke:#dc2626;flex-shrink:0}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dark-mode .leave-review-section{border-top-color:#2a2a2a}.dark-mode .leave-review-cta h3{color:#fff}.dark-mode .leave-review-cta p{color:#b0b0b0}.dark-mode .review-form-container{background:#111;border-color:#2a2a2a;box-shadow:0 10px 40px #00000080}.dark-mode .review-form-header{border-bottom-color:#2a2a2a}.dark-mode .review-form-header h3{color:#fff}.dark-mode .btn-close-form{color:#b0b0b0}.dark-mode .btn-close-form:hover{background:#1f1f1f;color:#fff}.dark-mode .form-group label,.dark-mode .form-label-left{color:#e0e0e0}.dark-mode .form-group input,.dark-mode .form-group textarea{background:#1f1f1f;border-color:#333;color:#fff}.dark-mode .form-group input:focus,.dark-mode .form-group textarea:focus{background:#111;border-color:#a855f7;box-shadow:0 0 0 4px #a855f726}.dark-mode .character-count{color:#6b7280}.dark-mode .btn-secondary{background:#1f1f1f;color:#b0b0b0}.dark-mode .btn-secondary:hover{background:#2a2a2a;color:#fff}.dark-mode .submit-success h4{color:#10b981}.dark-mode .submit-success p{color:#b0b0b0}.dark-mode .submit-error{background:#dc262626;border-color:#dc262680;color:#fca5a5}.dark-mode .submit-error svg{stroke:#fca5a5}@media (max-width:767px){.leave-review-section{margin-top:3rem;padding-top:2rem}.leave-review-cta h3{font-size:1.5rem}.leave-review-cta p{font-size:1rem}.btn-leave-review{font-size:1rem;padding:.875rem 1.5rem}.review-form-container{padding:2rem 1.5rem}.review-form-header h3{font-size:1.5rem}.form-row{gap:1.5rem;grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{justify-content:center;width:100%}}@media (max-width:575px){.review-form-container{border-radius:16px;padding:1.5rem 1rem}.review-form-header{margin-bottom:1.5rem;padding-bottom:1rem}.leave-review-cta h3,.review-form-header h3{font-size:1.25rem}.leave-review-cta p{font-size:.9rem}}@keyframes upgrade-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes upgrade-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes upgrade-scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes upgrade-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes upgrade-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes upgrade-scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.upgrade-modal-overlay{align-items:center;animation:upgrade-fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.upgrade-modal-overlay.closing{animation:upgrade-fadeOut .2s ease-out forwards}.upgrade-modal-content{animation:upgrade-scaleIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.upgrade-modal-content.closing{animation:upgrade-scaleOut .2s ease-out forwards}.upgrade-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:2rem}.upgrade-modal-header h2{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0}.upgrade-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.75rem;height:2.5rem;justify-content:center;padding:.5rem;transition:all .2s ease;width:2.5rem}.upgrade-modal-close:hover{background:#a855f71a;color:#a855f7}.upgrade-modal-close:focus{box-shadow:0 0 0 2px #a855f733;outline:none}.upgrade-modal .upgrade-modal-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1.5rem 2rem}.upgrade-modal .upgrade-modal-header h2{color:#1a202c;font-size:1.75rem;font-weight:700;margin:0}.upgrade-modal-body{flex:1 1 auto;min-height:600px;overflow-y:auto}.upgrade-confirmation-body{flex:1 1 auto;overflow-y:auto;padding:2rem}.upgrade-content-loaded{align-items:center;animation:upgrade-fadeIn .3s ease-out;display:flex;flex-direction:column;width:100%}.upgrade-content-loaded .upgrade-subtitle{animation:upgrade-slideUp .4s ease-out .05s backwards}.upgrade-content-loaded .billing-toggle-upgrade,.upgrade-content-loaded .upgrade-no-upgrades{animation:upgrade-slideUp .4s ease-out .1s backwards}.upgrade-modal-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:550px;padding:3rem 2rem}.upgrade-modal-loading .upgrade-spinner{animation:upgrade-spin 1s linear infinite}.upgrade-loading-text{color:#718096;font-size:1rem;font-weight:500;margin-top:1.5rem}.upgrade-confirmation-modal{max-width:800px!important}.upgrade-confirmation-warning{animation:upgrade-slideUp .3s ease-out;max-width:none;padding:2rem 3rem;text-align:center;width:100%}.upgrade-confirmation-warning .upgrade-warning-icon{animation:upgrade-scaleIn .5s ease-out;font-size:3rem;margin-bottom:1rem}.upgrade-confirmation-warning h3{color:#1a202c;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.upgrade-confirmation-warning p{color:#4a5568;font-size:1rem;line-height:1.6;margin-bottom:1rem}.upgrade-confirmation-warning ul{color:#4a5568;list-style-position:inside;margin:1.5rem auto;max-width:400px;text-align:left}.upgrade-confirmation-warning li{line-height:1.5;margin-bottom:.75rem}.upgrade-confirmation-warning .upgrade-confirmation-question{color:#1a202c;font-weight:600;margin-bottom:0;margin-top:1.5rem}.upgrade-confirmation-actions{align-items:center;animation:upgrade-slideUp .4s ease-out .1s backwards;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end!important;padding:1.5rem}.upgrade-confirmation-actions button{border-radius:8px;cursor:pointer;flex:0 0 auto;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.upgrade-confirmation-actions .upgrade-btn-secondary{background:#f7fafc;border:1px solid #e2e8f0;color:#4a5568}.upgrade-confirmation-actions .upgrade-btn-secondary:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.upgrade-confirmation-actions .upgrade-btn-primary{background:linear-gradient(135deg,#a855f7,#9333ea);border:none;color:#fff}.upgrade-confirmation-actions .upgrade-btn-primary:hover{background:linear-gradient(135deg,#9333ea,#7c3aed);box-shadow:0 6px 16px #a855f766;transform:translateY(-2px)}.billing-toggle-upgrade .upgrade-billing-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#718096;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.billing-toggle-upgrade .upgrade-billing-btn:hover:not(.active){background:#a855f70d;color:#a855f7}.billing-toggle-upgrade .upgrade-billing-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#1a202c;transform:scale(1.02)}.billing-toggle-upgrade .upgrade-billing-btn.disabled,.billing-toggle-upgrade .upgrade-billing-btn:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.billing-toggle-upgrade .upgrade-save-badge{background:#a855f7;border-radius:6px;color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;text-transform:uppercase}.upgrade-plans-grid{grid-template-columns:1fr;width:100%}@media (min-width:769px) and (max-width:1199px){.upgrade-plans-grid{gap:20px;grid-template-columns:repeat(2,1fr);justify-content:center;margin-left:auto;margin-right:auto;max-width:1000px}.upgrade-plans-grid:has(>:first-child:last-child){grid-template-columns:minmax(300px,480px);justify-content:center}.upgrade-plans-grid:has(>:first-child:last-child) .upgrade-plan-card{max-width:480px}}@media (min-width:1200px){.upgrade-plans-grid{grid-template-columns:repeat(3,1fr)!important;justify-content:center;margin-left:auto;margin-right:auto;max-width:1400px}.upgrade-plans-grid:has(>:first-child:last-child){grid-template-columns:minmax(380px,480px)!important;justify-content:center}.upgrade-plans-grid:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(380px,480px))!important;justify-content:center}}.upgrade-plan-card{animation:upgrade-slideUp .4s ease-out backwards;transition:border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.upgrade-plan-card:first-child{animation-delay:.15s}.upgrade-plan-card:nth-child(2){animation-delay:.25s}.upgrade-plan-card:nth-child(3){animation-delay:.35s}.upgrade-plan-card:hover{border-color:#a855f7!important;box-shadow:0 12px 32px #a855f740}.upgrade-content-loaded.visible .upgrade-plan-card:hover{border-color:#a855f7;box-shadow:0 12px 32px #a855f740;transform:translateY(-4px)}.upgrade-most-popular-badge{background:linear-gradient(135deg,#a855f7,#9333ea);border-radius:20px;box-shadow:0 4px 12px #a855f766;color:#fff;font-size:.75rem;font-weight:700;left:50%;letter-spacing:.05em;padding:6px 18px;position:absolute;text-transform:uppercase;top:-14px;transform:translateX(-50%)}.upgrade-plan-header{margin-bottom:2rem;text-align:center}.upgrade-plan-card .upgrade-plan-name{color:#1a202c;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .75rem}.upgrade-plan-card .upgrade-plan-description{color:#718096;font-size:1.1rem;line-height:1.5;margin:0!important}.upgrade-plan-pricing{margin-bottom:2rem;text-align:center}.upgrade-price-display{align-items:baseline;display:flex;justify-content:center;margin-bottom:1rem}.upgrade-currency{align-self:flex-start;color:#1a202c;font-size:1.75rem;font-weight:700;margin-right:4px;margin-top:8px}.upgrade-price{color:#1a202c;font-size:4rem;font-weight:800;letter-spacing:-.03em;line-height:1}.upgrade-period{color:#718096;font-size:1.125rem;font-weight:500;margin-left:6px}.upgrade-yearly-info{font-size:.875rem;line-height:1.6;text-align:center}.upgrade-original-price{color:#a0aec0;font-size:.875rem;margin-bottom:2px;text-decoration:line-through}.upgrade-savings{color:#a855f7;font-size:.9375rem;font-weight:700;margin-bottom:2px}.upgrade-billing-note{color:#718096;font-size:.8125rem;margin-top:4px}.upgrade-team-selector{background:linear-gradient(135deg,#a855f71a,#a855f726);border:2px solid #a855f74d;border-radius:16px;margin-bottom:2rem;padding:1.25rem}.upgrade-team-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.upgrade-team-size{align-items:center;color:#a855f7;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem}.upgrade-artist-controls{align-items:center;display:flex;gap:.625rem}.upgrade-control-btn{align-items:center;background:#fff;border:2px solid #a855f7;border-radius:8px;box-shadow:0 2px 4px #a855f71a;color:#a855f7;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:36px;justify-content:center;transition:all .2s ease;width:36px}.upgrade-control-btn:hover:not(:disabled){background:#a855f7;box-shadow:0 4px 8px #a855f733;color:#fff;transform:translateY(-1px)}.upgrade-control-btn:active:not(:disabled){transform:translateY(0)}.upgrade-control-btn:disabled{border-color:#cbd5e0;box-shadow:none;color:#cbd5e0;cursor:not-allowed;opacity:.3}.upgrade-team-breakdown{background:#fff;border-radius:8px;color:#b0b0b0;font-size:.875rem;font-weight:500;padding:.5rem;text-align:center}.upgrade-plan-features{flex:1 1;margin-bottom:2rem}.upgrade-feature-item{align-items:flex-start;display:flex;padding:.225rem 0}.upgrade-feature-item:last-child{border-bottom:none}.upgrade-feature-item.enabled{color:#1a202c}.upgrade-feature-item.disabled{color:#a0aec0}.upgrade-check-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-right:.75rem;margin-top:2px;padding:2px;width:20px}.upgrade-feature-item.enabled .upgrade-check-icon{background:#f3e8ff;color:#a855f7}.upgrade-feature-item.disabled .upgrade-check-icon{background:#f7fafc;color:#e2e8f0}.upgrade-check-icon svg{height:12px;width:12px}.upgrade-feature-item span{flex:1 1;font-size:.9375rem;line-height:1.5}.upgrade-plan-button{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.01em;margin-top:auto;padding:1.125rem 2rem;text-transform:capitalize;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.upgrade-plan-button.primary{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 4px 14px #a855f766;color:#fff}.upgrade-plan-button.primary:hover{background:linear-gradient(135deg,#9333ea,#7c3aed);box-shadow:0 8px 20px #a855f780;transform:translateY(-3px)}.upgrade-plan-button.secondary{background:#fff;border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000000a;color:#1a202c}.upgrade-plan-button.secondary:hover{background:#f8faff;border-color:#a855f7;box-shadow:0 8px 20px #a855f726;color:#a855f7;transform:translateY(-3px)}.upgrade-no-upgrades{margin:0 auto;max-width:800px;padding:4rem 2rem;text-align:center}.upgrade-no-upgrades p:first-child{color:#1a202c;font-size:2rem;font-weight:700;margin-bottom:1rem}.upgrade-no-upgrades-subtitle{color:#718096;font-size:1.125rem;line-height:1.6}@media (min-width:769px) and (max-width:1199px){.upgrade-modal{max-height:95vh!important;max-width:80vw!important}.upgrade-modal .upgrade-modal-header{box-sizing:border-box;padding:1.5rem 2rem!important;width:100%}.upgrade-modal .upgrade-modal-header h2{font-size:1.5rem!important}.upgrade-modal-body{box-sizing:border-box;min-height:auto!important;padding:2rem 1.5rem!important;width:100%}.upgrade-content-loaded{width:100%}.upgrade-subtitle{font-size:1rem!important;line-height:1.5!important;margin-bottom:2rem!important;width:100%}.billing-toggle-upgrade{margin-bottom:2rem!important;max-width:100%;width:100%}.billing-toggle-upgrade .upgrade-billing-btn{font-size:.95rem!important;padding:10px 20px!important}.billing-toggle-upgrade .upgrade-save-badge{font-size:.7rem!important;padding:3px 8px!important}.upgrade-plans-grid{gap:1.25rem!important;margin:0 auto!important;max-width:100%!important;width:100%}.upgrade-plan-card{border-radius:14px!important;box-sizing:border-box;margin:0 auto!important;max-width:none!important;padding:1.75rem 1.5rem!important;width:100%}.upgrade-most-popular-badge{font-size:.7rem;padding:5px 12px;top:-12px}.upgrade-plan-header{margin-bottom:1.25rem!important}.upgrade-plan-card .upgrade-plan-name{font-size:1.5rem!important;margin-bottom:.5rem!important}.upgrade-plan-card .upgrade-plan-description{font-size:.95rem!important;line-height:1.4!important}.upgrade-plan-pricing{margin-bottom:1.25rem!important}.upgrade-price-display{margin-bottom:.75rem!important}.upgrade-price{font-size:3rem!important}.upgrade-currency{font-size:1.5rem!important;margin-top:6px!important}.upgrade-period{font-size:1rem!important}.upgrade-yearly-info{font-size:.85rem;line-height:1.4}.upgrade-billing-note,.upgrade-original-price,.upgrade-savings{font-size:.85rem}.upgrade-team-selector{box-sizing:border-box;margin-bottom:1.25rem;padding:1rem;width:100%}.upgrade-team-size{font-size:1rem}.upgrade-control-btn{font-size:1.1rem;height:32px;width:32px}.upgrade-team-breakdown{box-sizing:border-box;font-size:.85rem;padding:.5rem;width:100%}.upgrade-plan-features{margin-bottom:1.25rem;width:100%}.upgrade-feature-item{padding:.25rem 0!important;width:100%}.upgrade-feature-item span{font-size:.9rem!important;line-height:1.4!important}.upgrade-check-icon{height:18px!important;margin-right:.65rem!important;width:18px!important}.upgrade-check-icon svg{height:11px!important;width:11px!important}.upgrade-plan-button{font-size:.95rem!important;padding:.9rem 1.5rem!important;width:100%}.upgrade-no-upgrades{width:100%}}@media (max-width:768px){.upgrade-modal{max-width:95%}.upgrade-modal-body{padding:2rem 1.5rem}.upgrade-plans-grid{gap:1.5rem}.upgrade-plans-grid,.upgrade-plans-grid.single-plan{grid-template-columns:1fr}.upgrade-confirmation-actions{align-items:stretch!important;flex-direction:column!important;gap:.75rem!important;justify-content:stretch!important;padding:1rem!important}.upgrade-confirmation-actions button{flex:1 1 100%!important;font-size:.9375rem!important;padding:.875rem 1rem!important;width:100%!important}}@media (max-width:575px){.upgrade-modal-content{border-radius:12px;margin:.5rem}.upgrade-modal .upgrade-modal-header{padding:1.25rem 1.5rem}.upgrade-modal .upgrade-modal-header h2{font-size:1.5rem}.upgrade-modal-body{min-height:500px;padding:1.5rem 1rem}.upgrade-subtitle{font-size:.9375rem;margin-bottom:2.5rem}.billing-toggle-upgrade{max-width:100%;width:100%}.billing-toggle-upgrade .upgrade-billing-btn{font-size:.9375rem;padding:10px 16px}.upgrade-plans-grid{gap:1.25rem;grid-template-columns:1fr}.upgrade-plan-card{padding:1.75rem 1.5rem}.upgrade-plan-name{font-size:1.5rem}.upgrade-price{font-size:3rem}.upgrade-currency{font-size:1.5rem;margin-top:6px}.upgrade-no-upgrades{padding:2.5rem 1.5rem}.upgrade-no-upgrades p:first-child{font-size:1.5rem}.upgrade-no-upgrades-subtitle{font-size:1rem}}@media (max-width:360px){.upgrade-modal-overlay{padding:.5rem}.upgrade-modal-content{border-radius:8px;margin:.25rem;max-height:95vh}.upgrade-modal-header{padding:1rem}.upgrade-modal-header h2{font-size:1.25rem}.upgrade-modal-close{font-size:1.5rem;height:2rem;width:2rem}.upgrade-confirmation-modal{max-width:100%!important}.upgrade-confirmation-warning{padding:1rem}.upgrade-confirmation-warning .upgrade-warning-icon{font-size:2.5rem;margin-bottom:.75rem}.upgrade-confirmation-warning h3{font-size:1.125rem;margin-bottom:.75rem}.upgrade-confirmation-warning p{font-size:.875rem;line-height:1.5;margin-bottom:.75rem}.upgrade-confirmation-warning ul{font-size:.875rem;margin:1rem auto;max-width:100%;padding-left:1rem}.upgrade-confirmation-warning li{line-height:1.4;margin-bottom:.5rem}.upgrade-confirmation-warning .upgrade-confirmation-question{font-size:.9375rem;margin-top:1rem}.upgrade-confirmation-actions{align-items:stretch!important;flex-direction:column!important;gap:.75rem;justify-content:stretch!important;padding:1rem}.upgrade-confirmation-actions button{flex:1 1 100%!important;font-size:.9375rem;padding:.875rem 1rem!important;width:100%!important}.upgrade-modal-body{min-height:450px;padding:1.25rem .75rem}.upgrade-subtitle{font-size:.875rem;margin-bottom:2rem;padding:0 .5rem}.billing-toggle-upgrade{margin-bottom:1.5rem}.billing-toggle-upgrade .upgrade-billing-btn{font-size:.875rem;padding:8px 12px}.billing-toggle-upgrade .upgrade-save-badge{font-size:.625rem;padding:2px 6px}.upgrade-plan-card{padding:1.5rem 1rem}.upgrade-plan-name{font-size:1.25rem}.upgrade-plan-description{font-size:.8125rem}.upgrade-price{font-size:2.5rem}.upgrade-currency{font-size:1.25rem;margin-top:4px}.upgrade-period{font-size:.875rem}.upgrade-yearly-info{font-size:.8125rem}.upgrade-team-selector{padding:.75rem}.upgrade-team-size{font-size:.9375rem}.upgrade-control-btn{font-size:1rem;height:28px;width:28px}.upgrade-plan-features,.upgrade-team-breakdown{font-size:.8125rem}.upgrade-feature-item .upgrade-check-icon{height:16px;width:16px}.upgrade-plan-button{font-size:.9375rem;padding:.875rem 1.5rem}.upgrade-most-popular-badge{font-size:.6875rem;padding:4px 10px}.upgrade-modal-loading{min-height:400px;padding:2rem 1rem}.upgrade-modal-loading .upgrade-spinner{height:40px;width:40px}.upgrade-loading-text{font-size:.875rem;margin-top:1rem}.upgrade-no-upgrades{padding:2rem 1rem}.upgrade-no-upgrades p:first-child{font-size:1.25rem}.upgrade-no-upgrades-subtitle{font-size:.875rem}}.dark-mode .upgrade-modal.upgrade-modal-content{background:#0a0a0a}.dark-mode .upgrade-modal .upgrade-modal-header{background:#0a0a0a;border-bottom-color:#1f1f1f}.dark-mode .upgrade-modal .upgrade-modal-header h2{color:#fff}.dark-mode .upgrade-loading-text{color:#a0a0a0}.dark-mode .upgrade-confirmation-modal{background:#0a0a0a}.dark-mode .upgrade-confirmation-modal .upgrade-modal-header{background:#0a0a0a;border-bottom-color:#1f1f1f}.dark-mode .upgrade-confirmation-modal .upgrade-modal-header h2,.dark-mode .upgrade-confirmation-warning h3{color:#fff}.dark-mode .upgrade-confirmation-warning li,.dark-mode .upgrade-confirmation-warning p{color:#a0a0a0}.dark-mode .upgrade-confirmation-warning .upgrade-confirmation-question{color:#fff}.dark-mode .upgrade-confirmation-actions{border-top-color:#1f1f1f}.dark-mode .upgrade-confirmation-actions .upgrade-btn-secondary{background:#1a1a1a;border-color:#2a2a2a;color:#a0a0a0}.dark-mode .upgrade-confirmation-actions .upgrade-btn-secondary:hover{background:#2a2a2a;border-color:#3a3a3a;color:#fff}.dark-mode .billing-toggle-upgrade .upgrade-billing-btn{color:#a0a0a0}.dark-mode .billing-toggle-upgrade .upgrade-billing-btn.active{background:#2a2a2a;box-shadow:0 2px 4px #0000004d;color:#fff}.dark-mode .billing-toggle-upgrade .upgrade-billing-btn.disabled,.dark-mode .billing-toggle-upgrade .upgrade-billing-btn:disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.dark-mode .upgrade-plan-card{background:#111}.dark-mode .upgrade-plan-card:hover{border-color:#a855f7;box-shadow:0 12px 32px #a855f74d}.dark-mode .upgrade-plan-card.popular{background:linear-gradient(135deg,#1a0f28,#111);box-shadow:0 8px 25px #a855f74d}.dark-mode .upgrade-plan-card.popular:hover{box-shadow:0 12px 32px #a855f766}.dark-mode .upgrade-plan-card .upgrade-plan-name{color:#fff}.dark-mode .upgrade-plan-card .upgrade-plan-description{color:#a0a0a0}.dark-mode .upgrade-currency,.dark-mode .upgrade-price{color:#fff}.dark-mode .upgrade-period{color:#a0a0a0}.dark-mode .upgrade-original-price{color:#6b7280}.dark-mode .upgrade-billing-note{color:#a0a0a0}.dark-mode .upgrade-modal .upgrade-team-selector{background:linear-gradient(135deg,#a855f71a,#a855f726);border-color:#a855f74d}.dark-mode .upgrade-modal .upgrade-team-breakdown{background:#1a1a1a;color:#b0b0b0}.dark-mode .upgrade-modal .upgrade-control-btn{background:#1a1a1a}.dark-mode .upgrade-plan-card .upgrade-feature-item.enabled{color:#e0e0e0}.dark-mode .upgrade-plan-card .upgrade-feature-item.enabled .upgrade-check-icon{background:#a855f726;color:#a855f7}.dark-mode .upgrade-plan-card .upgrade-feature-item.disabled{color:#6b7280}.dark-mode .upgrade-plan-card .upgrade-feature-item.disabled .upgrade-check-icon{background:#1a1a1a;color:#4a5568}.dark-mode .upgrade-plan-card .upgrade-plan-button.secondary{background:#1a1a1a;border-color:#2a2a2a;color:#fff}.dark-mode .upgrade-plan-card .upgrade-plan-button.secondary:hover{background:#2a2a2a;border-color:#a855f7}.dark-mode .upgrade-no-upgrades p:first-child{color:#fff}.dark-mode .upgrade-no-upgrades-subtitle{color:#a0a0a0}.dark-mode .upgrade-modal-close{color:#b0b0b0}.dark-mode .upgrade-modal-close:hover{background:#a855f726;color:#c084fc}.downgrade-info-box{border-radius:12px;margin-bottom:1rem;padding:1rem}.downgrade-info-box-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.downgrade-info-box-header span{font-size:1.25rem}.downgrade-info-box-header strong{font-size:1rem}.downgrade-info-section{margin:2rem 0;max-width:none;padding:0 1rem;width:100%}.downgrade-info-item{margin-bottom:1.5rem;text-align:left}.downgrade-info-label{color:#a855f7;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .5rem;text-align:left;text-transform:uppercase}.downgrade-info-value{color:#1f2937;font-size:1.125rem;font-weight:600;line-height:1.5;margin:.5rem 0;text-align:left}.downgrade-info-note{color:#6b7280;font-size:.875rem;line-height:1.5;margin:.25rem 0 0;text-align:left}.downgrade-price{color:#a855f7;font-size:1.5rem;font-weight:700;margin:.5rem 0 .25rem;text-align:left}.downgrade-vat-notice{color:#9ca3af;font-size:.75rem;font-style:italic;margin:0 0 .5rem;text-align:left}.downgrade-divider{background:linear-gradient(90deg,#0000,#a855f733 20%,#a855f733 80%,#0000);height:1px;margin:1.5rem 0}.downgrade-warning-box .downgrade-warning-content{align-items:flex-start;display:flex;gap:.5rem}.downgrade-warning-box .downgrade-warning-content span{flex-shrink:0}.downgrade-warning-box .downgrade-warning-content>div{flex:1 1}.downgrade-warning-box strong{color:#f59e0b;display:block;margin-bottom:.25rem}.downgrade-warning-box p{color:#92400e;font-size:.875rem;line-height:1.5;margin:0}.dark-mode .downgrade-info-label{color:#c084fc}.dark-mode .downgrade-info-value{color:#e0e0e0}.dark-mode .downgrade-info-note{color:#a0a0a0}.dark-mode .downgrade-price{color:#c084fc}.dark-mode .downgrade-vat-notice{color:#6b7280}.dark-mode .downgrade-divider{background:linear-gradient(90deg,#0000,#a855f74d 20%,#a855f74d 80%,#0000)}@media (max-width:1199px){.upgrade-modal-content{max-height:90vh}.upgrade-modal-header{padding:.875rem 1rem}.upgrade-modal-header h2{font-size:1.15rem}.upgrade-modal-body{min-height:auto;padding:1rem .875rem}.upgrade-confirmation-warning{padding:.75rem}.upgrade-confirmation-warning h3{font-size:1.15rem;margin-bottom:.5rem}.upgrade-confirmation-warning p{font-size:.875rem;line-height:1.4;margin-bottom:.5rem}.upgrade-confirmation-actions{align-self:stretch;padding:.875rem;width:100%}.upgrade-confirmation-actions.downgrade-actions{flex-direction:column;gap:.625rem}.upgrade-confirmation-actions.downgrade-actions button{flex:1 0 auto!important;font-size:.9375rem!important;margin:0!important;max-width:100%!important;min-width:100%!important;padding:.75rem 1rem!important;width:100%!important}.upgrade-confirmation-actions.upgrade-actions{flex-direction:column;gap:.625rem}.upgrade-confirmation-actions.upgrade-actions button{flex:1 0 auto!important;font-size:.9375rem!important;margin:0!important;max-width:100%!important;min-width:100%!important;padding:.75rem 1rem!important;width:100%!important}.downgrade-info-section{margin:1.5rem 0;padding:0 .5rem}.downgrade-info-item{margin-bottom:.75rem}.downgrade-info-value{font-size:.9375rem}.downgrade-price{font-size:1.15rem}.downgrade-info-label{font-size:.75rem}.downgrade-info-note{font-size:.8125rem;line-height:1.4}.upgrade-confirmation-icon{font-size:1.25rem!important;height:45px!important;margin-bottom:.5rem!important;width:45px!important}.upgrade-confirmation-title{font-size:1.15rem!important;line-height:1.3!important;margin-bottom:.5rem!important}.upgrade-confirmation-body{padding:.875rem}}@media (max-width:768px){.upgrade-modal-content{border-radius:12px;max-height:90vh}.upgrade-modal-header{padding:1rem 1.25rem}.upgrade-modal-header h2{font-size:1.15rem}.upgrade-modal-body{min-height:auto;padding:1.25rem 1rem}.upgrade-confirmation-warning{padding:.75rem}.upgrade-confirmation-warning h3{font-size:1.15rem;margin-bottom:.5rem}.upgrade-confirmation-warning p{font-size:.875rem;margin-bottom:.625rem}.upgrade-confirmation-body{padding:1rem}.upgrade-confirmation-actions{align-self:stretch;flex-direction:column;gap:.75rem;padding:1rem;width:100%}.upgrade-confirmation-actions button{flex:1 0 auto!important;font-size:.9375rem;padding:.75rem 1rem;width:100%!important}.downgrade-info-value{font-size:.9375rem}.downgrade-price{font-size:1.15rem}.downgrade-info-label{font-size:.75rem}.downgrade-info-note{font-size:.8125rem}.downgrade-info-section{margin:1.5rem 0;padding:0 .75rem}.downgrade-info-item{margin-bottom:.875rem}.upgrade-confirmation-icon{font-size:1.25rem!important;height:45px!important;margin-bottom:.75rem!important;width:45px!important}.upgrade-confirmation-title{font-size:1.15rem!important;margin-bottom:.5rem!important}}.pricing{align-items:center;background:#fff;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:6rem 0;position:relative}.pricing-container{margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}.pricing-header{margin-bottom:4rem;text-align:center}.pricing-title{color:#1a202c;font-size:3rem;font-weight:700;line-height:1.1;margin:0 0 1rem}.pricing-subtitle{color:#718096;font-size:1.2rem;line-height:1.5;margin:0 auto 3rem;max-width:600px}.billing-toggle{background:#f7fafc;border-radius:12px;box-shadow:0 1px 3px #0000001a;gap:0;justify-content:center;margin:0 auto;padding:4px;width:-webkit-fit-content;width:fit-content}.billing-btn,.billing-toggle{align-items:center;display:flex}.billing-btn{background:#0000;border:none;border-radius:8px;color:#718096;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;position:relative;transition:all .2s ease}.billing-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#1a202c}.save-badge{background:#a855f7;border-radius:6px;color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;text-transform:uppercase}.plans-container{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:3rem}.plan-card{background:#fff;border-radius:16px;display:flex;flex-direction:column;height:100%;position:relative;transition:all .3s ease,height .4s cubic-bezier(.4,0,.2,1)}.plan-card:hover{border-color:#e0e0e0;box-shadow:0 8px 25px #0000001a}.plan-card.popular{background:linear-gradient(135deg,#faf5ff,#fff);border-color:#a855f7;box-shadow:0 8px 25px #a855f733}.plan-card.popular:hover{box-shadow:0 12px 32px #a855f740}.most-popular-badge{background:#a855f7;font-size:.875rem;font-weight:600;letter-spacing:.025em;padding:8px 20px;top:-12px}.plan-name{color:#1a202c;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.plan-description{color:#718096;font-size:1rem;margin:0}.plan-pricing{position:relative;transition:all .3s ease}.sale-badge-container{position:absolute;right:0;top:-1rem;z-index:10}.sale-badge{animation:pulse-sale 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;box-shadow:0 4px 12px #10b9814d;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}@keyframes pulse-sale{0%,to{box-shadow:0 4px 12px #10b9814d;transform:scale(1)}50%{box-shadow:0 6px 16px #10b98166;transform:scale(1.05)}}.price-with-original{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.original-price-strike{color:#a0aec0;font-size:1.5rem;font-weight:500;opacity:.7;text-decoration:line-through}.price-display{animation:priceChange .5s cubic-bezier(.4,0,.2,1);margin-bottom:.5rem}.price-per-stencil{color:#10b981;font-size:.875rem;font-weight:600;margin-bottom:1rem}.currency{font-size:1.5rem;font-weight:600;margin-right:2px;transition:all .3s ease}.price{animation:priceNumberChange .5s cubic-bezier(.4,0,.2,1);display:inline-block;font-size:3.5rem}.period{font-size:1rem;margin-left:4px;transition:all .3s ease}.yearly-info{overflow:hidden;transition:opacity .3s ease,max-height .4s cubic-bezier(.4,0,.2,1),margin .4s cubic-bezier(.4,0,.2,1)}.yearly-info.visible{margin-top:.5rem;max-height:200px;opacity:1}.yearly-info.hidden{margin-top:0;max-height:0;opacity:0;pointer-events:none}.original-price,.savings{margin-bottom:4px;transition:all .3s ease}.savings{font-weight:600}.billing-note{font-size:.875rem;transition:all .3s ease}.monthly-note{color:#718096;font-size:.875rem;overflow:hidden;transition:opacity .3s ease,max-height .4s cubic-bezier(.4,0,.2,1)}.plan-features,.team-breakdown,.team-selector{transition:all .3s ease}.feature-item{align-items:center;font-size:.95rem;gap:.75rem;margin-bottom:1rem;transition:opacity .3s ease,transform .3s ease}.feature-item:last-child{margin-bottom:0}.feature-item.enabled .check-icon{background:#f3e8ff;color:#a855f7}.feature-item.disabled .check-icon,.feature-item.enabled .check-icon{align-items:center;border-radius:50%;display:flex;height:20px;justify-content:center;padding:2px;width:20px}.feature-item.disabled .check-icon{background:#f7fafc;color:#e2e8f0}.plan-button{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;padding:1rem 1.5rem;transition:all .2s ease}.plan-button.primary{background:#a855f7}.plan-button.primary:hover{background:#9333ea;transform:translateY(-1px)}.plan-button.secondary{background:#f7fafc}.plan-button.secondary:hover{background:#edf2f7;border-color:#e0e0e0;transform:translateY(-1px)}.pricing-footer{border-top:1px solid #e2e8f0;margin-top:3rem;padding-top:2rem;text-align:center}.footer-disclaimer{color:#a0aec0;font-size:.875rem;margin:0}@media (max-width:1199px){.pricing{padding:4rem 0}.pricing-container{padding:0 1.5rem}.plans-container{gap:1.5rem;grid-template-columns:1fr;margin:3rem auto 0;max-width:500px}.plan-card.popular{order:-1}.pricing-title{font-size:2.5rem}.price{font-size:3rem}}@media (max-width:767px){.pricing{padding:3rem 0}.plans-container{gap:1.5rem;grid-template-columns:1fr;margin:3rem auto 0;max-width:400px}.plan-card.popular{order:-1}.pricing-title{font-size:2rem}.price{font-size:2.5rem}.billing-btn{font-size:.9rem;padding:10px 20px}}@media (max-width:575px){.pricing{padding:2rem 0}.pricing-container{padding:0 1rem}.plan-card{padding:1.5rem}.pricing-title{font-size:1.75rem}.pricing-subtitle{font-size:1rem}.price{font-size:2.25rem}.plan-name{font-size:1.25rem}.billing-btn{font-size:.875rem;padding:8px 16px}.most-popular-badge{font-size:.75rem;padding:6px 16px}}.dark-mode .pricing{background:linear-gradient(180deg,#050505,#060606 50%,#050505);position:relative}.dark-mode .pricing:before{background:radial-gradient(circle at 50% 50%,#a855f71a 0,#7c3aed0f 40%,#0000 70%);bottom:0;z-index:0}.dark-mode .pricing:after,.dark-mode .pricing:before{content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.dark-mode .pricing:after{background:linear-gradient(180deg,#060606,#0000);height:150px;z-index:1}.dark-mode .pricing-container{position:relative;z-index:2}.dark-mode .pricing .pricing-container:after{background:linear-gradient(180deg,#0000,#050505 50%,#040404);bottom:-10rem;content:"";height:200px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:100vw;z-index:-1}.dark-mode .pricing-title{color:#fff}.dark-mode .pricing-subtitle{color:#b0b0b0}.dark-mode .billing-toggle{background:#111;box-shadow:0 1px 3px #0000004d}.dark-mode .billing-btn{color:#b0b0b0}.dark-mode .billing-btn.active{background:#2a2a2a;box-shadow:0 2px 4px #0000004d;color:#fff}.dark-mode .save-badge{background:#a855f7;color:#fff}.dark-mode .plan-card{background:#111;box-shadow:0 4px 6px #0000004d}.dark-mode .plan-card.popular{background:linear-gradient(135deg,#1a0f28,#111);border-color:#a855f7;box-shadow:0 8px 16px #a855f74d}.dark-mode .most-popular-badge{background:#a855f7;color:#fff}.dark-mode .plan-name{color:#fff}.dark-mode .plan-description{color:#b0b0b0}.dark-mode .currency{color:#fff;font-weight:700}.dark-mode .price{color:#fff}.dark-mode .period{color:#b0b0b0}.dark-mode .price-note{color:grey}.dark-mode .team-selector{background:linear-gradient(135deg,#a855f71a,#a855f726);border-color:#a855f74d}.dark-mode .team-size{color:#a855f7}.dark-mode .control-btn{background:#1a1a1a;border-color:#a855f7;color:#a855f7}.dark-mode .control-btn:hover:not(:disabled){background:#a855f7;color:#fff}.dark-mode .control-btn:disabled{background:#1a1a1a;border-color:#2a2a2a;color:#2a2a2a}.dark-mode .team-breakdown{background:#000;color:#b0b0b0}.dark-mode .cta-button{background:#a855f7;border-color:#a855f7;color:#fff}.dark-mode .cta-button:hover{background:#9333ea;border-color:#9333ea;box-shadow:0 4px 12px #a855f766;transform:translateY(-2px)}.dark-mode .cta-button.secondary{background:#0000;border-color:#a855f7;color:#a855f7}.dark-mode .cta-button.secondary:hover{background:#a855f71a;border-color:#9333ea;color:#9333ea}.dark-mode .cta-button:disabled{background:#2a2a2a;border-color:#2a2a2a;color:grey;cursor:not-allowed}.dark-mode .cta-button:disabled:hover{box-shadow:none;transform:none}.dark-mode .features-list{border-top-color:#2a2a2a}.dark-mode .feature-item{color:#e0e0e0}.dark-mode .feature-item.enabled .check-icon{background:#a855f726;color:#a855f7}.dark-mode .feature-item.enabled{color:#e0e0e0}.dark-mode .feature-item.disabled{color:#4a5568}.dark-mode .feature-item.disabled .check-icon{background:#1a1a1a;color:#4a5568}.dark-mode .feature-check{color:#a855f7}.dark-mode .plan-button.primary{background:#a855f7;color:#fff}.dark-mode .plan-button.primary:hover{background:#9333ea}.dark-mode .plan-button.secondary{background:#1a1a1a;border-color:#2a2a2a;color:#e0e0e0}.dark-mode .plan-button.secondary:hover{background:#2a2a2a;border-color:#3a3a3a}@media (min-width:1200px){.pricing .section-subtitle.fade-in-up{transition-delay:.1s}.pricing .billing-toggle.fade-in-up{transition-delay:.2s}.plan-card:first-child.fade-in-up{transition-delay:.3s}.plan-card:nth-child(2).fade-in-up{transition-delay:.4s}.plan-card:nth-child(3).fade-in-up{transition-delay:.5s}}@media (max-width:1199px){.plan-card.fade-in-up,.pricing .billing-toggle.fade-in-up,.pricing .section-subtitle.fade-in-up{transition-delay:0s}.plan-card.fade-in-up{opacity:1;transform:translateY(0)}.plan-card.fade-in-up.animate-in{animation:quickFadeIn .3s ease-out}}@keyframes quickFadeIn{0%{opacity:.7;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.checkout-loading-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10000}.checkout-loading-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.checkout-loading-content .spinner{animation:spin .8s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:#fff;height:48px;width:48px}.checkout-loading-content p{color:#fff;font-size:1.1rem;font-weight:500;margin:0}@keyframes priceChange{0%{opacity:1;transform:translateY(0) scale(1)}25%{opacity:0;transform:translateY(-15px) scale(.95)}26%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes priceNumberChange{0%{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}30%{filter:blur(4px);opacity:0;transform:translateY(-20px) scale(.9)}31%{filter:blur(4px);opacity:0;transform:translateY(20px) scale(1.1)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}.dark-mode .checkout-loading-overlay{background:#000000e6}.faq{background-color:#f8f8f8;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:80px 0;position:relative}.faq-content{margin:0 auto;max-width:768px;text-align:center}.section-title{color:#1a1a1a;font-weight:700;line-height:1.2;margin-bottom:16px}.section-subtitle{color:#666;line-height:1.6;margin-bottom:48px}.faq-list{margin-bottom:64px;text-align:left}.faq-item{border-bottom:1px solid #e5e5e5;margin-bottom:0}.faq-question{align-items:flex-start;background:none;border:none;color:#1a1a1a;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.125rem;font-weight:600;justify-content:space-between;outline:none;padding:24px 0;transition:color .2s ease;width:100%}.faq-question,.faq-question span{word-wrap:break-word;overflow-wrap:break-word;text-align:left;white-space:normal}.faq-question span{flex:1 1}.faq-question:focus{color:#a855f7;outline:none}.faq-question.active,.faq-question:hover{color:#a855f7}.chevron{color:#666;flex-shrink:0;margin-left:16px;transition:transform .6s ease}.chevron.rotated{transform:rotate(180deg)}.faq-answer{max-height:0;opacity:0;overflow:hidden;transition:max-height .8s cubic-bezier(.4,0,.2,1),opacity .6s ease}.faq-answer.open{max-height:1000px;opacity:1}.faq-answer-content{padding-bottom:24px}.faq-answer p{color:#666;font-size:1rem;line-height:1.6;margin:0}.faq-cta{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:48px;text-align:center}.faq-cta h3{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:8px}.faq-cta p{color:#666;font-size:1rem;line-height:1.6;margin-bottom:24px}.btn-primary{border:none;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .2s ease}.btn-primary:hover{background:#6d28d9;transform:translateY(-1px)}@media (max-width:767px){.faq{padding:60px 0}.container{padding:0 20px}.section-title{font-size:2rem}.section-subtitle{font-size:1.125rem;margin-bottom:32px}.faq-question{font-size:1rem;padding:20px 0}.faq-cta{padding:32px 24px}.faq-cta h3{font-size:1.25rem}}.dark-mode .faq{background:linear-gradient(180deg,#050505,#030303 50%,#000);position:relative}.dark-mode .faq:before{background:radial-gradient(circle at 30% 70%,#a855f712 0,#9333ea08 50%,#0000 80%);bottom:0;z-index:0}.dark-mode .faq:after,.dark-mode .faq:before{content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.dark-mode .faq:after{background:linear-gradient(180deg,#030303,#020202 40%,#0000);height:250px;z-index:1}.dark-mode .faq-content{position:relative;z-index:2}.dark-mode .faq-item{border-bottom-color:#2a2a2a}.dark-mode .faq-question{color:#fff}.dark-mode .faq-question.active,.dark-mode .faq-question:focus,.dark-mode .faq-question:hover{color:#a855f7}.dark-mode .chevron{color:#b0b0b0}.dark-mode .faq-answer{color:#e0e0e0}.dark-mode .faq-cta{background:#111;box-shadow:0 4px 6px -1px #0000004d}.dark-mode .faq-cta h3{color:#fff}.dark-mode .faq-cta p{color:#b0b0b0}.dark-mode .btn-primary:hover{background:#9333ea}.faq .section-subtitle.fade-in-up{transition-delay:.1s}.faq-item:first-child.fade-in-up{transition-delay:.2s}.faq-item:nth-child(2).fade-in-up{transition-delay:.25s}.faq-item:nth-child(3).fade-in-up{transition-delay:.3s}.faq-item:nth-child(4).fade-in-up{transition-delay:.35s}.faq-item:nth-child(5).fade-in-up{transition-delay:.4s}.faq-item:nth-child(6).fade-in-up{transition-delay:.45s}.faq-item:nth-child(7).fade-in-up{transition-delay:.5s}.faq-item:nth-child(8).fade-in-up{transition-delay:.55s}.team{background:#fff;padding:6rem 0;position:relative}.team:before{background:radial-gradient(circle at 70% 30%,#a855f708 0,#0000 50%),radial-gradient(circle at 30% 70%,#a855f705 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.team-content{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;text-align:center;z-index:1}.section-title{color:#1f2937;font-size:3rem;font-weight:800;margin-bottom:1rem}.section-subtitle{color:#6b7280;font-size:1.25rem;margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:800px}.team-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:900px}.team-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 30px #00000014;padding:2.5rem 2rem;text-align:center;transition:all .3s ease}.team-card:hover{border-color:#a855f7;box-shadow:0 20px 40px #a855f726;transform:translateY(-8px)}.team-avatar-wrapper{height:150px;margin:0 auto 1.5rem;position:relative;width:150px}.team-avatar{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#a855f7,#f97316) border-box;border:4px solid #0000;border-radius:50%;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.team-card:hover .team-avatar{transform:scale(1.05)}.team-name{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.team-role{color:#a855f7;font-size:.875rem;font-weight:700;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.team-description{color:#6b7280;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.team-follow-btn{align-items:center;background:#a855f7;border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.team-follow-btn:hover{background:#9333ea;box-shadow:0 10px 25px #a855f74d;transform:translateY(-2px)}@media (max-width:1199px){.team{padding:5rem 0}.section-title{font-size:2.5rem}.team-grid{gap:2rem}}@media (max-width:767px){.team{padding:4rem 0}.section-title{font-size:2rem}.section-subtitle{font-size:1.125rem;margin-bottom:3rem}.team-grid{gap:2rem;grid-template-columns:1fr}.team-card{margin:0 auto;max-width:500px}}@media (max-width:575px){.team{padding:3rem 0}.team-content{padding:0 1rem}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}.team-card{border-radius:20px;padding:2rem 1.5rem}.team-avatar-wrapper{height:120px;width:120px}.team-name{font-size:1.5rem}.team-role{font-size:.75rem}.team-description{font-size:.9rem}}@media (prefers-contrast:high){.team-card{border-color:#1f2937;border-width:2px}}@media (prefers-reduced-motion:reduce){.team-avatar,.team-card,.team-follow-btn{transition:none}.team-avatar:hover,.team-card:hover,.team-follow-btn:hover{transform:none}}.dark-mode .team{background:linear-gradient(180deg,#050505,#040404 50%,#050505);position:relative}.dark-mode .team:before{background:radial-gradient(circle at 70% 30%,#a855f714 0,#9333ea0a 45%,#0000 75%);z-index:0}.dark-mode .team:after{background:linear-gradient(180deg,#040404,#050505 40%,#0000);content:"";height:250px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dark-mode .team-content{position:relative;z-index:2}.dark-mode .team .team-content:after{background:linear-gradient(180deg,#0000,#050505 50%,#030303);bottom:-10rem;content:"";height:200px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:100vw;z-index:-1}.dark-mode .section-subtitle{color:#b0b0b0}.dark-mode .team-card{background:#111;border-color:#2a2a2a;box-shadow:0 10px 30px #0000004d}.dark-mode .team-card:hover{border-color:#a855f7;box-shadow:0 20px 40px #a855f74d}.dark-mode .team-avatar{background:linear-gradient(#111,#111) padding-box,linear-gradient(135deg,#a855f7,#f97316) border-box}.dark-mode .team-name{color:#fff}.dark-mode .team-role{color:#a855f7}.dark-mode .team-description{color:#e0e0e0}.team .section-subtitle.fade-in-up{transition-delay:.1s}.footer{background:#1a1a1a;color:#fff;padding:80px 0 0}.footer-content{margin:0 auto;max-width:1200px;padding:0 20px}.footer-main{grid-gap:80px;display:grid;gap:80px;grid-template-columns:2fr 3fr;margin-bottom:60px}.footer-brand{max-width:400px}.brand-logo-section{align-items:center;display:flex;gap:.75rem;margin-bottom:16px}.brand-logo{border-radius:8px}.brand-name{color:#a855f7;font-family:Allura,cursive;font-size:2rem!important;font-weight:400;letter-spacing:.02em}.brand-description{color:#a3a3a3;font-size:1rem;line-height:1.6;margin-bottom:32px}.social-links{display:flex;gap:16px}.social-links .social-link,.social-links a{align-items:center;background:#2a2a2a;border:none;border-radius:12px;color:#a3a3a3;cursor:pointer;display:flex;height:44px;justify-content:center;text-decoration:none;transition:all .3s ease;width:44px}.social-links .social-link:hover,.social-links a:hover{background:#a855f7;color:#fff;transform:translateY(-2px)}.footer-links{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(4,1fr)}.footer-column h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:20px}.footer-column ul{list-style:none;margin:0;padding:0}.footer-column li{margin-bottom:12px}.footer-column .footer-link,.footer-column .footer-link-button,.footer-column a{color:#a3a3a3;font-size:.875rem;text-decoration:none;transition:color .2s ease}.footer-column .footer-link,.footer-column .footer-link-button{background:none;border:none;cursor:pointer;font-family:inherit;padding:0;text-align:left}.footer-column .footer-link-button:hover,.footer-column .footer-link:hover,.footer-column a:hover{color:#a855f7}.footer-newsletter{background:#2a2a2a;border-radius:12px;display:flex;flex-direction:column;gap:20px;margin-bottom:40px;padding:40px}.newsletter-row{align-items:center;display:flex;gap:40px;justify-content:space-between}.newsletter-content h4{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:8px}.newsletter-content p{color:#a3a3a3;font-size:.875rem;margin:0}.newsletter-form{display:flex;gap:12px;min-width:320px}.newsletter-input{background:#3a3a3a;border:1px solid #4a4a4a;border-radius:12px;color:#fff;flex:1 1;font-size:.875rem;outline:none;padding:12px 16px;transition:border-color .2s ease}.newsletter-input::placeholder{color:#666}.newsletter-input:focus{border-color:#a855f7}.newsletter-btn{background:#a855f7;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:600;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.newsletter-btn:hover:not(:disabled){background:#6d28d9;transform:translateY(-1px)}.newsletter-btn:disabled{cursor:not-allowed;opacity:.6}.subscribe-success-message{background:#22c55e26;border:1px solid #22c55e66;border-radius:12px;color:#22c55e}.subscribe-error-message,.subscribe-success-message{font-size:.9rem;font-weight:500;padding:16px 20px;text-align:center;width:100%}.subscribe-error-message{background:#ef444426;border:1px solid #ef444466;border-radius:12px;color:#ef4444}.footer-bottom{align-items:center;border-top:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:32px 0}.footer-bottom-left p{color:#666;font-size:.875rem;margin:0}.footer-badges{display:flex;gap:16px}.badge{align-items:center;background:#2a2a2a;border-radius:12px;color:#a3a3a3;display:inline-flex;font-size:.75rem;font-weight:500;gap:6px;padding:6px 12px}@media (max-width:1199px) and (min-width:768px){.footer{padding:60px 0 0}.footer-content{padding:0 24px}.footer-main{gap:50px;grid-template-columns:1fr;margin-bottom:50px}.footer-brand{max-width:100%}.footer-links{gap:32px;grid-template-columns:repeat(3,1fr)}.footer-newsletter{flex-direction:column;gap:24px;padding:36px;text-align:center}.newsletter-row{flex-direction:column;gap:24px;width:100%}.newsletter-content{width:100%}.newsletter-form{margin:0 auto;max-width:450px;min-width:100%}.footer-bottom{padding:24px 0}.footer-badges{gap:12px}}@media (max-width:767px){.footer{padding:40px 0 0}.footer-content{padding:0 1rem}.footer-main{gap:32px;grid-template-columns:1fr;margin-bottom:32px}.footer-brand{max-width:100%;order:1;text-align:center}.brand-logo-section{justify-content:center}.brand-name{font-size:2rem!important}.brand-description{font-size:.9rem;margin-bottom:24px}.social-links{justify-content:center;margin-bottom:8px}.footer-links{gap:28px;grid-template-columns:1fr;margin:0 auto;max-width:500px;order:2}.footer-column{text-align:center}.footer-column h4{font-size:.9rem;margin-bottom:12px}.footer-column li{margin-bottom:8px}.footer-column .footer-link,.footer-column .footer-link-button,.footer-column a{font-size:.8rem}.footer-newsletter{flex-direction:column;gap:20px;margin-bottom:32px;padding:24px 20px;text-align:center}.newsletter-row{flex-direction:column;gap:20px;width:100%}.newsletter-content{width:100%}.newsletter-content h4{font-size:1.1rem;margin-bottom:8px}.newsletter-content p{font-size:.8rem;margin:0}.newsletter-form{flex-direction:column;gap:12px;max-width:100%;min-width:100%;width:100%}.newsletter-btn,.newsletter-input{box-sizing:border-box;width:100%}.newsletter-btn{padding:12px 20px}.footer-bottom{flex-direction:column;gap:20px;padding:24px 0;text-align:center}.footer-badges{flex-wrap:wrap;gap:10px;justify-content:center}.badge{font-size:.7rem;padding:5px 10px}}@media (max-width:575px){.footer{padding:32px 0 0}.footer-content{padding:0 .75rem}.footer-main{gap:24px;margin-bottom:24px}.brand-logo{height:48px;width:48px}.brand-name{font-size:2rem!important}.brand-description{font-size:.85rem}.social-links .social-link,.social-links a{height:40px;width:40px}.social-links svg{height:20px;width:20px}.footer-links{gap:20px}.footer-newsletter{margin-bottom:24px;padding:20px 16px}.newsletter-content h4{font-size:1rem}.newsletter-content p{font-size:.75rem}.footer-badges{flex-direction:column;gap:8px;width:100%}.badge{text-align:center;width:100%}.footer-bottom{padding:20px 0}.footer-bottom-left p{font-size:.75rem}}@media (max-width:380px){.footer{padding:24px 0 0}.footer-content{padding:0 .5rem}.brand-name{font-size:1.2rem!important}.brand-description{font-size:.8rem}.footer-newsletter{padding:16px 12px}.newsletter-btn,.newsletter-input{font-size:.8rem;padding:10px 12px}}.dark-mode .footer{background:#1a1a1a;color:#e0e0e0}.dark-mode .brand-description{color:#b0b0b0}.dark-mode .social-links .social-link,.dark-mode .social-links a{background:#111;color:#b0b0b0}.dark-mode .social-links .social-link:hover,.dark-mode .social-links a:hover{background:#a855f7;color:#fff}.dark-mode .column-title{color:#fff}.dark-mode .footer-links a{color:#b0b0b0}.dark-mode .footer-links a:hover{color:#a855f7}.dark-mode .footer-newsletter{background:#111;border-color:#2a2a2a}.dark-mode .newsletter-title{color:#fff}.dark-mode .newsletter-description{color:#b0b0b0}.dark-mode .newsletter-input{background:#000;border-color:#2a2a2a;color:#fff}.dark-mode .newsletter-input::placeholder{color:grey}.dark-mode .newsletter-btn{background:#a855f7;color:#fff}.dark-mode .newsletter-btn:hover{background:#9333ea}.dark-mode .footer-bottom{border-top-color:#111}.dark-mode .footer-bottom-left p{color:grey}.dark-mode .footer-bottom-right a{color:#b0b0b0}.dark-mode .footer-bottom-right a:hover{color:#a855f7}.dark-mode .badge{background:#111;border-color:#2a2a2a;color:#b0b0b0}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in-up.animate-in{opacity:1;transform:translateY(0)}.footer .footer-column:first-child.fade-in-up{transition-delay:.1s}.footer .footer-column:nth-child(2).fade-in-up{transition-delay:.2s}.footer .footer-column:nth-child(3).fade-in-up{transition-delay:.3s}.footer .footer-bottom.fade-in-up{transition-delay:.4s}.profile-content-loaded{animation:slideUp .5s ease-out .1s both}.profile-content-loaded .settings-section{animation:slideUp .6s ease-out .1s both}.profile-content-loaded .avatar-upload-section{animation:slideUp .6s ease-out .2s both}.profile-content-loaded .form-grid{animation:slideUp .6s ease-out .3s both}.profile-content-loaded .security-section{animation:slideUp .6s ease-out .4s both}.profile-content-loaded .form-group:first-child{animation:slideUp .6s ease-out .5s both}.profile-content-loaded .form-group:nth-child(2){animation:slideUp .6s ease-out .6s both}.profile-content-loaded .form-group:nth-child(3){animation:slideUp .6s ease-out .7s both}.customization-content-loaded{animation:slideUp .5s ease-out .1s both}.customization-content-loaded .settings-section{animation:slideUp .6s ease-out .1s both}.customization-content-loaded .customization-card{animation:slideUp .6s ease-out both}.customization-content-loaded .customization-card:first-child{animation-delay:.2s}.customization-content-loaded .customization-card:nth-child(2){animation-delay:.3s}.customization-content-loaded .customization-card:nth-child(3){animation-delay:.4s}.customization-content-loaded .customization-card:nth-child(4){animation-delay:.5s}.plan-content-loaded{animation:slideUp .5s ease-out .1s both}.plan-content-loaded .plan-card{animation:slideUp .6s ease-out .1s both}.plan-content-loaded .usage-section{animation:slideUp .6s ease-out .2s both}.plan-content-loaded .plan-actions{animation:slideUp .6s ease-out .3s both}.plan-content-loaded .usage-stats{animation:slideUp .6s ease-out .4s both}.billing-content-loaded{animation:slideUp .5s ease-out .1s both}.billing-content-loaded .plan-card{animation:slideUp .6s ease-out .1s both}.billing-content-loaded .billing-card{animation:slideUp .6s ease-out .2s both}.billing-content-loaded .payment-methods{animation:slideUp .6s ease-out .3s both}.billing-content-loaded .billing-history{animation:slideUp .6s ease-out .4s both}.notifications-content-loaded{animation:slideUp .5s ease-out .1s both}.notifications-content-loaded .notification-item{animation:slideUp .6s ease-out both}.notifications-content-loaded .notification-item:first-child{animation-delay:.1s}.notifications-content-loaded .notification-item:nth-child(2){animation-delay:.2s}.notifications-content-loaded .notification-item:nth-child(3){animation-delay:.3s}.notifications-content-loaded .notification-item:nth-child(4){animation-delay:.4s}.studio-content-loaded{animation:slideUp .5s ease-out .1s both}.studio-content-loaded .plan-card{animation:slideUp .6s ease-out .1s both}.studio-content-loaded .studio-invitations{animation:slideUp .6s ease-out .2s both}.studio-content-loaded .studio-members{animation:slideUp .6s ease-out .3s both}.studio-content-loaded .studio-activity{animation:slideUp .6s ease-out .4s both}.settings-container{background:#f8faff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:2rem}.settings-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:1200px;padding-left:0}.settings-icon{align-items:center;background:#a855f7;border-radius:12px;color:#fff;display:flex;justify-content:center;padding:12px}.settings-title{color:#1a202c;font-size:2.5rem;font-weight:700;margin:0}.settings-subtitle{color:#718096;font-size:1.1rem;margin:0}.unsaved-changes-warning{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:.875rem 1rem}.warning-icon{align-items:center;color:#f59e0b;display:flex;flex-shrink:0;justify-content:center}.avatar-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.avatar-container{align-items:center;display:flex;gap:1.5rem;margin-bottom:1rem}.avatar-display{align-items:center;background:#f7fafc;border:3px solid #e2e8f0;border-radius:50%;display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.avatar-image{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:#a855f7;color:#fff;display:flex;font-size:1.5rem;font-weight:600;height:100%;justify-content:center;width:100%}.avatar-controls{align-items:center;display:flex;gap:.75rem}.avatar-upload-btn,.remove-avatar-btn{align-items:center;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.remove-avatar-btn{background:#f56565;border:none;border-radius:6px;color:#fff;transition:background-color .2s}.remove-avatar-btn:hover{background:#e53e3e}.avatar-info{margin-top:1rem}.avatar-help{color:#4a5568;font-size:.875rem;margin:0 0 .25rem}.avatar-formats{color:#718096;font-size:.8rem;margin:0}.settings-content{grid-gap:2rem;border-radius:12px;display:grid;gap:2rem;grid-template-columns:280px 1fr;margin:0 auto;max-width:1200px}.settings-sidebar{background:#fff;border-radius:12px;height:-webkit-fit-content;height:fit-content;padding:1.5rem}.settings-tab{align-items:center;background:none;border:none;border-radius:12px;color:grey;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;gap:.75rem;margin-bottom:.5rem;padding:.875rem 1rem;text-align:left;width:100%}.settings-tab:hover{background:#fff}.settings-tab.active{background:#a855f7;color:#fff;font-weight:500}.tab-icon{align-items:center;display:flex;justify-content:center}.tab-label{font-weight:500}.settings-main{background:#fff;border-left:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:2rem}.settings-section{background:#f8faff;border:2px solid #e2e8f0;border-radius:12px;max-width:800px;padding:2rem}.section-header{margin-bottom:2rem}.section-header h2{color:#1a202c;font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.section-header p{color:#718096;font-size:1.1rem;margin:0}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{font-size:1rem;margin-bottom:.5rem}.form-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;padding:.875rem 1rem}.form-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.form-input.email-disabled{background-color:#f5f5f5;border-color:#e5e7eb;color:#6b7280;cursor:not-allowed}.field-help-text{color:#6b7280;font-size:.875rem;font-style:italic;margin-top:.5rem}.security-section{border-top:1px solid #e2e8f0;margin-bottom:2rem;margin-top:2rem;padding-top:2rem}.security-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.security-icon{color:grey}.security-header h3{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0}.security-buttons{display:flex;flex-wrap:wrap;gap:1rem}.plan-card{background:#f8faff;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:2rem}.plan-header{gap:1rem;margin-bottom:1.5rem}.plan-header,.plan-header>div{align-items:center;display:flex}.plan-header>div{gap:.5rem}.plan-header>div h2{color:#1a202c;font-size:1.75rem;font-weight:600;margin:0}.plan-header>div p{color:#718096;font-size:.95rem;margin:0}.plan-header>p{margin:0}.plan-icon{color:grey;flex-shrink:0}.plan-subtitle{color:#718096;font-size:1rem;margin-bottom:1.5rem;margin-top:.5rem;text-align:center}.current-plan{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.plan-info h3{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.plan-price{align-items:center;color:#718096;display:flex;flex-wrap:wrap;font-size:1.1rem;gap:.5rem;margin:0}.billing-interval-badge{background:#a855f71a;border:1px solid #a855f74d;border-radius:4px;color:#a855f7;display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .5rem;text-transform:capitalize}.plan-status{border-radius:12px;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.plan-status,.plan-status.active{background:#10b981;color:#fff}.plan-status.inactive{background:#ef4444;color:#fff}.plan-secondary-text{color:#6b7280;font-size:.875rem;margin-top:.25rem}.credits-breakdown-text{color:#6b7280;font-size:.875rem;margin-top:.5rem}.usage-section{margin-bottom:2rem}.usage-section h4{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.usage-stats{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.usage-current{color:#374151;font-size:1.1rem;font-weight:600}.usage-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:.75rem;overflow:hidden;width:100%}.usage-progress{background:#a855f7;border-radius:4px;height:100%}.usage-remaining{color:#718096;font-size:.95rem;margin:0}.plan-actions{display:flex;gap:1rem}.plan-actions button{flex:1 1;min-width:0}.no-subscription-cta{background:linear-gradient(135deg,#a855f70d,#a855f705);border-radius:12px;margin-bottom:1.5rem;padding:2rem;text-align:center}.no-subscription-cta .emoji-icon{font-size:3rem;margin-bottom:1rem}.no-subscription-cta h3{color:#1a202c;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.no-subscription-cta p{color:#718096;font-size:1rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:500px}.no-subscription-cta .cta-button-wrapper{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.no-subscription-cta .cta-button-wrapper .btn-primary{font-size:1rem;font-weight:600;padding:.75rem 2rem}.no-subscription-features{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.feature-card .feature-icon{font-size:1.5rem;margin-bottom:.5rem}.feature-card h4{color:#1a202c;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.feature-card p{color:#718096;font-size:.75rem;margin:0}.usage-history{border-top:1px solid #e2e8f0;padding-top:2rem}.usage-history h3{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.usage-history p{color:#718096;margin:0 0 1.5rem}.history-item{background:#f8faff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;padding:1.25rem}.history-info,.history-item{align-items:center;display:flex}.history-info{gap:1rem}.download-icon{font-size:1.25rem}.history-info h4{color:#1a202c;font-weight:600;margin:0 0 .25rem}.history-info p{color:#718096;font-size:.95rem;margin:0}.billing-card{background:#f8faff;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:2rem}.billing-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.billing-info{align-items:flex-start;background:#f8faff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem}.billing-info>div{align-items:center;display:flex;gap:.75rem}.billing-info .billing-date-container{align-items:flex-start!important}.calendar-icon{font-size:1.25rem}.billing-info h4{color:#1a202c;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.billing-info p{color:#718096;margin:0}.billing-date-container{align-items:flex-start;display:flex;flex-direction:column;gap:.75rem;text-align:left;width:100%}.billing-date{color:#1a202c;font-size:1rem;font-weight:500;text-align:left}.subscription-warning{align-items:center;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;color:#92400e;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;width:-webkit-fit-content;width:fit-content}.subscription-warning svg{stroke:#f59e0b;flex-shrink:0}.subscription-warning span{line-height:1.2}.payment-method{margin-bottom:2rem}.payment-method h4{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.payment-method p{color:#718096}.card-info{align-items:center;background:#f8faff;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:1.5rem}.card-icon{font-size:1.5rem}.card-details{flex:1 1;margin-left:1rem}.card-number{color:#1a202c;display:block;font-weight:600;margin-bottom:.25rem}.card-expiry{color:#718096;font-size:.95rem}.billing-actions{display:flex;gap:1rem;margin-bottom:2rem}.pending-downgrade-notice{align-items:flex-start;background:#a855f71a;border:2px solid #a855f7;border-radius:12px;display:flex;gap:.75rem;margin:1.5rem 0;padding:1rem}.pending-downgrade-icon{color:#a855f7;flex-shrink:0;margin-top:2px}.pending-downgrade-content{flex:1 1}.pending-downgrade-title{color:#7c3aed;font-size:.95rem;font-weight:600;margin:0 0 .5rem}.pending-downgrade-description{color:#4a5568;font-size:.875rem;line-height:1.5;margin:0 0 .5rem}.pending-downgrade-highlight{color:#2d3748;font-weight:600}.pending-downgrade-hint{color:#718096;font-size:.8125rem;margin:0}.billing-history{border-top:1px solid #e2e8f0;padding-top:2rem}.billing-history h3{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.billing-history p{color:#718096;margin:0 0 1.5rem}.history-list{display:flex;flex-direction:column;gap:1rem}.billing-item{align-items:center;background:#f8faff;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:1.25rem}.billing-item-info h4{color:#1a202c;font-weight:600;margin:0 0 .25rem}.billing-item-info p{color:#718096;font-size:.95rem;margin:0}.billing-item-amount{text-align:right}.amount{color:#1a202c;display:block;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.status{color:#10b981;font-size:.875rem;font-weight:500}.loading-preferences{color:#718096;padding:2rem;text-align:center}.notification-groups{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.notification-item{align-items:center;background:#f8faff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1.5rem;justify-content:space-between;padding:1.5rem}.notification-info{flex:1 1;min-width:0}.notification-info h4{color:#1a202c;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.notification-info p{color:#718096;font-size:.95rem;margin:0}.notification-toggle{gap:.5rem}.notification-toggle,.toggle-switch{align-items:center;display:flex;flex-shrink:0}.toggle-switch{-webkit-tap-highlight-color:transparent;background:#0000;-webkit-user-select:none;user-select:none}.toggle-switch:focus{background:#0000;outline:none}.toggle-switch input{display:none}.slider,.toggle-slider{background:#cbd5e0;border-radius:12px;cursor:pointer;height:24px;position:relative;transition:all .2s ease;width:48px}.slider:before,.toggle-slider:before{background:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .2s ease;width:20px}.toggle-switch input:checked+.slider,.toggle-switch input:checked+.toggle-slider{background:#a855f7}.toggle-switch input:checked+.slider:before,.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-label{color:#374151;flex-shrink:0;margin-left:.5rem;min-width:70px}.btn-primary{align-items:center;background:#a855f7;border:2px solid #a855f7;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:center;padding:.875rem 1.5rem}.btn-primary:hover{background:#9333ea;border-color:#9333ea}.btn-secondary{background:#f8faff;border:2px solid #e2e8f0;border-radius:12px;color:#a855f7;cursor:pointer;font-size:1rem;font-weight:500;padding:.875rem 1.5rem}.btn-secondary:hover{background:#a855f70d;border-color:#a855f7}.btn-danger{background:#fee;border-radius:12px;color:#dc2626;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;padding:.875rem 1.5rem}.btn-danger:hover{background:#fca5a5}.btn-link{display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.save-btn{margin-top:1rem}.back-to-home{margin-top:2rem}@media (max-width:1199px) and (min-width:857px){.settings-content{display:flex;flex-direction:column;gap:1rem}.settings-sidebar{display:flex;flex-direction:column;gap:.5rem;order:1;overflow-y:visible;padding:1rem}.settings-tab{font-size:.9rem;margin-bottom:0;padding:.75rem 1rem;width:100%}.settings-main{border-left:none;border-top:1px solid #e2e8f0;order:2;padding:1.5rem}.settings-title{font-size:2rem}.settings-subtitle{font-size:1rem}.section-header h2{font-size:1.5rem}.section-header p{font-size:1rem}.settings-section{max-width:100%;width:100%}.btn-danger,.btn-link,.btn-primary,.btn-secondary{align-items:center!important;box-sizing:border-box!important;display:flex!important;height:auto!important;justify-content:center!important;min-height:48px!important;padding:.875rem 1.5rem!important}.avatar-controls button,.avatar-controls label,.avatar-upload-btn,.remove-avatar-btn,.security-buttons{display:flex!important}.security-buttons{gap:1rem}.security-buttons button{align-items:center;display:flex!important;flex:1 1;justify-content:center;min-width:calc(50% - .5rem)}.plan-actions,.plan-actions button{display:flex!important}.plan-actions button{align-items:center;box-sizing:border-box;height:48px;justify-content:center}.billing-actions{display:flex!important}.billing-actions button{align-items:center;display:flex!important;justify-content:center}.billing-grid,.form-grid{gap:1.25rem;grid-template-columns:1fr}.billing-info,.billing-item,.current-plan,.history-item,.notification-item,.plan-card{width:100%}.card-info{align-items:flex-start;flex-direction:column;gap:1rem}.card-details{margin-left:0}.billing-item{align-items:flex-start;flex-direction:column;gap:1rem}.billing-item-amount{text-align:left;width:100%}.current-plan{align-items:flex-start;flex-direction:column;gap:1rem}.plan-info h3{font-size:1.25rem}.plan-price{font-size:1rem}.notification-item{align-items:center;flex-direction:row;justify-content:space-between}.history-item{align-items:stretch;flex-direction:column;gap:1rem}.history-item .btn-secondary{display:flex!important;justify-content:center;width:100%}.notification-info{flex:1 1;margin-right:1rem}.toggle-switch{flex-shrink:0}.card-info{align-items:center;flex-direction:row;justify-content:space-between}.card-details{flex:1 1;margin-left:1rem}.save-btn,.save-btn .btn-primary{width:100%}.back-to-home{display:flex;justify-content:center;text-align:center}.back-to-home .btn-link{display:inline-flex;justify-content:center;width:auto}}@media (max-width:856px){.settings-container{padding:1rem}.settings-header{margin-bottom:1.5rem}.settings-title{font-size:1.75rem}.settings-subtitle{font-size:.95rem}.settings-content{display:flex;flex-direction:column;gap:1rem}.settings-sidebar{display:flex;flex-direction:column;gap:.5rem;order:1;overflow-y:visible;padding:1rem}.settings-tab{font-size:.9rem;margin-bottom:0;padding:.75rem 1rem;width:100%}.settings-main{border-left:none;border-top:1px solid #e2e8f0;order:2;padding:1.5rem}.section-header h2{font-size:1.5rem}.section-header p{font-size:.95rem}.settings-section{max-width:100%;width:100%}.billing-grid,.form-grid{gap:1.25rem;grid-template-columns:1fr}.security-buttons{display:flex!important;flex-direction:column}.security-buttons button{align-items:center;display:flex!important;justify-content:center;width:100%}.plan-actions{display:flex!important;flex-direction:column}.plan-actions button{align-items:center;box-sizing:border-box;display:flex!important;height:48px;justify-content:center;width:100%}.billing-actions{display:flex!important;flex-direction:column;gap:.75rem;width:100%}.billing-actions button{align-items:center!important;display:flex!important;justify-content:center!important;width:100%}.card-info{align-items:stretch;flex-direction:column;gap:1rem;width:100%}.card-details{margin-left:0;width:100%}.card-info .btn-secondary{display:flex!important;width:100%}.billing-item{align-items:flex-start;flex-direction:column;gap:1rem}.billing-item-amount{text-align:left;width:100%}.plan-header>div{align-items:flex-start;flex-direction:column;gap:.25rem}.plan-header>div h2{font-size:1.25rem}.plan-header>div p{font-size:.875rem}.current-plan{align-items:flex-start;flex-direction:column;gap:1rem}.plan-info{width:100%}.plan-info h3{font-size:1.1rem}.plan-price{font-size:.9rem}.plan-status{align-self:flex-start}.avatar-container{align-items:center;flex-direction:column;text-align:center}.avatar-controls{flex-direction:column;width:100%}.avatar-controls button,.avatar-controls label,.avatar-upload-btn{display:flex!important;width:100%}.avatar-upload-btn,.remove-avatar-btn{justify-content:center}.remove-avatar-btn{display:flex!important;width:100%}.notification-item{align-items:flex-start;flex-direction:column;gap:1rem}.toggle-switch{align-self:flex-start}.history-item{align-items:stretch;flex-direction:column;gap:1rem}.history-item .btn-secondary{display:flex!important;justify-content:center;width:100%}.save-btn,.save-btn .btn-primary{width:100%}.btn-danger,.btn-link,.btn-primary,.btn-secondary{align-items:center!important;box-sizing:border-box!important;display:flex!important;height:auto!important;justify-content:center!important;min-height:48px!important;padding:.875rem 1.5rem!important;width:100%!important}.billing-actions button,.plan-actions button,.security-buttons button{align-items:center;display:flex;gap:.5rem;justify-content:center;width:100%}.modal-footer button{align-items:center;display:flex;justify-content:center}.back-to-home{text-align:center}.billing-history{display:block!important;opacity:1!important;visibility:visible!important}.billing-history button{display:flex!important;width:100%}}@media (max-width:575px){.settings-container{padding:.75rem}.settings-header{gap:.75rem;margin-bottom:1rem}.settings-icon{padding:10px}.settings-title{font-size:1.5rem}.settings-subtitle{font-size:.875rem}.settings-main{border-left:none;border-top:1px solid #e2e8f0;padding:1rem}.section-header{margin-bottom:1.5rem}.section-header h2{font-size:1.25rem}.section-header p{font-size:.875rem}.avatar-section{padding:1rem}.avatar-display{height:60px;width:60px}.billing-info,.billing-item,.current-plan,.history-item,.notification-item,.plan-card{padding:1rem}.billing-date-container{align-items:flex-start}.subscription-warning{justify-content:flex-start;margin-top:.5rem;width:100%}.btn-danger,.btn-primary,.btn-secondary{font-size:.9rem;padding:.75rem 1.25rem}.form-input{font-size:.95rem;padding:.75rem}.security-section{margin-top:1.5rem;padding-top:1.5rem}.back-to-home{text-align:center}.btn-link{font-size:.9rem}}@media (max-width:480px){.billing-grid{gap:.75rem;grid-template-columns:1fr}.billing-info{padding:.875rem}.billing-info h4{font-size:1rem}.billing-info p{font-size:.875rem}.billing-card,.settings-section{padding:1rem}.billing-history p,.payment-method p{font-size:.85rem}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{box-shadow:0 24px 64px #0003;margin:0 auto;max-width:480px}.modal-header{border-bottom:2px solid #a855f7;padding:2rem}.modal-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;border-radius:4px;color:#6b7280;display:flex;font-size:1.75rem;height:2.5rem;justify-content:center;padding:.5rem;width:2.5rem}.modal-close:hover{background:#f3f4f6}.modal-body{padding:2rem}.upgrade-modal{background:#fff;max-height:95vh;max-width:1280px!important;width:95vw}.upgrade-modal .modal-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1.5rem 2rem}.upgrade-modal .modal-header h2{color:#1a202c;font-size:1.75rem;font-weight:700;margin:0}.upgrade-modal-body{align-items:center;background:#fff;display:flex;flex-direction:column;padding:2.5rem 2rem}.upgrade-subtitle{color:#718096;font-size:1rem;line-height:1.6;margin:0 0 2rem;max-width:700px;padding-top:0;text-align:center;width:100%}.upgrade-subtitle strong{color:#a855f7;font-weight:600}.upgrade-warning{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;color:#92400e;font-size:.95rem;line-height:1.5;margin:2rem;max-width:800px;padding:1rem 1.5rem;text-align:center;width:100%}.upgrade-warning strong{color:#92400e;font-weight:600}.confirmation-modal{max-width:600px!important}.confirmation-warning{padding:1.5rem;text-align:center}.confirmation-warning .warning-icon{font-size:3rem;margin-bottom:1rem}.confirmation-warning h3{color:#1a202c;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.confirmation-warning p{color:#4a5568;font-size:1rem;line-height:1.6;margin-bottom:1rem}.confirmation-warning ul{color:#4a5568;list-style-position:inside;margin:1.5rem auto;max-width:400px;text-align:left}.confirmation-warning li{line-height:1.5;margin-bottom:.75rem}.confirmation-warning .confirmation-question{color:#1a202c;font-weight:600;margin-bottom:0;margin-top:1.5rem}.confirmation-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:center;padding:1.5rem}.confirmation-actions button{border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.confirmation-actions .btn-secondary{background:#f7fafc;border:1px solid #e2e8f0;color:#4a5568}.confirmation-actions .btn-secondary:hover{background:#edf2f7;border-color:#cbd5e0}.confirmation-actions .btn-primary{background:linear-gradient(135deg,#a855f7,#9333ea);border:none;color:#fff}.confirmation-actions .btn-primary:hover{background:linear-gradient(135deg,#9333ea,#7c3aed);box-shadow:0 4px 12px #a855f74d;transform:translateY(-1px)}.billing-toggle-upgrade{align-items:center;background:#f7fafc;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:0;justify-content:center;margin:0 auto 3rem;padding:4px;width:-webkit-fit-content;width:fit-content}.billing-toggle-upgrade .billing-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#718096;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;position:relative;transition:all .2s ease}.billing-toggle-upgrade .billing-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#1a202c}.billing-toggle-upgrade .save-badge{background:#a855f7;border-radius:6px;color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;text-transform:uppercase}.upgrade-plans-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));margin-top:0;max-width:100%}.upgrade-plans-grid.single-plan{grid-template-columns:minmax(420px,480px);justify-content:center}.upgrade-plan-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;height:100%;padding:2.5rem;position:relative;transition:all .3s ease}.upgrade-plan-card:hover{border-color:#cbd5e0;box-shadow:0 12px 32px #0000001f;transform:translateY(-4px)}.upgrade-plan-card.popular{background:linear-gradient(135deg,#faf5ff,#fff);border-color:#a855f7;box-shadow:0 8px 25px #a855f733}.upgrade-plan-card.popular:hover{box-shadow:0 12px 32px #a855f740}.most-popular-badge{background:linear-gradient(135deg,#a855f7,#9333ea);border-radius:20px;box-shadow:0 4px 12px #a855f766;color:#fff;font-size:.75rem;font-weight:700;left:50%;letter-spacing:.05em;padding:6px 18px;position:absolute;text-transform:uppercase;top:-14px;transform:translateX(-50%)}.plan-header{margin-bottom:2rem;text-align:center}.upgrade-plan-card .plan-name{color:#1a202c;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .75rem}.upgrade-plan-card .plan-description{color:#718096;font-size:1.1rem;line-height:1.5;margin:0!important}.plan-pricing{margin-bottom:2rem;text-align:center}.price-display{justify-content:center;margin-bottom:1rem}.currency{align-self:flex-start;color:#1a202c;font-size:1.75rem;font-weight:700;margin-right:4px;margin-top:8px}.price{color:#1a202c;font-size:4rem;font-weight:800;letter-spacing:-.03em;line-height:1}.period{color:#718096;font-size:1.125rem;font-weight:500;margin-left:6px}.yearly-info{font-size:.875rem;line-height:1.6;text-align:center}.original-price{color:#a0aec0;font-size:.875rem;margin-bottom:2px;text-decoration:line-through}.savings{color:#a855f7;font-size:.9375rem;font-weight:700;margin-bottom:2px}.billing-note{color:#718096;font-size:.8125rem;margin-top:4px}.team-selector{background:linear-gradient(135deg,#a855f70d,#a855f714);border:2px solid #a855f733;border-radius:16px;margin-bottom:2rem;padding:1.25rem}.team-header{justify-content:space-between;margin-bottom:.75rem}.team-header,.team-size{align-items:center;display:flex}.team-size{color:#a855f7;font-size:1.125rem;font-weight:700;gap:.5rem}.artist-controls{gap:.625rem}.artist-controls,.control-btn{align-items:center;display:flex}.control-btn{background:#fff;border:2px solid #a855f7;border-radius:8px;box-shadow:0 2px 4px #a855f71a;color:#a855f7;cursor:pointer;font-size:1.25rem;font-weight:700;height:36px;justify-content:center;transition:all .2s ease;width:36px}.control-btn:hover:not(:disabled){background:#a855f7;box-shadow:0 4px 8px #a855f733;color:#fff;transform:translateY(-1px)}.control-btn:active:not(:disabled){transform:translateY(0)}.control-btn:disabled{border-color:#cbd5e0;box-shadow:none;color:#cbd5e0;cursor:not-allowed;opacity:.3}.team-breakdown{background:#fff;border-radius:8px;color:#6b7280;font-size:.875rem;font-weight:500;padding:.5rem;text-align:center}.plan-features{flex:1 1;margin-bottom:2rem}.feature-item{align-items:flex-start;display:flex;padding:.225rem 0}.feature-item:last-child{border-bottom:none}.feature-item.enabled{color:#1a202c}.feature-item.disabled{color:#a0aec0}.check-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;width:20px}.feature-item.enabled .check-icon{background:#10b981;color:#fff}.feature-item.disabled .check-icon{background:#e5e7eb;color:#9ca3af}.check-icon svg{height:12px;width:12px}.feature-item span{flex:1 1;font-size:.9375rem;line-height:1.5}.plan-button{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.01em;margin-top:auto;padding:1.125rem 2rem;text-transform:capitalize;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.plan-button.primary{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 4px 14px #a855f766;color:#fff}.plan-button.primary:hover{background:linear-gradient(135deg,#9333ea,#7c3aed);box-shadow:0 8px 20px #a855f780;transform:translateY(-3px)}.plan-button.secondary{background:#fff;border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000000a;color:#1a202c}.plan-button.secondary:hover{background:#f8faff;border-color:#a855f7;box-shadow:0 8px 20px #a855f726;color:#a855f7;transform:translateY(-3px)}.no-upgrades{margin:0 auto;max-width:600px;padding:4rem 2rem;text-align:center}.no-upgrades p:first-child{color:#1a202c;font-size:2rem;font-weight:700;margin-bottom:1rem}.no-upgrades-subtitle{color:#718096;font-size:1.125rem;line-height:1.6}@media (max-width:1024px){.upgrade-plans-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.upgrade-modal{max-width:95%}.upgrade-modal-body{padding:2rem 1.5rem}.upgrade-plans-grid{gap:1.5rem}.upgrade-plans-grid,.upgrade-plans-grid.single-plan{grid-template-columns:1fr}}@media (max-width:575px){.modal-content{border-radius:12px;margin:.5rem}.upgrade-modal .modal-header{padding:1.25rem 1.5rem}.upgrade-modal .modal-header h2{font-size:1.5rem}.modal-body,.modal-footer,.modal-header{padding-left:1.5rem;padding-right:1.5rem}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}.upgrade-modal-body{padding:1.5rem 1rem}.upgrade-subtitle{font-size:.9375rem;margin-bottom:2.5rem}.billing-toggle-upgrade{max-width:100%;width:100%}.billing-toggle-upgrade .billing-btn{font-size:.9375rem;padding:10px 16px}.upgrade-plans-grid{gap:1.25rem;grid-template-columns:1fr}.upgrade-plan-card{padding:1.75rem 1.5rem}.plan-name{font-size:1.5rem}.price{font-size:3rem}.currency{font-size:1.5rem;margin-top:6px}.no-upgrades{padding:2.5rem 1.5rem}.no-upgrades p:first-child{font-size:1.5rem}.no-upgrades-subtitle{font-size:1rem}}.dark-mode .settings-container{background:#000}.dark-mode .settings-sidebar{background:#111;border-color:#2a2a2a}.dark-mode .settings-main{background:#111;border-left:1px solid #2a2a2a}.dark-mode .settings-tab{color:#b0b0b0}.dark-mode .settings-tab:hover{background:#1a1a1a}.dark-mode .settings-tab.active{background:#a855f7;color:#fff}.dark-mode .settings-icon{background:#a855f7}.dark-mode .settings-title{color:#fff}.dark-mode .settings-subtitle{color:#b0b0b0}.dark-mode .unsaved-changes-warning{background:#fbbf241a;border-color:#fbbf24;color:#fbbf24}.dark-mode .warning-icon{color:#fbbf24}.dark-mode .avatar-section,.dark-mode .settings-content,.dark-mode .settings-section{background:#111;box-shadow:0 1px 3px #0000004d}.dark-mode .avatar-display{background:#000;border:none}.dark-mode .avatar-placeholder{background:#a855f7}.dark-mode .avatar-details h3{color:#fff}.dark-mode .avatar-details p,.dark-mode .avatar-help{color:#b0b0b0}.dark-mode .avatar-formats{color:#888}.dark-mode .btn-secondary{background:#2a2a2a;border-color:#2a2a2a;color:#fff}.dark-mode .btn-secondary:hover{background:#444;border-color:#444}.dark-mode .card-info .btn-secondary{background:#a855f7;border-color:#a855f7;color:#fff}.dark-mode .card-info .btn-secondary:hover{background:#9333ea;border-color:#9333ea}.dark-mode .btn-danger{background:#dc2626;color:#fff}.dark-mode .btn-danger:hover{background:#b91c1c}.dark-mode .section-header{border-bottom-color:#2a2a2a}.dark-mode .section-header h2{color:#fff}.dark-mode .section-header p{color:#b0b0b0}.dark-mode .section-title{color:#fff}.dark-mode .section-description{color:#b0b0b0}.dark-mode .security-section{border-top-color:#2a2a2a}.dark-mode .security-header h3{color:#fff}.dark-mode .security-icon{color:#a855f7}.dark-mode .form-input,.dark-mode .form-select,.dark-mode .form-textarea{background:#000;border-color:#2a2a2a;color:#fff}.dark-mode .form-input::placeholder,.dark-mode .form-textarea::placeholder{color:grey}.dark-mode .form-input:focus,.dark-mode .form-select:focus,.dark-mode .form-textarea:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}.dark-mode .form-input:disabled,.dark-mode .form-select:disabled,.dark-mode .form-textarea:disabled{background:#111;color:grey}.dark-mode .form-input.email-disabled{background-color:#1a1a1a;border-color:#2a2a2a;color:grey}.dark-mode .field-help-text{color:#a3a3a3}.dark-mode .form-hint{color:#b0b0b0}.dark-mode .char-counter{color:grey}.dark-mode .form-actions{border-top-color:#2a2a2a}.dark-mode .plan-card,.dark-mode .settings-section{background:#000;border-color:#2a2a2a}.dark-mode .plan-header h2{color:#fff}.dark-mode .plan-header p{color:#b0b0b0}.dark-mode .plan-icon{color:#a855f7}.dark-mode .plan-subtitle{color:#b0b0b0}.dark-mode .no-subscription-cta{background:linear-gradient(135deg,#a855f726,#a855f70d)}.dark-mode .no-subscription-cta h3{color:#fff}.dark-mode .no-subscription-cta p{color:#b0b0b0}.dark-mode .feature-card{background:#0a0a0a;border-color:#2a2a2a}.dark-mode .feature-card h4{color:#fff}.dark-mode .feature-card p{color:#b0b0b0}.dark-mode .calendar-icon,.dark-mode .card-icon,.dark-mode .download-icon{color:#a855f7}.dark-mode .current-plan{background:#000;border-color:#2a2a2a}.dark-mode .plan-info h3{color:#fff}.dark-mode .plan-price{color:#b0b0b0}.dark-mode .billing-interval-badge{background:#a855f733;border-color:#a855f766;color:#c084fc}.dark-mode .credits-breakdown-text,.dark-mode .plan-secondary-text{color:#b0b0b0}.dark-mode .plan-status,.dark-mode .plan-status.active{background:#10b981;color:#fff}.dark-mode .plan-status.inactive{background:#ef4444;color:#fff}.dark-mode .usage-section h4{color:#fff}.dark-mode .usage-current{color:#e0e0e0}.dark-mode .usage-bar{background:#2a2a2a}.dark-mode .usage-progress{background:#a855f7}.dark-mode .usage-remaining{color:#b0b0b0}.dark-mode .usage-history{border-top-color:#2a2a2a}.dark-mode .usage-history h3{color:#fff}.dark-mode .usage-history p{color:#b0b0b0}.dark-mode .history-item{background:#000;border-color:#2a2a2a}.dark-mode .history-info h4{color:#fff}.dark-mode .history-info p{color:#b0b0b0}.dark-mode .billing-card{background:#000;border-color:#2a2a2a}.dark-mode .billing-info{background:#111;border-color:#2a2a2a}.dark-mode .billing-info h4{color:#fff}.dark-mode .billing-info p{color:#b0b0b0}.dark-mode .billing-date{color:#fff}.dark-mode .subscription-warning{background:#451a03;border-color:#78350f;color:#fbbf24}.dark-mode .subscription-warning svg{stroke:#fbbf24}.dark-mode .pending-downgrade-notice{background:#a855f726;border-color:#a855f7}.dark-mode .pending-downgrade-icon{color:#c084fc}.dark-mode .pending-downgrade-title{color:#e9d5ff}.dark-mode .pending-downgrade-description{color:#f3e8ff}.dark-mode .pending-downgrade-highlight{color:#fff}.dark-mode .pending-downgrade-hint{color:#d8b4fe}.dark-mode .payment-method h4{color:#fff}.dark-mode .payment-method p{color:#b0b0b0}.dark-mode .card-info{background:#111;border-color:#2a2a2a}.dark-mode .card-info h4{color:#fff}.dark-mode .card-info p{color:#b0b0b0}.dark-mode .card-number{color:#fff}.dark-mode .card-expiry{color:#b0b0b0}.dark-mode .billing-history{border-top-color:#2a2a2a}.dark-mode .billing-history h3{color:#fff}.dark-mode .billing-history p{color:#b0b0b0}.dark-mode .billing-item{background:#000;border-color:#2a2a2a}.dark-mode .billing-item-info h4{color:#fff}.dark-mode .billing-item-info p{color:#b0b0b0}.dark-mode .amount{color:#fff}.dark-mode .status{color:#10b981}.dark-mode .loading-preferences{color:#fff}.dark-mode .notification-item{background:#0000;border-color:#2a2a2a}.dark-mode .notification-info h4{color:#fff}.dark-mode .notification-info p{color:#b0b0b0}.dark-mode .toggle-switch{background:#0000!important}.dark-mode .slider,.dark-mode .toggle-slider{background:#2a2a2a}.dark-mode .toggle-label{color:#e0e0e0}.dark-mode .toggle-switch input:checked+.slider,.dark-mode .toggle-switch input:checked+.toggle-slider{background:#a855f7}.dark-mode .btn-primary{background:#a855f7;color:#fff}.dark-mode .btn-primary:hover:not(:disabled){background:#9333ea;box-shadow:0 4px 12px #a855f766}.dark-mode .btn-primary:disabled{opacity:.5}.dark-mode .danger-zone{background:#dc26260d;border-color:#dc26264d}.dark-mode .danger-zone-header{border-bottom-color:#dc26264d}.dark-mode .danger-zone-title{color:#fca5a5}.dark-mode .danger-zone-description{color:#b0b0b0}.dark-mode .danger-zone-content p{color:#e0e0e0}.dark-mode .upgrade-modal.modal-content{background:#0a0a0a}.dark-mode .upgrade-modal .modal-header{border-bottom-color:#2a2a2a}.dark-mode .upgrade-modal .modal-header h3{color:#fff}.dark-mode .modal-header h3{color:#f3f4f6}.dark-mode .modal-header{border-bottom-color:#a855f7}.dark-mode .modal-close{color:#b0b0b0}.dark-mode .modal-close:hover{background:#ffffff1a;color:#fff}.dark-mode .modal-body{color:#e0e0e0}.dark-mode .modal-footer{border-top-color:#2a2a2a}.dark-mode .auth-message.error{background:#dc26261a;border-color:#dc26264d;color:#fca5a5}.dark-mode .auth-message.success{background:#22c55e1a;border-color:#22c55e4d;color:#86efac}.dark-mode .upgrade-modal{background:#0a0a0a}.dark-mode .upgrade-modal .modal-header{background:#0a0a0a;border-bottom-color:#1f1f1f}.dark-mode .upgrade-modal .modal-header h2{color:#fff}.dark-mode .upgrade-modal-body{background:#0a0a0a}.dark-mode .upgrade-subtitle{color:#a0a0a0}.dark-mode .upgrade-subtitle strong{color:#c084fc}.dark-mode .upgrade-warning{background:#422006;border:1px solid #d97706;color:#fbbf24}.dark-mode .upgrade-warning strong{color:#fcd34d}.dark-mode .confirmation-modal{background:#0a0a0a}.dark-mode .confirmation-modal .modal-header{background:#0a0a0a;border-bottom-color:#1f1f1f}.dark-mode .confirmation-modal .modal-header h2,.dark-mode .confirmation-warning h3{color:#fff}.dark-mode .confirmation-warning li,.dark-mode .confirmation-warning p{color:#a0a0a0}.dark-mode .confirmation-warning .confirmation-question{color:#fff}.dark-mode .confirmation-actions{border-top-color:#1f1f1f}.dark-mode .confirmation-actions .btn-secondary{background:#1a1a1a;border-color:#2a2a2a;color:#a0a0a0}.dark-mode .confirmation-actions .btn-secondary:hover{background:#2a2a2a;border-color:#3a3a3a;color:#fff}.dark-mode .billing-toggle-upgrade{background:#1a1a1a;box-shadow:0 1px 3px #0000004d}.dark-mode .billing-toggle-upgrade .billing-btn{color:#a0a0a0}.dark-mode .billing-toggle-upgrade .billing-btn.active{background:#2a2a2a;box-shadow:0 2px 4px #0003;color:#fff}.dark-mode .upgrade-plan-card{background:#000;border-color:#2a2a2a;box-shadow:0 4px 6px #0000004d}.dark-mode .upgrade-plan-card:hover{border-color:#e0e0e0;box-shadow:0 8px 25px #0000001a}.dark-mode .upgrade-plan-card.popular{border-color:#a855f7;box-shadow:0 8px 16px #a855f74d}.dark-mode .upgrade-plan-card.popular:hover{box-shadow:0 8px 16px #a855f74d}.dark-mode .upgrade-plan-card .plan-name{color:#fff}.dark-mode .upgrade-plan-card .plan-description{color:#a0a0a0}.dark-mode .upgrade-plan-card .currency,.dark-mode .upgrade-plan-card .price{color:#fff}.dark-mode .upgrade-plan-card .period{color:#a0a0a0}.dark-mode .upgrade-plan-card .original-price{color:#6b7280}.dark-mode .upgrade-plan-card .savings{color:#a855f7}.dark-mode .upgrade-plan-card .billing-note{color:#a0a0a0}.dark-mode .upgrade-modal .team-selector{background:linear-gradient(135deg,#a855f71a,#a855f726);border-color:#a855f74d}.dark-mode .upgrade-modal .team-size{color:#a855f7}.dark-mode .upgrade-modal .control-btn{background:#1a1a1a;border-color:#a855f7;color:#a855f7}.dark-mode .upgrade-modal .control-btn:hover:not(:disabled){background:#a855f7;color:#fff}.dark-mode .upgrade-modal .control-btn:disabled{background:#1a1a1a;border-color:#2a2a2a;color:#2a2a2a}.dark-mode .upgrade-modal .team-breakdown{background:#000;color:#b0b0b0}.dark-mode .upgrade-plan-card .feature-item{border-bottom-color:#1f1f1f}.dark-mode .upgrade-plan-card .feature-item.enabled{color:#e0e0e0}.dark-mode .upgrade-plan-card .feature-item.disabled{color:#5a5a5a}.dark-mode .upgrade-plan-card .feature-item.disabled .check-icon{background:#2a2a2a;color:#5a5a5a}.dark-mode .upgrade-plan-card .plan-button.primary{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 4px 14px #a855f780}.dark-mode .upgrade-plan-card .plan-button.primary:hover{background:linear-gradient(135deg,#9333ea,#7c3aed);box-shadow:0 8px 20px #a855f799}.dark-mode .upgrade-plan-card .plan-button.secondary{background:#1a1a1a;border-color:#2a2a2a;box-shadow:0 2px 8px #0000004d;color:#fff}.dark-mode .upgrade-plan-card .plan-button.secondary:hover{background:#2a2a2a;border-color:#a855f7;box-shadow:0 8px 20px #a855f740;color:#c084fc}.dark-mode .no-upgrades p:first-child{color:#fff}.dark-mode .no-upgrades-subtitle{color:#a0a0a0}.customization-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:2rem}.customization-header{margin-bottom:1.5rem}.customization-header h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.customization-header p{color:#718096;font-size:.9rem;margin:0}.customization-content{display:flex;flex-direction:column;gap:1.5rem}.color-picker-inline{align-items:center;background:#f8faff;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:center;padding:2rem 1rem}.color-display{align-items:center;display:flex;gap:1rem}.color-swatch-button{border:3px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;height:60px;width:60px}.color-swatch-button:hover{box-shadow:0 6px 16px #a855f740;transform:translateY(-2px)}.color-info{display:flex;flex-direction:column;gap:.25rem}.color-label{color:#4a5568;font-size:.875rem;font-weight:600}.color-value{color:#1a202c;font-family:Courier New,monospace;font-size:1rem;font-weight:700}.color-picker-popover{position:fixed!important;z-index:10000!important}.color-picker-wrapper{bottom:-40%;left:70%;min-width:320px;position:relative}@media (max-width:1199px){.color-picker-wrapper{bottom:-20%;left:50%;transform:translateX(-50%)}.color-picker-inline{padding:1.5rem 1rem}}@media (max-width:575px){.color-picker-wrapper{bottom:-10%;left:50%;min-width:280px;padding:.75rem;transform:translateX(-50%)}.custom-color-picker{max-width:100%}.color-picker-inline{padding:1rem .75rem}.color-picker-inline .custom-color-picker{max-width:100%}}.color-picker-inline .custom-color-picker,.custom-color-picker{max-width:400px;width:100%}.save-customization-btn{align-items:center;align-self:flex-start;display:flex;gap:.5rem}.customization-note{align-items:flex-start;background:#f8faff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;display:flex;font-size:.875rem;gap:.75rem;line-height:1.5;padding:1rem}.customization-note svg{color:#6366f1;flex-shrink:0;margin-top:.125rem}.customization-content .message{align-items:center;border-radius:8px;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem}.customization-content .message.success{background:#22c55e1a;border:1px solid #22c55e4d;color:#16a34a}.customization-content .message.error{background:#ef44441a;border:1px solid #ef44444d;color:#dc2626}.dark-mode .customization-card{background:#0a0a0a;border-color:#2a2a2a}.dark-mode .customization-header h3{color:#fff}.dark-mode .customization-header p{color:#a0a0a0}.dark-mode .color-picker-inline{background:#000;border-color:#2a2a2a}.dark-mode .color-label{color:#cbd5e0}.dark-mode .color-value{color:#e0e0e0}.dark-mode .customization-note{background:#1e1e1ecc;border-color:#2a2a2a;color:#a0a0a0}.dark-mode .customization-content .message.success{background:#22c55e26;border-color:#22c55e66;color:#4ade80}.dark-mode .customization-content .message.error{background:#ef444426;border-color:#ef444466;color:#f87171}.spinner{animation:spin 1s linear infinite}.settings-loading-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8fafff2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.settings-loading-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.settings-loading-text{color:#a855f7;font-size:1.125rem;font-weight:600;margin:0}@media (max-width:1199px){.studio-warning-body{max-height:calc(90vh - 200px)!important;overflow-y:auto!important;padding:1.25rem!important}.studio-warning-box{margin-bottom:1rem!important;padding:1rem!important}.studio-warning-footer{background:#fff!important;border-top:1px solid #e5e7eb!important;bottom:0!important;display:flex!important;flex-direction:column!important;gap:.75rem!important;padding:1.25rem 1.5rem!important;position:-webkit-sticky!important;position:sticky!important;z-index:10!important}.studio-warning-footer button{display:block!important;flex:none!important;min-width:0!important;opacity:1!important;visibility:visible!important;width:100%!important}}@media (max-width:768px){.studio-warning-body{max-height:calc(90vh - 180px)!important;padding:1rem!important}.studio-warning-box{margin-bottom:.875rem!important;padding:.875rem!important}.studio-warning-box h4{font-size:.9rem!important}.studio-warning-box p{font-size:.8125rem!important}.studio-warning-footer{gap:.5rem!important;padding:1rem 1.5rem!important}}.dark-mode .studio-warning-footer{background:#0a0a0a!important;border-top-color:#1f1f1f!important}.dark-mode .settings-loading-overlay{background:#000000f2}.password-modal-overlay{align-items:center;animation:passwordModalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}@keyframes passwordModalFadeIn{0%{opacity:0}to{opacity:1}}.password-modal-content{animation:passwordModalSlideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:480px;overflow:hidden;position:relative;width:100%}@keyframes passwordModalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.password-modal-close{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px;z-index:1}.password-modal-close:hover{background:#0000001a;color:#111827;transform:rotate(90deg)}.password-modal-icon{align-items:center;color:#a855f7;display:flex;justify-content:center;padding:2rem 2rem 1rem}.password-modal-icon svg{stroke-width:1.5}.password-modal-header{padding:0 2rem 1.5rem;text-align:center}.password-modal-header h3{color:#111827;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 .75rem}.password-modal-header p{color:#6b7280;font-size:.9375rem;line-height:1.5;margin:0}.password-modal-body{padding:0 2rem 2rem}.password-modal-alert{align-items:flex-start;border-radius:12px;display:flex;font-size:.875rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.password-modal-alert svg{flex-shrink:0;margin-top:.125rem}.password-modal-alert-error{background:#fef2f2;border:1px solid #fee2e2;color:#991b1b}.password-modal-email-display{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:12px;color:#374151;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.password-modal-email-display svg{color:#9ca3af;flex-shrink:0}.password-modal-info{display:flex;flex-direction:column;gap:.75rem}.password-modal-info-item{align-items:flex-start;color:#6b7280;display:flex;font-size:.875rem;gap:.625rem}.password-modal-info-item svg{color:#10b981;flex-shrink:0;margin-top:.125rem}.password-modal-footer{background:#f9fafb;border-top:1px solid #f3f4f6;display:flex;gap:.75rem;padding:1.5rem 2rem 2rem}.password-modal-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease}.password-modal-btn:disabled{cursor:not-allowed;opacity:.6}.password-modal-btn-secondary{background:#fff;border:1px solid #e5e7eb;color:#6b7280}.password-modal-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#374151}.password-modal-btn-primary{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 4px 12px #a855f74d;color:#fff}.password-modal-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 6px 16px #a855f766;transform:translateY(-1px)}.password-modal-btn-primary:active:not(:disabled){transform:translateY(0)}.password-modal-spinner{animation:passwordModalSpin 1s linear infinite}@keyframes passwordModalSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dark-mode .password-modal-content{background:#1a1a1a;box-shadow:0 20px 60px #0009}.dark-mode .password-modal-close{background:#ffffff0d;color:#9ca3af}.dark-mode .password-modal-close:hover{background:#ffffff1a;color:#e5e7eb}.dark-mode .password-modal-header h3{color:#f9fafb}.dark-mode .password-modal-header p{color:#9ca3af}.dark-mode .password-modal-alert-error{background:#ef44441a;border-color:#ef444433;color:#fca5a5}.dark-mode .password-modal-email-display{background:linear-gradient(135deg,#262626,#1f1f1f);border-color:#404040;color:#e5e7eb}.dark-mode .password-modal-email-display svg{color:#6b7280}.dark-mode .password-modal-info-item{color:#9ca3af}.dark-mode .password-modal-footer{background:#0f0f0f;border-top-color:#262626}.dark-mode .password-modal-btn-secondary{background:#262626;border-color:#404040;color:#9ca3af}.dark-mode .password-modal-btn-secondary:hover:not(:disabled){background:#333;border-color:#525252;color:#e5e7eb}@media (max-width:640px){.password-modal-content{border-radius:16px;max-width:100%}.password-modal-icon{padding:1.5rem 1.5rem .75rem}.password-modal-header{padding:0 1.5rem 1.25rem}.password-modal-header h3{font-size:1.25rem}.password-modal-header p{font-size:.875rem}.password-modal-body{padding:0 1.5rem 1.5rem}.password-modal-footer{flex-direction:column;padding:1.25rem 1.5rem 1.5rem}.password-modal-btn{width:100%}}.crop-modal-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:10000}.crop-modal-content{background:#fff;border:1px solid #0000001a;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.crop-modal-header{align-items:flex-start;border-bottom:1px solid #0000001a;display:flex;gap:16px;justify-content:space-between;padding:24px 28px}.crop-modal-header>div{flex:1 1}.crop-modal-header h2{color:#1a1a1a;font-size:24px;font-weight:600;margin:0 0 4px}.crop-instructions{color:#666;font-size:13px;font-weight:400;margin:0}.crop-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .2s ease}.crop-modal-close:hover{background:#0000000d;color:#1a1a1a}.crop-modal-body{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:28px}.crop-container{display:inline-block;max-height:100%;position:relative;touch-action:none;user-select:none}.crop-container,.crop-image{max-width:100%;-webkit-user-select:none}.crop-image{-webkit-user-drag:none;display:block;height:auto;max-height:60vh;user-select:none;width:auto}.crop-overlay{pointer-events:none}.crop-selection{border:2px solid #8b5cf6;box-shadow:0 0 0 9999px #00000080;cursor:grab;position:absolute;touch-action:none}.crop-selection:active{cursor:grabbing}.crop-handle{background:#8b5cf6;border:2px solid #fff;box-shadow:0 2px 8px #0000004d;position:absolute;touch-action:none;transition:all .2s ease;z-index:10}.crop-handle.corner{border-radius:50%;height:24px;width:24px}.crop-handle.corner.nw{cursor:nwse-resize;left:-12px;top:-12px}.crop-handle.corner.ne{cursor:nesw-resize;right:-12px;top:-12px}.crop-handle.corner.sw{bottom:-12px;cursor:nesw-resize;left:-12px}.crop-handle.corner.se{bottom:-12px;cursor:nwse-resize;right:-12px}.crop-handle.edge{background:#8b5cf6cc;border:1px solid #ffffff80}.crop-handle.edge.n{top:-6px}.crop-handle.edge.n,.crop-handle.edge.s{border-radius:6px;cursor:ns-resize;height:12px;left:50%;transform:translateX(-50%);width:60px}.crop-handle.edge.s{bottom:-6px}.crop-handle.edge.w{left:-6px}.crop-handle.edge.e,.crop-handle.edge.w{border-radius:6px;cursor:ew-resize;height:60px;top:50%;transform:translateY(-50%);width:12px}.crop-handle.edge.e{right:-6px}.crop-handle:hover{background:#7c3aed}.crop-handle.corner:hover{transform:scale(1.3)}.crop-handle.edge.n:hover,.crop-handle.edge.s:hover{transform:translateX(-50%) scale(1.2)}.crop-handle.edge.e:hover,.crop-handle.edge.w:hover{transform:translateY(-50%) scale(1.2)}.crop-grid{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.grid-line{background:#ffffff4d;position:absolute}.grid-line.vertical{height:100%;width:1px}.grid-line.horizontal{height:1px;width:100%}.crop-modal-footer{align-items:center;border-top:1px solid #0000001a;display:flex;gap:16px;justify-content:space-between;padding:20px 28px}.crop-footer-actions{display:flex;gap:12px}.btn-crop-confirm,.btn-crop-reset,.btn-crop-skip{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;outline:none;padding:12px 24px;transition:all .2s ease}.btn-crop-reset{background:#0000000d;border:1px solid #0000001a;color:#666}.btn-crop-reset:hover:not(:disabled){background:#0000001a;color:#1a1a1a}.btn-crop-reset:disabled{cursor:not-allowed;opacity:.4}.btn-crop-skip{background:#0000000d;border:1px solid #0003;color:#1a1a1a}.btn-crop-skip:hover{background:#0000001a;border-color:#0000004d}.btn-crop-confirm{background:#8b5cf6;box-shadow:0 4px 16px #8b5cf64d;color:#fff}.btn-crop-confirm:hover{background:#7c3aed;box-shadow:0 6px 20px #8b5cf666;transform:translateY(-1px)}.dark-mode .crop-modal-content{background:#111;border-color:#2a2a2a;box-shadow:0 20px 60px #000c}.dark-mode .crop-modal-header{border-bottom-color:#2a2a2a}.dark-mode .crop-modal-header h2{color:#fff}.dark-mode .crop-instructions,.dark-mode .crop-modal-close{color:#b0b0b0}.dark-mode .crop-modal-close:hover{background:#ffffff1a;color:#fff}.dark-mode .crop-modal-footer{border-top-color:#2a2a2a}.dark-mode .btn-crop-reset{background:#ffffff0d;border-color:#2a2a2a;color:#b0b0b0}.dark-mode .btn-crop-reset:hover:not(:disabled){background:#ffffff1a;color:#fff}.dark-mode .btn-crop-skip{background:#ffffff0d;border-color:#2a2a2a;color:#fff}.dark-mode .btn-crop-skip:hover{background:#ffffff1a;border-color:#fff3}@media (max-width:768px){.crop-modal-overlay{align-items:flex-start;padding:10px}.crop-modal-content{height:95vh;max-height:95vh}.crop-modal-header{align-items:flex-start;flex-direction:column;flex-shrink:0;padding:16px}.crop-modal-header h2{font-size:20px}.crop-instructions{font-size:12px}.crop-modal-body{flex:1 1;min-height:0;padding:16px}.crop-container{max-height:100%}.crop-image{max-height:calc(95vh - 200px);max-width:calc(100vw - 52px);object-fit:contain}.crop-handle.corner{height:32px;width:32px}.crop-handle.corner.ne,.crop-handle.corner.nw,.crop-handle.corner.se,.crop-handle.corner.sw{bottom:auto;left:auto;right:auto;top:auto}.crop-handle.corner.nw{left:-16px;top:-16px}.crop-handle.corner.ne{right:-16px;top:-16px}.crop-handle.corner.sw{bottom:-16px;left:-16px}.crop-handle.corner.se{bottom:-16px;right:-16px}.crop-handle.edge{height:16px;width:70px}.crop-handle.edge.e,.crop-handle.edge.w{height:70px;width:16px}.crop-modal-footer{flex-direction:column;flex-shrink:0;gap:12px;padding:16px}.crop-footer-actions{flex-direction:column;width:100%}.btn-crop-confirm,.btn-crop-reset,.btn-crop-skip{padding:14px 24px;width:100%}}.generate-content-loaded{animation:fadeIn .3s ease-out}.generate-content-loaded .upload-section{animation:slideUp .4s ease-out .05s backwards}.generate-content-loaded .options-panel{animation:slideUp .4s ease-out .1s backwards}.generate-content-loaded .unlock-cta-container{animation:slideUp .4s ease-out .15s backwards}.generate-container{background:#f8faff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:1.5rem}.generate-header{margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:1000px;text-align:center}.generate-badge{align-items:center;background:#a855f71a;border-radius:20px;color:#a855f7;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem}.generate-title{color:#1a202c;font-size:3rem;font-weight:700;line-height:1.2;margin:0 0 1rem}.highlight{color:#a855f7}.generate-subtitle{color:#718096;font-size:1.25rem;line-height:1.6;margin:0}.generate-content{grid-gap:2.5rem;align-items:start;display:grid;gap:2.5rem;grid-template-columns:1fr 380px;margin:0 auto;max-width:1600px;padding:0 1rem}.upload-section{align-self:start;margin:0}.detail-section{align-self:start;width:100%}.upload-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000014;box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:flex-start;margin:0;max-width:100%;min-height:auto;overflow:visible;padding:2rem;width:100%}@media (min-width:992px){.upload-card{height:auto;margin:0 auto;max-width:1200px;min-height:auto;width:100%}}.upload-area.has-stencil{aspect-ratio:auto;height:auto;min-height:auto;overflow:visible}.upload-title{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.upload-description{color:#718096;font-size:1rem;margin:0 0 2rem}.upload-area{align-items:center;aspect-ratio:1;border:2px dashed #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-shrink:0;height:auto;justify-content:center;margin:1rem auto;max-width:800px;outline:none;overflow:visible;padding:2rem;position:relative;text-align:center;transition:all .3s ease;width:min(100%,80vw,80vh)}.upload-area:focus{outline:none}.upload-area:hover{background:#a855f705;border-color:#a855f7}.upload-area.drag-active{background:#a855f70d;border-color:#a855f7;transform:scale(1.02)}.upload-area.has-image{aspect-ratio:1;background:none;border:none;height:auto;max-width:950px;overflow:visible;padding:0;width:min(100%,80vw,80vh)}.uploaded-image{align-items:center;display:flex;justify-content:center;left:0;overflow:hidden;position:absolute;top:0}.uploaded-image,.uploaded-image img{border-radius:12px;height:100%;width:100%}.uploaded-image img{object-fit:cover}.image-overlay{align-items:center;background:#000000b3;bottom:0;color:#fff;display:flex;flex-direction:column;gap:.5rem;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;visibility:hidden}.uploaded-image:focus .image-overlay,.uploaded-image:focus-within .image-overlay{opacity:1;pointer-events:auto;visibility:visible}.stencil-comparison{box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;height:auto;margin:0 auto;max-width:800px;overflow:visible;width:min(100%,80vw,80vh)}.slider-container{aspect-ratio:1/1;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;box-sizing:border-box;flex-shrink:0;overflow:hidden;width:100%}.generate-slider{border-radius:12px;height:100%;object-fit:contain;width:100%}.error-overlay{align-items:center;background-color:#000000eb;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:absolute;right:0;top:0;z-index:10}.error-box{background:#dc26261a;border:2px solid #ef4444;border-radius:12px;box-shadow:0 10px 25px #00000080;color:#fff;font-size:1rem;max-width:500px;padding:1.5rem;text-align:center}.error-box-title{color:#fff;display:block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}@media (max-width:500px){.error-box,.error-overlay{padding:.875rem}.error-box{font-size:.8125rem;max-width:100%}.error-box-title{font-size:.9rem;margin-bottom:.35rem}}@media (max-width:400px){.error-box,.error-overlay{padding:.75rem}.error-box{border-width:1px;font-size:.75rem}.error-box-title{font-size:.8125rem;margin-bottom:.3rem}}@media (max-width:360px){.error-box,.error-overlay{padding:.625rem}.error-box{border-width:1px;font-size:.6875rem}.error-box-title{font-size:.75rem;margin-bottom:.25rem}}.stencil-actions{border-top:1px solid #e2e8f0;box-sizing:border-box;flex-shrink:0;justify-content:center;max-width:100%;opacity:1;padding-top:1rem;transition:opacity .3s ease,visibility .3s ease}.download-upscale-row,.stencil-actions{display:flex;flex-direction:column;gap:.75rem}.download-upscale-row{width:100%}@media (max-width:767px){.download-upscale-row,.stencil-actions{display:flex!important;flex-direction:column!important;gap:.75rem;width:100%}.btn-download-inline,.btn-new-inline,.btn-upscale-inline{width:100%!important}}@media (min-width:768px){.stencil-actions{flex-direction:column!important;gap:.75rem}.download-upscale-row{display:flex!important;flex-direction:row!important;gap:.75rem;width:100%}.btn-download-inline,.btn-new-inline,.btn-upscale-inline{flex:1 1!important;min-width:0!important}}.btn-download-inline,.btn-upscale-inline{flex:1 1}.btn-download-inline,.btn-new-inline,.btn-upscale-inline{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.375rem;justify-content:center;outline:none;padding:.625rem 1rem;transition:all .3s ease;width:100%}.btn-new-inline{flex:0 0 auto;max-width:100%}.btn-download-inline{background:#a855f7;color:#fff}.btn-download-inline:hover{background:#9333ea;box-shadow:0 4px 12px #a855f74d;transform:translateY(-1px)}.btn-upscale-inline{background:#a855f7;color:#fff}.btn-upscale-inline:hover:not(:disabled){background:#9333ea;box-shadow:0 4px 12px #a855f74d;transform:translateY(-1px)}.btn-upscale-inline:disabled{background:#e5e5e5;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.btn-new-inline{background:#f7fafc;border:1px solid #e2e8f0;color:#4a5568}.btn-new-inline:hover{background:#edf2f7;border-color:#cbd5e0;color:#2d3748}.modal-color-picker{margin-top:.75rem}.color-picker-wrapper{left:50%;transform:translateX(-80%)}.black-color-btn{width:100%}.black-color-btn,.set-default-color-btn{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}@media (max-width:767px){.modal-color-picker{width:100%}.color-picker-wrapper{left:50%;right:auto;transform:translateX(-50%)}}.upload-placeholder{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.upload-placeholder h3{color:#374151;font-size:1.25rem;font-weight:600;margin:1rem 0 .5rem}.upload-placeholder p{color:#718096;margin:0 0 2rem}.browse-link{color:#a855f7;font-weight:500;text-decoration:underline}.upload-icon{background:#a855f71a;border:2px solid #a855f733;border-radius:50%;color:#a855f7;height:80px;margin-bottom:1rem;width:80px}.file-formats,.upload-icon{align-items:center;display:flex;justify-content:center}.file-formats{gap:1rem}.file-formats span{background:#fff;border-radius:20px;color:grey;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.file-formats .max-text{background:none;border-radius:0;display:inline;padding:0}.detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000014;min-height:auto;overflow:visible;padding:1.5rem;position:relative;width:100%}.title-with-info{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.detail-title{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0}.info-tooltip-wrapper{align-items:center;cursor:help;display:inline-flex;position:relative}.info-icon-header{color:#a855f7;transition:all .2s ease}.info-tooltip-wrapper:hover .info-icon-header{color:#9333ea;transform:scale(1.1)}.info-tooltip-content{background:#fff;border:2px solid #a855f7;border-radius:12px;box-shadow:0 10px 30px #a855f733;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;left:50%;opacity:0;padding:1rem;pointer-events:none;position:absolute;top:100%;transform:translateX(-50%) translateY(8px);transition:all .3s ease;visibility:hidden;width:320px;z-index:1000}.info-tooltip-wrapper:hover .info-tooltip-content{opacity:1;transform:translateX(-50%) translateY(12px);visibility:visible}.info-tooltip-content strong{color:#1a202c;display:block;font-size:.95rem;margin-bottom:.5rem}.info-tooltip-content ul{list-style-type:disc;margin:0;padding-left:1.25rem}.info-tooltip-content li{color:#4a5568;font-size:.875rem;line-height:1.6;margin-bottom:.5rem}.info-tooltip-content li strong{color:#a855f7;display:inline;font-size:.875rem;margin-bottom:0}.info-tooltip-content p{color:#718096;font-size:.8rem;margin:0}.detail-description{color:#718096;font-size:.9rem;margin:0 0 1.5rem}.detail-options{display:flex;flex-direction:column;gap:.75rem}.detail-option{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:1rem;transition:all .3s ease}.detail-option *{pointer-events:none}.detail-option:hover{background:#a855f705;border-color:#a855f7}.detail-option.selected{background:#a855f70d;border-color:#a855f7}.option-header{align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.option-header,.option-icon{display:flex;pointer-events:none}.option-icon{align-items:center;background:#a855f71a;border-radius:6px;color:#a855f7;font-size:1.25rem;font-weight:500;height:32px;justify-content:center;width:32px}.option-info{flex:1 1;pointer-events:none}.option-title{align-items:center;color:#1a202c;display:flex;font-size:1.05rem;font-weight:700;gap:.5rem;margin:0 0 .25rem;pointer-events:none}.info-icon{display:none}.recommended-badge{background:#a855f7;border-radius:8px;color:#fff;font-size:.7rem;font-weight:500;margin-left:.5rem;padding:.2rem .5rem;transition:all .3s ease}.shadow-option.selected .recommended-badge{background:#a855f7e6;opacity:1}.option-description{color:#4a5568;font-size:.875rem;font-weight:500;line-height:1.5;margin:0;pointer-events:none}.option-tooltip{display:none}.option-selector{align-items:center;display:flex;pointer-events:none}.option-selector input[type=radio]{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #e2e8f0;border-radius:50%;cursor:pointer;height:20px;outline:none;pointer-events:none;position:relative;width:20px}.option-selector input[type=radio]:checked{background:#a855f7;border-color:#a855f7}.option-selector input[type=radio]:checked:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.option-footer{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem}.processing-dots{align-items:center;display:flex;gap:.2rem}.dot{background:#a855f7;border-radius:50%;height:6px;width:6px}.processing-time{color:#718096;font-size:.8rem;font-weight:500}.shadow-style-toggle{gap:.5rem;margin-left:auto}.option-footer.with-toggle{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.option-footer.with-toggle .processing-dots{order:1}.option-footer.with-toggle .processing-time{order:2}.option-footer.with-toggle .shadow-style-toggle{margin-left:0;order:3}.shadow-style-section{margin-top:.75rem;padding-top:.75rem}.shadow-style-title{color:#1a202c;font-size:1rem;font-weight:400;margin:0}.shadow-style-toggle{align-items:center;display:flex;gap:.3rem}.toggle-label{color:#1a202c;font-size:.77rem;font-weight:500;min-width:40px}.toggle-switch{cursor:pointer;display:inline-block;height:24px;pointer-events:auto;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.slider{background-color:#e2e8f0;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{pointer-events:none;position:absolute;transition:.2s ease}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0000001a;content:"";height:18px;left:3px;width:18px}.toggle-switch input:checked+.slider{background-color:#a855f7}.toggle-switch input:checked+.slider:before{transform:translateX(20px)}.toggle-switch:hover .slider{box-shadow:0 0 0 3px #a855f71a}.shadow-style-section{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.shadow-style-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem;overflow:visible;position:relative}.info-tooltip{color:#718096}.tooltip-content{background:#1a202c;border-radius:6px;box-shadow:0 4px 12px #00000026;font-size:.75rem;margin-bottom:5px;max-width:200px;min-width:180px;padding:.5rem .75rem;text-align:center;transform:translateX(-50%) translateY(-10px);white-space:nowrap}@media (min-width:992px){.tooltip-content{bottom:100%;top:auto}.info-tooltip.near-top .tooltip-content{bottom:auto;left:50%;right:auto;top:100%;transform:translateX(-50%) translateY(10px)}.info-tooltip.near-top .tooltip-content:after{border-bottom-color:#1a202c;border-top-color:#0000;bottom:auto;left:50%;right:auto;top:-4px;transform:translateX(-50%)}.info-tooltip.near-left .tooltip-content,.info-tooltip.near-right .tooltip-content{left:50%;right:auto;transform:translateX(-50%) translateY(-10px)}.info-tooltip .tooltip-content:after{left:50%;right:auto;transform:translateX(-50%)}.tooltip-content{left:50%;margin-left:-100px;max-width:200px;min-width:180px;right:auto;transform:translateX(-50%) translateY(-10px)}}@media (max-width:767px){.info-tooltip:active .tooltip-content,.info-tooltip:focus .tooltip-content,.info-tooltip:hover .tooltip-content{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a202cf2;border-radius:8px;bottom:100%!important;box-shadow:0 8px 24px #00000040;font-size:.8rem;left:50%!important;line-height:1.4;margin:0!important;margin-bottom:8px;max-width:calc(100vw - 4rem)!important;min-width:200px!important;opacity:1;padding:.75rem 1rem;position:absolute!important;right:auto!important;text-align:center;top:auto!important;transform:translateX(-50%) translateY(-10px)!important;transform-origin:center bottom!important;visibility:visible;white-space:normal;width:auto!important;z-index:9999}.info-tooltip{-webkit-tap-highlight-color:transparent;cursor:pointer;touch-action:manipulation}.info-tooltip:last-child .tooltip-content,.option-group:nth-last-child(-n+2) .info-tooltip .tooltip-content{left:50%!important;max-width:calc(100vw - 4rem)!important;right:auto!important;transform:translateX(max(-50%,calc(-100vw + 100% + 2rem))) translateY(-10px)!important}.info-tooltip .tooltip-content{left:max(2rem,min(50%,calc(100vw - 200px)))!important;transform:translateX(-50%) translateY(-10px)!important}.tooltip-content{opacity:0;position:absolute;visibility:hidden}.tooltip-content:after{display:none}.info-tooltip:hover:before{background:#0000001a;content:"";height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}}.tooltip-content:after{border:4px solid #0000;border-top-color:#1a202c}.shadow-style-description{color:#718096;font-size:.95rem;margin:0 0 1.5rem;transition:all .3s ease}.shadow-style-description.disabled{color:#a0aec0}.shadow-style-options{display:flex;flex-direction:column;gap:.5rem}.shadow-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;min-height:80px;padding:.75rem;transition:all .3s ease}.shadow-option:hover:not(.disabled){background:#a855f705;border-color:#a855f7}.shadow-option.selected{background:#a855f70d;border-color:#a855f7}.shadow-option.disabled{background:#f7fafc;border-color:#e2e8f0;cursor:not-allowed;opacity:.6}.shadow-option-content{align-items:center;display:flex;gap:.75rem}.shadow-option-icon{align-items:center;background:#a855f71a;border-radius:6px;color:#a855f7;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.shadow-option.disabled .shadow-option-icon{background:#f7fafc;color:#a0aec0}.shadow-option-info{flex:1 1}.shadow-option-info h4{align-items:center;color:#1a202c;display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:600;margin:0 0 .125rem;min-height:1.2em}.shadow-option.disabled .shadow-option-info h4{color:#a0aec0}.shadow-option-info p{color:#718096;font-size:.8rem;margin:0}.shadow-option.disabled .shadow-option-info p{color:#a0aec0}.shadow-option-selector{align-items:center;display:flex}.shadow-option-selector input[type=radio]{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #e2e8f0;border-radius:50%;cursor:pointer;height:20px;outline:none;position:relative;width:20px}.shadow-option-selector input[type=radio]:checked{background:#a855f7;border-color:#a855f7}.shadow-option-selector input[type=radio]:checked:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.shadow-option.disabled .shadow-option-selector input[type=radio]{background:#f7fafc;border-color:#e2e8f0;cursor:not-allowed}.generate-action{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c53030;font-size:.875rem;padding:.75rem 1rem}.error-message,.free-regen-banner{align-items:center;display:flex;gap:.5rem}.free-regen-banner{background:linear-gradient(135deg,#a855f71a,#9333ea1a);border:1px solid #a855f733;border-radius:12px;color:#a855f7;font-size:.95rem;font-weight:600;justify-content:center;margin-bottom:1rem;padding:1rem 1.25rem;width:100%}.tooltip-wrapper{position:relative}.free-regen-banner .info-icon,.tooltip-wrapper{align-items:center;display:inline-flex;flex-shrink:0}.free-regen-banner .info-icon{color:#a855f7;cursor:help;height:20px;transition:all .2s ease;vertical-align:middle;width:20px}.free-regen-banner .info-icon:hover{opacity:1;transform:scale(1.2)}.tooltip-text{background:#1f2937;border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #0003;color:#fff;font-size:.7rem;font-weight:500;line-height:1.25;max-width:min(350px,95vw);opacity:0;padding:.5rem .75rem;pointer-events:none;text-align:left;transition:all .2s ease;visibility:hidden;white-space:normal;width:-webkit-max-content;width:max-content;z-index:1000}.tooltip-text,.tooltip-text:after{left:50%;position:absolute;transform:translateX(-50%)}.tooltip-text:after{border:6px solid #0000;border-top-color:#1f2937;content:"";top:100%}.tooltip-wrapper:hover .tooltip-text{opacity:1;visibility:visible}@media (max-width:767px){.tooltip-text{font-size:.65rem;left:0;max-width:200px;padding:.5rem .625rem;transform:translateX(0)}.tooltip-text:after{left:20px;transform:translateX(0)}}.trial-message{align-items:center;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:1rem 1.25rem;transition:all .2s ease}.trial-message svg{flex-shrink:0;height:20px;width:20px}.trial-message.trial-remaining{background:linear-gradient(135deg,#22c55e14,#22c55e1f);border:1px solid #22c55e33;color:#15803d}.trial-message.trial-expired{align-items:center;background:linear-gradient(135deg,#ef444414,#ef44441f);border:1px solid #ef444433;color:#dc2626;flex-direction:column;gap:1rem;text-align:center}.unlock-cta-container{background:linear-gradient(135deg,#a855f714,#a855f71f);border:1px solid #a855f733;border-radius:16px;margin-bottom:1rem;padding:1.5rem;text-align:center}.unlock-cta-desktop{display:block}.unlock-cta-mobile{display:none}.unlock-cta-header{gap:1rem;margin-bottom:1rem}.unlock-cta-header,.unlock-cta-icon{align-items:center;display:flex;justify-content:center}.unlock-cta-icon{background-color:#a855f7;border-radius:50%;flex-shrink:0;padding:.75rem}.unlock-cta-text{text-align:left}.unlock-cta-title{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.unlock-cta-description{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.unlock-cta-price{color:#6b7280;font-size:.75rem;margin-top:.5rem;text-align:center}.unlock-cta-price-highlight{color:#a855f7;font-weight:700}.upgrade-cta-button{align-items:center;background:linear-gradient(135deg,#a855f7,#9333ea);border:none;border-radius:8px;box-shadow:0 2px 8px #a855f740;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.875rem;font-weight:600;justify-content:center;min-width:120px;padding:.625rem 1.25rem;text-decoration:none;transition:all .2s ease}.upgrade-cta-button:hover{background:linear-gradient(135deg,#9333ea,#7c3aed);box-shadow:0 4px 12px #a855f759;transform:translateY(-1px)}.upgrade-cta-button:active{box-shadow:0 2px 6px #a855f740;transform:translateY(0)}.generation-progress{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#a855f7,#9333ea);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#718096;font-size:.875rem;margin:0;text-align:center}.modern-progress-container{display:flex;justify-content:center;margin:1.5rem 0}.progress-card{background:linear-gradient(135deg,#a855f714,#a855f71f);border:2px solid #a855f740;border-radius:16px;box-shadow:0 4px 20px #a855f726;max-width:400px;padding:1.5rem;width:100%}.progress-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.progress-icon{align-items:center;background:#a855f71a;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.progress-info{flex:1 1}.progress-title{color:#1f2937;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0}.progress-subtitle{color:#6b7280;font-size:.875rem;line-height:1.2;margin:0}.remaining-time{flex-shrink:0;text-align:right}.time-value{color:#a855f7;font-size:1.25rem;font-weight:700}.time-label,.time-value{display:block;line-height:1}.time-label{color:#6b7280;font-size:.75rem;margin-top:2px}.progress-status{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.status-text{color:#374151;font-size:.875rem;font-weight:500}.progress-percentage{color:#a855f7;font-size:.875rem;font-weight:600}.progress-bar-modern{background:#a855f733;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill-modern{background:linear-gradient(90deg,#a855f7,#c084fc);border-radius:4px;box-shadow:0 0 10px #a855f780;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.queue-info{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem}.at-capacity,.capacity-used,.concurrent-requests,.estimated-wait,.queue-length,.queue-position{background:#a855f71a;border-radius:4px;color:#a855f7;font-size:.75rem;font-weight:500;margin:0;padding:.25rem .5rem;text-align:center}.queue-length,.queue-position{background:#a855f71a;color:#a855f7}.estimated-wait{background:#a855f726;color:#9333ea}.capacity-used,.concurrent-requests{background:#a855f71a;color:#a855f7}.at-capacity{background:#a855f733;color:#7c3aed}.queue-status{background:#a855f70d;border:1px solid #a855f733;border-radius:8px;margin:1rem 0;padding:1rem}.queue-status h4{color:#a855f7;font-size:.875rem;font-weight:600;margin:0 0 .75rem;text-align:center}.btn-generate .spinner{animation:spin 1s linear infinite}.spinner-circle{animation:spin .8s linear infinite;border-color:#a855f7 #a855f7 #ffffff4d #ffffff4d;border-radius:50%;border-style:solid;border-width:2.5px}.btn-upscale .spinner,.btn-upscale-inline .spinner{animation:none}.btn-generate,.btn-upscale{align-items:center;background:#a855f7;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;outline:none;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.btn-generate:hover:not(:disabled),.btn-upscale:hover:not(:disabled){background:#9333ea;box-shadow:0 8px 24px #a855f766;transform:translateY(-2px)}.btn-generate:focus,.btn-upscale:focus{box-shadow:0 0 0 3px #a855f74d;outline:none}.btn-generate:disabled,.btn-upscale:disabled{background:#e5e5e5;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.back-to-home{border-top:1px solid #e2e8f0;margin-top:3rem;padding-top:2rem;text-align:center}.btn-link{align-items:center;background:none;border:none;color:#a855f7;cursor:pointer;display:inline-flex;font-size:1rem;gap:.5rem;outline:none;padding:.5rem 0;text-decoration:none;transition:color .2s ease}.btn-link:hover{color:#9333ea}.btn-link:focus{border-radius:4px;box-shadow:0 0 0 2px #a855f733;color:#9333ea;outline:none}@media (max-width:1199px) and (min-width:768px){.generate-container{padding:.5rem 1rem 1rem}.generate-content{gap:2rem;grid-template-columns:1fr;max-width:none;padding:0 1rem}.generate-header{margin-bottom:.5rem}.generate-badge{font-size:.8rem;margin-bottom:.75rem;padding:.375rem .875rem}.generate-title{font-size:2.5rem;margin:0 0 .5rem}.generate-subtitle{font-size:1.125rem}.upload-section{display:flex;flex-direction:column;order:1;width:100%}.detail-section{order:2;width:100%}.btn-generate{order:3}.btn-generate.hide-on-tablet{display:none!important}.upload-card{box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:flex-start;max-width:100%;min-height:auto;overflow:visible;padding:1.5rem;width:100%}.generate-action .detail-section{order:1!important}.generate-action .btn-generate{order:2!important}.generate-action>div:not(.detail-section){order:3!important}.upload-area{flex-shrink:0;height:auto;margin:1rem auto;max-width:700px;padding:1.5rem;width:min(100%,85vw,75vh)}.upload-area.has-image{height:auto;max-width:850px;width:min(85%,85vw,75vh)}.stencil-comparison{height:auto;max-width:700px;overflow:visible;width:min(100%,85vw,75vh)}.detail-card{max-width:none;padding:1.5rem;width:100%}.detail-options{display:flex;flex-direction:row;gap:1.25rem}.detail-option{flex:1 1;min-width:0;padding:1.25rem}.option-title{font-size:.95rem}.option-description{font-size:.8rem;line-height:1.4}.option-footer{font-size:.75rem}.info-icon{display:none}.option-description{display:block}.option-tooltip{display:none}.shadow-style-title{font-size:.8rem}}@media (min-width:768px) and (max-width:1199px){.generate-content{display:flex;flex-direction:column}.unlock-cta-mobile{display:block!important;margin-bottom:1.5rem;order:-10;width:100%}.unlock-cta-desktop{display:none!important}.upload-section{order:1}.detail-section{order:2}}@media (max-width:767px){.generate-container{padding:.5rem 1rem 1rem}.generate-content{display:flex;flex-direction:column;gap:1.5rem;grid-template-columns:1fr;max-width:none;padding:0 1rem}.generate-header{margin-bottom:.5rem;padding-top:0}.generate-badge{font-size:.75rem;margin-bottom:.5rem;padding:.3rem .75rem}.generate-title{font-size:1.75rem;margin:0 0 .375rem}.generate-subtitle{font-size:.95rem}.unlock-cta-mobile{display:block!important;margin-bottom:1.5rem;order:-10;width:100%}.unlock-cta-desktop{display:none!important}.upload-section{display:flex;flex-direction:column;order:1;width:100%}.upload-section .upload-card{order:0}.detail-section{order:2;width:100%}.upload-card{box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:flex-start;max-width:100%;min-height:auto;overflow:visible;padding:1.5rem;width:100%}.output-options-card{order:1!important}.btn-generate{order:2!important}.upload-area{flex-shrink:0;margin:1rem auto;max-width:600px;padding:1.5rem}.upload-area,.upload-area.has-image{height:auto;width:min(100%,90vw,70vh)}.upload-area.has-image{max-width:800px}.stencil-comparison{height:auto;max-width:600px;overflow:visible;width:min(100%,90vw,70vh)}.detail-card{max-width:none;padding:1.5rem;width:100%}.detail-options{display:flex;flex-direction:column;gap:.75rem}.detail-option{width:100%}.info-icon{display:none}.option-description{display:block}.option-tooltip{display:none}.shadow-style-title{font-size:.8rem}}@media (max-width:575px){.generate-header{margin-bottom:.75rem}.generate-badge{font-size:.75rem;margin-bottom:.5rem;padding:.3rem .75rem}.generate-title{font-size:1.75rem;margin:0 0 .375rem}.generate-subtitle{font-size:.9rem}.detail-card,.upload-card{padding:1rem}.file-formats .max-text{display:none}.resize-status{border-radius:8px;font-size:.7rem;gap:.5rem;padding:.4rem .75rem}.generate-processing-spinner{border-right:2px solid #fff3;border-top:2px solid #fff3;border-color:#fff #fff9 #fff3 #fff3;border-style:solid;border-width:2px;height:18px;width:18px}.upload-area{flex-shrink:0;max-width:500px;padding:1rem}.upload-area,.upload-area.has-image{height:auto;width:min(100%,90vw,65vh)}.upload-area.has-image{max-width:700px}.stencil-comparison{max-width:500px;width:min(100%,90vw,65vh)}.detail-option{padding:1rem}.option-header{align-items:flex-start;flex-direction:column;gap:1rem}.option-selector{align-self:flex-end}.shadow-option{padding:.875rem}.btn-generate,.btn-upscale{font-size:.9rem;padding:.875rem 1rem}.trial-message.trial-expired{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.upgrade-cta-button{padding:.75rem 1rem;width:100%}.btn-download-inline,.btn-new-inline{font-size:.875rem;padding:.75rem 1rem;width:100%}}@media (max-width:380px){.generate-container{padding:.5rem}.generate-content{gap:1.5rem;padding:0 .5rem}.generate-header{margin-bottom:.5rem}.generate-badge{font-size:.7rem;margin-bottom:.375rem;padding:.25rem .625rem}.generate-title{font-size:1.5rem;margin:0 0 .25rem}.generate-subtitle{font-size:.85rem}.detail-card,.upload-card{padding:.75rem}.resize-status{border-radius:8px;font-size:.65rem;gap:.4rem;padding:.35rem .65rem}.generate-processing-spinner{border-right:2px solid #fff3;border-top:2px solid #fff3;border-color:#fff #fff9 #fff3 #fff3;border-style:solid;border-width:2px;height:16px;width:16px}.upload-area{flex-shrink:0;max-width:400px;padding:.75rem}.upload-area,.upload-area.has-image{height:auto;width:min(100%,95vw,60vh)}.upload-area.has-image{max-width:600px}.stencil-comparison{max-width:400px;width:min(100%,95vw,60vh)}.detail-option{padding:.75rem}.btn-download-inline,.btn-new-inline{font-size:.875rem;padding:.75rem 1rem;width:100%}.output-options-card{padding:.375rem .625rem!important}.output-options-title{font-size:.75rem!important}.output-options-header{padding:.25rem 0!important}.output-option-label{font-size:.75rem!important}.output-option-row-inline{gap:.5rem!important;padding:.2rem 0!important}.custom-color-picker{margin:0 auto!important;max-width:260px!important;transform:scale(.88)!important;transform-origin:center top}.color-preview{height:55px!important}.color-hex{font-size:.8rem!important;padding:.4rem .6rem!important}.save-default-color-btn{font-size:.75rem!important;padding:.6rem .8rem!important;white-space:nowrap!important}.save-default-color-container{margin-top:.35rem!important}.color-save-message{font-size:.7rem!important;margin-top:.3rem!important;padding:.25rem .45rem!important}}@media (max-width:330px){.output-options-card{padding:.3rem .5rem!important}.output-option-label,.output-options-title{font-size:.7rem!important}.output-option-row-inline{gap:.4rem!important}.custom-color-picker{max-width:240px!important;transform:scale(.8)!important}.color-preview{height:50px!important}.color-hex{font-size:.75rem!important;padding:.35rem .55rem!important}.save-default-color-btn{font-size:.7rem!important;padding:.55rem .7rem!important}.color-save-message{font-size:.65rem!important}}@media (max-width:300px){.output-options-card{padding:.25rem .4rem!important}.output-option-label,.output-options-title{font-size:.65rem!important}.output-option-row-inline{gap:.3rem!important}.custom-color-picker{max-width:200px!important;transform:scale(.7)!important}.color-preview{height:45px!important}.color-hex{font-size:.7rem!important;padding:.3rem .5rem!important}.save-default-color-btn{font-size:.65rem!important;padding:.5rem .6rem!important}.color-save-message{font-size:.6rem!important;padding:.2rem .4rem!important}.save-default-color-container{margin-top:.25rem!important}}@media (max-width:420px){.upload-title{font-size:1.25rem!important}.upload-description{font-size:.8rem!important}.upload-placeholder h3{font-size:1rem!important}.upload-placeholder p{font-size:.8rem!important}.file-formats,.file-formats span{font-size:.7rem!important}.file-formats span{padding:.25rem .5rem!important}}.resize-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#a855f7,#9333ea);border-radius:8px;box-shadow:0 4px 12px #a855f74d,0 0 0 1px #ffffff1a;color:#fff;display:flex;flex-direction:row;font-size:.8125rem;font-weight:500;gap:.625rem;left:50%;padding:.5rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}.generate-processing-spinner{animation:smoothSpin 1s cubic-bezier(.4,0,.2,1) infinite;border-radius:50%;border-right:2px solid #fff3;border-top:2px solid #fff3;border-color:#fff #fff9 #fff3 #fff3;border-style:solid;border-width:2px;height:20px;width:20px}.processing-placeholder{align-items:center;background:linear-gradient(135deg,#a855f708,#9333ea0d);border:2px dashed #a855f733;border-radius:12px;display:flex;height:100%;justify-content:center;min-height:120px;position:relative;width:100%}.aspect-ratio-option{background:#f8faff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.checkbox-container{align-items:center;display:flex;justify-content:center}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;position:relative}.aspect-ratio-checkbox{accent-color:#a855f7;cursor:pointer;height:18px;width:18px}.checkbox-text{font-weight:500;-webkit-user-select:none;user-select:none}.info-tooltip{color:#6b7280;cursor:help;display:inline-flex;position:relative}.info-tooltip:hover .tooltip-content{opacity:1;transform:translateY(-5px);visibility:visible}.tooltip-content{word-wrap:break-word;background:#1f2937;border-radius:8px;bottom:100%;box-shadow:0 8px 24px #00000026;color:#fff;font-size:.8rem;left:50%;line-height:1.4;opacity:0;padding:.75rem;position:absolute;text-align:left;transform:translateX(-50%) translateY(0);transition:all .2s ease;visibility:hidden;white-space:normal;width:280px;z-index:1000}.tooltip-content:after{border:5px solid #0000;border-top-color:#1f2937;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.image-info-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border-radius:8px;color:#fff;font-size:.75rem;left:.75rem;padding:.5rem .75rem;position:absolute;top:.75rem;z-index:5}.image-stats{display:flex;flex-direction:column;gap:.25rem}.image-stats .stat{align-items:center;display:flex;gap:.5rem;justify-content:space-between;min-width:120px}.image-stats .stat.optimized{color:#10b981;font-weight:500}.image-stats .label{font-weight:500;opacity:.9}.image-stats .value{font-family:Monaco,Consolas,monospace;font-weight:600}.output-options-card{background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:6px!important;margin-bottom:1rem!important;padding:.5rem .875rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark-mode .output-options-card{background:#111!important;border:1px solid #2a2a2a!important}.output-options-header{padding:0;transition:all .2s ease;-webkit-user-select:none;user-select:none}.output-options-header:hover{opacity:.8}.output-options-title{color:#1a202c;font-size:.875rem;font-weight:600;margin:0;transition:color .2s ease}.dark-mode .output-options-title{color:#fff}.output-options-chevron{color:#6b7280;flex-shrink:0}.dark-mode .output-options-chevron{color:#9ca3af}.output-options-content{animation:slideDownFade .35s cubic-bezier(.4,0,.2,1) forwards;margin-top:.5rem;overflow:hidden}.output-options-content.closing{animation:slideUpFade .35s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideDownFade{0%{max-height:0;opacity:0;transform:translateY(-12px)}50%{opacity:.5}to{max-height:500px;opacity:1;transform:translateY(0)}}@keyframes slideUpFade{0%{max-height:500px;opacity:1;transform:translateY(0)}50%{opacity:.5}to{max-height:0;opacity:0;transform:translateY(-12px)}}.output-option-row{justify-content:space-between}.output-option-row,.output-option-row-inline{align-items:center;display:flex;padding:.25rem 0}.output-option-row-inline{flex-direction:column;gap:.75rem;text-align:center}.shadow-style-section-output{align-items:flex-start;animation:shadowStyleExpand .35s cubic-bezier(.4,0,.2,1) forwards;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.75rem;justify-content:flex-start;margin-top:.25rem;overflow:hidden;padding-top:.25rem}.shadow-style-section-output.closing{animation:shadowStyleCollapse .35s cubic-bezier(.4,0,.2,1) forwards}.shadow-style-item{align-items:center;display:flex;gap:1rem}.shadow-style-label{color:#1a202c;font-size:.9rem;font-weight:400}@keyframes shadowStyleExpand{0%{margin-top:0;max-height:0;opacity:0;padding-top:0}to{margin-top:1rem;max-height:200px;opacity:1;padding-top:1rem}}@keyframes shadowStyleCollapse{0%{margin-top:1rem;max-height:200px;opacity:1;padding-top:1rem}to{margin-top:0;max-height:0;opacity:0;padding-top:0}}.save-default-color-container{align-items:center;display:flex;flex-direction:column;margin-top:.5rem}.save-default-color-btn{align-items:center;background:linear-gradient(135deg,#a855f7,#9333ea);border:none;border-radius:8px;box-shadow:0 2px 8px #a855f74d;color:#fff;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease;width:100%}.save-default-color-btn:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 4px 12px #a855f766;transform:translateY(-1px)}.save-default-color-btn:active:not(:disabled){transform:translateY(0)}.save-default-color-btn:disabled{cursor:not-allowed;opacity:.6}.color-save-message{border-radius:12px;font-size:.75rem;margin-top:.5rem;padding:.5rem .75rem;text-align:center;width:100%}.color-save-message.success{background:#10b9811a;color:#10b981}.color-save-message.error{background:#ef44441a;color:#ef4444}@media (max-width:420px){.output-options-card{padding:.4rem .6rem!important}.output-options-title{font-size:.8rem}.output-option-label{font-size:.7rem}.output-option-row-inline{gap:.5rem}.custom-color-picker{max-width:280px;transform:scale(.9);transform-origin:center top;width:100%}.color-preview{height:60px}.color-hex{font-size:.875rem;padding:.4rem .75rem}}.output-option-label{color:#374151;font-size:.75rem;font-weight:500}.output-color-picker{align-items:center;display:flex;gap:.5rem;position:relative}.dark-mode .output-options-title{color:#f9fafb}.dark-mode .output-option-label{color:#d1d5db}.dark-mode .shadow-style-section-output{border-top-color:#2a2a2a}.dark-mode .shadow-style-title{color:#fff}.dark-mode .shadow-style-label,.dark-mode .toggle-label{color:#d1d5db}.dark-mode .generate-container{background:#000}.dark-mode .generate-title{color:#fff}.dark-mode .generate-subtitle{color:#b0b0b0}.dark-mode .generate-badge{background:#a855f740;color:#c084fc}.dark-mode .upload-card{background:#111;border-color:#2a2a2a;box-shadow:0 4px 20px #0009}.dark-mode .upload-title{color:#fff}.dark-mode .upload-description{color:#b0b0b0}.dark-mode .upload-area{background:#0000;border-color:#2a2a2a}.dark-mode .upload-area.drag-active{background:#a855f71f;border-color:#a855f7}.dark-mode .upload-placeholder h3{color:#fff}.dark-mode .upload-placeholder p{color:#b0b0b0}.dark-mode .upload-icon{color:#a855f7}.dark-mode .file-types{color:grey}.dark-mode .detail-card{background:#111;border-color:#2a2a2a;box-shadow:0 4px 20px #0009}.dark-mode .detail-title{color:#fff}.dark-mode .info-tooltip-content{background:#0a0a0a;border-color:#a855f7;box-shadow:0 10px 30px #a855f74d}.dark-mode .info-tooltip-content strong{color:#fff}.dark-mode .info-tooltip-content li{color:#e0e0e0}.dark-mode .info-tooltip-content li strong{color:#a855f7}.dark-mode .detail-subtitle,.dark-mode .info-tooltip-content p{color:#b0b0b0}.stencil-version-buttons{background:#f3f4f6;border:1px solid #e5e7eb;position:relative}.stencil-version-buttons:before{background:#a855f7;content:"";height:100%;left:0;position:absolute;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:50%;z-index:0}.stencil-version-buttons:has(.stencil-version-btn:last-child.active):before{transform:translateX(100%)}.stencil-version-btn{background:#0000;color:#6b7280;position:relative;transition:color .3s cubic-bezier(.4,0,.2,1);z-index:1}.stencil-version-btn.active{background:#0000;color:#fff}.stencil-version-btn:focus{outline:none}.stencil-version-btn:disabled{cursor:not-allowed;opacity:.5}.slider-container{transition:opacity .3s ease}.slider-container.transitioning{opacity:0}.dark-mode .stencil-version-buttons{background:#1a1a1a;border:1px solid #2a2a2a}.dark-mode .stencil-version-buttons:before{background:#a855f7}.dark-mode .stencil-version-btn{background:#0000;color:#6b7280}.dark-mode .stencil-version-btn.active{background:#0000;color:#fff}.dark-mode .detail-option{background:#0a0a0a;border-color:#3a3a3a}.dark-mode .detail-option:hover{background:#a855f71a;border-color:#a855f7}.dark-mode .detail-option.selected{background:#a855f726;border-color:#a855f7}.dark-mode .detail-option h4{color:#fff}.dark-mode .detail-option p{color:#d0d0d0}.dark-mode .detail-option .time{color:#b0b0b0}.dark-mode .option-description{color:#d0d0d0}.dark-mode .option-title{color:#fff}.dark-mode .btn-generate{background:#a855f7;color:#fff}.dark-mode .btn-generate:hover:not(:disabled){background:#9333ea}.dark-mode .btn-generate:disabled{background:#2a2a2a;color:#666}.dark-mode .btn-upscale{background:#a855f7;color:#fff}.dark-mode .btn-upscale:hover:not(:disabled){background:#9333ea}.dark-mode .btn-upscale:disabled{background:#2a2a2a;color:#666}.dark-mode .btn-download-inline{background:#a855f7;color:#fff}.dark-mode .btn-download-inline:hover{background:#9333ea}.dark-mode .btn-upscale-inline{background:#a855f7;color:#fff}.dark-mode .btn-upscale-inline:hover:not(:disabled){background:#9333ea}.dark-mode .btn-upscale-inline:disabled{background:#2a2a2a;color:#666}.dark-mode .btn-new-inline{background:#111;border-color:#2a2a2a;color:#e0e0e0}.dark-mode .btn-new-inline:hover{background:#000;border-color:#444}.dark-mode .stencil-actions{border-top-color:#2a2a2a}.dark-mode .slider-container{background:#0a0a0a;border:1px solid #2a2a2a;box-shadow:0 4px 20px #000c}.dark-mode .progress-container{background:#111;border-color:#2a2a2a}.dark-mode .progress-card{background:linear-gradient(135deg,#a855f726,#a855f733);border-color:#a855f766;box-shadow:0 4px 20px #a855f740}.dark-mode .progress-title{color:#fff}.dark-mode .progress-subtitle{color:#d0d0d0}.dark-mode .status-text{color:#fff}.dark-mode .time-label{color:#b0b0b0}.dark-mode .progress-bar{background:linear-gradient(90deg,#a855f7,#c084fc)}.dark-mode .progress-bar-modern{background:#a855f740}.dark-mode .progress-fill-modern{background:linear-gradient(90deg,#a855f7,#c084fc);box-shadow:0 0 15px #a855f7cc}.dark-mode .progress-text{color:#fff}.dark-mode .queue-status{background:#a855f726;border-color:#a855f7;color:#e9d5ff}.dark-mode .trial-counter{background:#10b98126;border-color:#10b981;color:#6ee7b7}.dark-mode .trial-message{background:#fbbf2426;border-color:#f59e0b;color:#fcd34d}.dark-mode .trial-message.trial-expired{background:#ef444426;border-color:#ef4444;color:#fca5a5}.dark-mode .unlock-cta-container{background:linear-gradient(135deg,#a855f726,#a855f733);border-color:#a855f74d}.dark-mode .unlock-cta-title{color:#fff}.dark-mode .unlock-cta-description,.dark-mode .unlock-cta-price{color:#b0b0b0}.dark-mode .unlock-cta-price-highlight{color:#a855f7}.dark-mode .upgrade-cta-button{background:#a855f7;color:#fff}.dark-mode .upgrade-cta-button:hover{background:#9333ea}.dark-mode .error-message{background:#ef444426;border-color:#ef4444}.dark-mode .info-icon{color:grey}.dark-mode .info-icon:hover{color:#a855f7}.dark-mode .tooltip-content{background:#111;border-color:#2a2a2a;box-shadow:0 4px 12px #00000080;color:#e0e0e0}.dark-mode .tooltip-content:after{border-top-color:#111}.dark-mode .image-overlay{background:#0f172ae6}.dark-mode .image-overlay span{color:#e2e8f0}.dark-mode .image-info-overlay{background:#0f172ae6;color:#e2e8f0}.dark-mode .loading-overlay,.dark-mode .resize-status{background:#a855f7f2}.dark-mode .shadow-toggle{background:#111;border-color:#2a2a2a}.dark-mode .shadow-label{color:#e0e0e0}.dark-mode .switch{background-color:#2a2a2a}.dark-mode .switch.active{background-color:#a855f7}.dark-mode .switch-slider{background-color:#fff}.dark-mode .generation-progress{background:#111;border-color:#2a2a2a}.dark-mode .progress-bar{background:#2a2a2a}.dark-mode .progress-text{color:#e0e0e0}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutToTop{0%{max-height:200px;opacity:1;transform:translateY(0)}to{max-height:0;opacity:0;transform:translateY(-20px)}}.dark-mode .auto-detection-notice{background-color:#a855f726!important;border-color:#a855f7!important}.dark-mode .auto-detection-notice .notice-text{color:#9ca3af!important}.dark-mode .auto-detection-notice .notice-text strong{color:#c084fc!important}.auth-container{align-items:flex-start;background:linear-gradient(135deg,#f8faff,#fff);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;padding:4rem 2rem 2rem}.auth-content{max-width:480px;width:100%}.auth-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.auth-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 64px #0000001a;padding:3rem}.auth-form-header{margin-bottom:2rem;text-align:center}.auth-title{color:#1a202c;font-size:2rem;font-weight:700;margin:0 0 .5rem}.auth-subtitle{color:grey;font-size:1rem;line-height:1.5;margin:0}.social-login{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.social-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:.75rem;justify-content:center;outline:none;padding:.875rem 1rem;transition:all .2s ease}.social-btn:hover:not(:disabled){background:#f8faff;border-color:#cbd5e0}.social-btn:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.social-btn:disabled{cursor:not-allowed;opacity:.6}.google-btn:hover:not(:disabled){background:#4285f40d;border-color:#4285f4}.github-btn:hover:not(:disabled){background:#24292e0d;border-color:#24292e}.apple-btn:hover:not(:disabled){background:#0000000d;border-color:#000}.divider{margin:2rem 0;position:relative;text-align:center}.divider:before{background:#e2e8f0;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#fff;color:grey;font-size:.875rem;padding:0 1rem;position:relative}.auth-message{word-wrap:break-word;border-radius:8px;font-size:.875rem;line-height:1.5;margin-bottom:1rem;overflow-wrap:break-word;padding:.875rem 1rem;text-align:center}.auth-message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.auth-message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;width:100%}.form-group{min-width:0}.form-group label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-group input{min-width:0}.form-options{display:flex;justify-content:flex-end;margin-top:-.5rem}.forgot-password{background:none;border:none;color:#a855f7;cursor:pointer;font-size:.875rem;outline:none;text-decoration:none;transition:color .2s ease}.forgot-password:hover{color:#9333ea;text-decoration:underline}.forgot-password:focus{border-radius:4px;box-shadow:0 0 0 2px #a855f733;color:#9333ea;outline:none}.auth-submit-btn{background:#a855f7;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;outline:none;padding:1rem 1.5rem;transition:all .3s ease}.auth-submit-btn:hover:not(:disabled){background:#9333ea;box-shadow:0 8px 24px #a855f766;transform:translateY(-2px)}.auth-submit-btn:focus{box-shadow:0 0 0 3px #a855f74d;outline:none}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-toggle{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:2rem;text-align:center}.auth-toggle p{color:grey;margin:0}.toggle-btn{background:none;border:none;color:#a855f7;cursor:pointer;font-weight:500;outline:none;text-decoration:none;transition:color .2s ease}.toggle-btn:hover{color:#9333ea;text-decoration:underline}.toggle-btn:focus{border-radius:4px;box-shadow:0 0 0 2px #a855f733;color:#9333ea;outline:none}.terms{margin-top:1.5rem;text-align:center}.terms p{color:grey;font-size:.875rem;line-height:1.5;margin:0}.terms-link{background:none;border:none;color:#a855f7;cursor:pointer;display:inline;font-size:inherit;padding:0;text-decoration:none;transition:color .2s ease}.terms-link:hover{color:#9333ea;text-decoration:underline}.terms-link:focus{border-radius:4px;box-shadow:0 0 0 2px #a855f733;color:#9333ea;outline:none}@media (max-width:767px){.auth-container{padding:2rem 1rem 1rem}.auth-card{padding:2rem}.auth-title{font-size:1.75rem}.form-row{gap:1.5rem;grid-template-columns:1fr}.auth-header{align-items:flex-start;flex-direction:column;gap:1rem}.logo{align-self:center}.social-btn{font-size:.875rem;padding:.75rem 1rem}}@media (max-width:520px){.form-row{gap:1.5rem;grid-template-columns:1fr}}@media (max-width:575px){.auth-card{padding:1.5rem}.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.9rem}.form-row{gap:1.5rem;grid-template-columns:1fr}}.modal-overlay{background:#00000080}.modal-content{border:1px solid #e2e8f0;box-shadow:0 20px 64px #0003;max-width:400px}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem 1.5rem 0}.modal-header h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:6px;color:grey;cursor:pointer;outline:none;padding:.25rem;transition:all .2s ease}.modal-close:hover{background:#fff;color:#374151}.modal-close:focus{box-shadow:0 0 0 2px #a855f733;outline:none}.modal-body{padding:0 1.5rem 1.5rem}.modal-body p{color:grey;line-height:1.5;margin:0 0 1.5rem}.modal-actions{gap:.75rem;margin-top:1.5rem}.modal-actions .btn-secondary{background:#f8faff;border:2px solid #e2e8f0;border-radius:12px;color:grey;cursor:pointer;flex:1 1;font-weight:500;outline:none;padding:.75rem 1rem;transition:all .2s ease}.modal-actions .btn-secondary:hover{background:#fff;border-color:#cbd5e0}.modal-actions .btn-secondary:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.modal-actions .btn-primary{background:#a855f7;border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-weight:500;outline:none;padding:.75rem 1rem;transition:all .2s ease}.modal-actions .btn-primary:hover:not(:disabled){background:#9333ea}.modal-actions .btn-primary:focus{box-shadow:0 0 0 3px #a855f74d;outline:none}.modal-actions .btn-primary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:575px){.modal-content{margin:1rem;max-width:calc(100% - 2rem)}.modal-header{padding:1rem 1rem 0}.modal-body{padding:0 1rem 1rem}.modal-actions{flex-direction:column}}.dark-mode .auth-container{background:linear-gradient(135deg,#000,#111)}.dark-mode .auth-card{background:#111;border-color:#2a2a2a;box-shadow:0 20px 64px #0006}.dark-mode .auth-title{color:#fff}.dark-mode .auth-subtitle{color:#b0b0b0}.dark-mode .social-btn{background:#000;border-color:#2a2a2a;color:#fff}.dark-mode .social-btn:hover{background:#2a2a2a;border-color:#a855f7}.dark-mode .divider{color:grey}.dark-mode .divider span{background:#111;color:#b0b0b0}.dark-mode .divider:after,.dark-mode .divider:before{background:#2a2a2a}.dark-mode .form-input{background:#000;border-color:#2a2a2a;color:#fff}.dark-mode .form-input::placeholder{color:grey}.dark-mode .form-input:hover{border-color:#444}.dark-mode .form-input:focus{background:#000;border-color:#a855f7}.dark-mode .password-toggle{color:#b0b0b0}.dark-mode .password-toggle:hover{color:#a855f7}.dark-mode .error-text{color:#fca5a5}.dark-mode .checkbox-label{color:#e0e0e0}.dark-mode .checkbox-label input:checked{background-color:#a855f7;border-color:#a855f7}.dark-mode .forgot-password{color:#a855f7}.dark-mode .forgot-password:hover{color:#9333ea}.dark-mode .submit-btn{background:#a855f7;color:#fff}.dark-mode .submit-btn:hover:not(:disabled){background:#9333ea;box-shadow:0 8px 16px #a855f766}.dark-mode .submit-btn:disabled{opacity:.5}.dark-mode .auth-footer{color:#b0b0b0}.dark-mode .auth-link{color:#a855f7}.dark-mode .auth-link:hover{color:#9333ea}.dark-mode .modal-overlay{background:#000c}.dark-mode .modal-content{background:#111;border-color:#2a2a2a}.dark-mode .modal-title{color:#fff}.dark-mode .modal-message{color:#e0e0e0}.dark-mode .close-button{color:#b0b0b0}.dark-mode .close-button:hover{color:#fff}.dark-mode .modal-actions .btn-secondary{background:#000;border-color:#2a2a2a;color:#e0e0e0}.dark-mode .modal-actions .btn-secondary:hover{background:#2a2a2a;border-color:#444}.dark-mode .modal-actions .btn-secondary:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}.dark-mode .modal-actions .btn-primary{background:#a855f7;color:#fff}.dark-mode .modal-actions .btn-primary:hover:not(:disabled){background:#9333ea}.dark-mode .modal-actions .btn-primary:focus{box-shadow:0 0 0 3px #a855f766}.reset-password-container{align-items:flex-start;background:linear-gradient(135deg,#f8faff,#fff);display:flex;justify-content:center;min-height:100vh;padding:4rem 2rem 2rem}.reset-password-content{max-width:480px;width:100%}.reset-password-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.back-button{background:none;border:none;color:grey;font-size:.95rem;outline:none;transition:color .2s ease}.back-button:hover{color:#a855f7}.back-button:focus{border-radius:4px;box-shadow:0 0 0 2px #a855f733;color:#a855f7;outline:none}.logo{gap:.75rem}.logo,.logo-icon{align-items:center;display:flex}.logo-icon{justify-content:center}.logo-text{color:#1a202c;font-size:1.25rem;font-weight:700}.reset-password-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 64px #0000001a;padding:3rem}.reset-password-form-header{margin-bottom:2rem;text-align:center}.error-icon,.password-success-icon{align-items:center;background:#0000;display:flex;justify-content:center;margin:0 auto 1rem}.error-icon svg,.password-success-icon svg{background:#0000;display:block}.reset-password-title{color:#1a202c;font-size:2rem;font-weight:700;margin:0 0 .5rem}.reset-password-subtitle{color:grey;font-size:1rem;line-height:1.5;margin:0}.reset-password-message{border-radius:8px;font-size:.875rem;margin-bottom:1rem;padding:.875rem 1rem;text-align:center}.reset-password-message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.reset-password-message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.reset-password-form{gap:1.5rem}.form-group,.reset-password-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#374151;font-size:.875rem;font-weight:500}.form-group input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-size:1rem;outline:none;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a}.form-group input::placeholder{color:#9ca3af}.password-requirements{background:#f8faff;border:1px solid #e2e8f0;border-radius:8px;margin-top:-.5rem;padding:1rem}.password-requirements h4{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 .5rem}.password-requirements ul{list-style:none;margin:0;padding-left:1.25rem}.password-requirements li{color:grey;font-size:.875rem;margin-bottom:.25rem;position:relative}.password-requirements li:before{color:#dc2626;content:"✗";font-weight:700;left:-1.25rem;position:absolute}.password-requirements li.valid{color:#16a34a}.password-requirements li.valid:before{color:#16a34a;content:"✓"}.reset-password-submit-btn{background:#a855f7;border:none;border-radius:12px;color:#fff!important;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;outline:none;padding:1rem 1.5rem;transition:all .3s ease}.reset-password-submit-btn *{color:#fff!important}.reset-password-submit-btn:hover:not(:disabled){background:#9333ea;box-shadow:0 8px 24px #a855f766;transform:translateY(-2px)}.reset-password-submit-btn:focus{box-shadow:0 0 0 3px #a855f74d;outline:none}.reset-password-submit-btn:active:not(:disabled){transform:translateY(0)}.reset-password-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.reset-password-info{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:2rem;text-align:center}.reset-password-info p{color:grey;font-size:.875rem;line-height:1.5;margin:0}.reset-password-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.reset-password-actions .btn-primary{background:#a855f7;border:none;border-radius:12px;color:#fff!important;cursor:pointer;font-size:1rem;font-weight:600;outline:none;padding:.875rem 1.5rem;transition:all .3s ease}.reset-password-actions .btn-primary *{color:#fff!important}.reset-password-actions .btn-primary:hover{background:#9333ea;box-shadow:0 8px 24px #a855f766;transform:translateY(-2px)}.reset-password-actions .btn-primary:focus{box-shadow:0 0 0 3px #a855f74d;outline:none}.reset-password-actions .btn-secondary{background:#f8faff;border:2px solid #e2e8f0;border-radius:12px;color:grey;cursor:pointer;font-size:1rem;font-weight:500;outline:none;padding:.875rem 1.5rem;transition:all .2s ease}.reset-password-actions .btn-secondary:hover{background:#fff;border-color:#cbd5e0}.reset-password-actions .btn-secondary:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}@media (max-width:767px){.reset-password-container{padding:2rem 1rem 1rem}.reset-password-card{padding:2rem}.reset-password-title{font-size:1.75rem}.reset-password-header{align-items:flex-start;flex-direction:column;gap:1rem}.logo{align-self:center}}@media (max-width:575px){.reset-password-card{padding:1.5rem}.reset-password-title{font-size:1.5rem}.reset-password-subtitle{font-size:.9rem}.reset-password-actions{gap:.5rem}}.dark-mode .reset-password-container{background:#000}.dark-mode .back-button{color:#b0b0b0}.dark-mode .back-button:focus,.dark-mode .back-button:hover{color:#a855f7}.dark-mode .logo-text{color:#fff}.dark-mode .reset-password-card{background:#111;border-color:#2a2a2a;box-shadow:0 20px 64px #0006}.dark-mode .reset-password-title{color:#fff!important}.dark-mode .reset-password-subtitle{color:#b0b0b0}.dark-mode .reset-password-message.error{background:#dc26261a;border-color:#dc26264d;color:#fca5a5}.dark-mode .reset-password-message.success{background:#22c55e1a;border-color:#22c55e4d;color:#86efac}.dark-mode .form-group label{color:#fff}.dark-mode .form-group input{background:#000;border-color:#2a2a2a;color:#fff}.dark-mode .form-group input::placeholder{color:grey}.dark-mode .form-group input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}.dark-mode .password-requirements{background:#000;border-color:#2a2a2a}.dark-mode .password-requirements h4{color:#fff}.dark-mode .password-requirements li{color:#b0b0b0}.dark-mode .password-requirements li:before{color:#fca5a5}.dark-mode .password-requirements li.valid,.dark-mode .password-requirements li.valid:before{color:#86efac}.dark-mode .reset-password-submit-btn{background:#a855f7!important;color:#fff!important}.dark-mode .reset-password-submit-btn *{color:#fff!important}.dark-mode .reset-password-submit-btn:hover:not(:disabled){background:#9333ea!important;box-shadow:0 8px 24px #a855f766;color:#fff!important}.dark-mode .reset-password-submit-btn:hover:not(:disabled) *{color:#fff!important}.dark-mode .reset-password-submit-btn:disabled{color:#fff!important;opacity:.5}.dark-mode .reset-password-submit-btn:disabled *{color:#fff!important}.dark-mode .reset-password-info{border-top-color:#2a2a2a}.dark-mode .reset-password-info p{color:#b0b0b0}.dark-mode .reset-password-actions .btn-primary{background:#a855f7!important;color:#fff!important}.dark-mode .reset-password-actions .btn-primary *{color:#fff!important}.dark-mode .reset-password-actions .btn-primary:hover{background:#9333ea!important;box-shadow:0 8px 24px #a855f766;color:#fff!important}.dark-mode .reset-password-actions .btn-primary:hover *{color:#fff!important}.dark-mode .reset-password-actions .btn-secondary{background:#000;border-color:#2a2a2a;color:#e0e0e0}.dark-mode .reset-password-actions .btn-secondary:hover{background:#2a2a2a;border-color:#444}.dark-mode .reset-password-actions .btn-secondary:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}.update-password-page{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.update-password-container{animation:updatePasswordSlideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;max-width:480px;padding:3rem 2.5rem;width:100%}@keyframes updatePasswordSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.update-password-icon{align-items:center;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-radius:50%;color:#a855f7;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.update-password-container h2{color:#111827;font-size:1.75rem;font-weight:700;line-height:1.3;margin:0 0 .5rem;text-align:center}.update-password-subtitle{color:#6b7280;font-size:.9375rem;line-height:1.5;margin:0 0 2rem;text-align:center}.update-password-form{display:flex;flex-direction:column;gap:1.5rem}.update-password-alert{align-items:flex-start;border-radius:12px;display:flex;font-size:.875rem;gap:.75rem;padding:1rem}.update-password-alert svg{flex-shrink:0;margin-top:.125rem}.update-password-alert-error{background:#fef2f2;border:1px solid #fee2e2;color:#991b1b}.update-password-form-group{display:flex;flex-direction:column;gap:.5rem}.update-password-form-group label{color:#374151;font-size:.875rem;font-weight:600}.update-password-form-group input{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#111827;font-size:.9375rem;padding:.875rem 1rem;transition:all .2s ease}.update-password-form-group input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.update-password-hint{color:#9ca3af;font-size:.8125rem}.update-password-btn{align-items:center;background:linear-gradient(135deg,#a855f7,#9333ea);border:none;border-radius:10px;box-shadow:0 4px 12px #a855f74d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:1rem 1.5rem;transition:all .2s ease}.update-password-btn:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 6px 16px #a855f766;transform:translateY(-1px)}.update-password-btn:active:not(:disabled){transform:translateY(0)}.update-password-btn:disabled{cursor:not-allowed;opacity:.7}.update-password-spinner{animation:updatePasswordSpin 1s linear infinite}@keyframes updatePasswordSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.update-password-success{padding:2rem 0;text-align:center}.success-icon{animation:successPop .5s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#10b981;height:100px;width:100px}@keyframes successPop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.update-password-success h2{color:#10b981;margin-bottom:.75rem}.update-password-success p{color:#6b7280;font-size:.9375rem}.dark-mode .update-password-page{background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.dark-mode .update-password-container{background:#1a1a1a;box-shadow:0 20px 60px #0009}.dark-mode .update-password-icon{background:linear-gradient(135deg,#a855f726,#9333ea26)}.dark-mode .update-password-container h2{color:#f9fafb}.dark-mode .update-password-subtitle{color:#9ca3af}.dark-mode .update-password-alert-error{background:#ef44441a;border-color:#ef444433;color:#fca5a5}.dark-mode .update-password-form-group label{color:#e5e7eb}.dark-mode .update-password-form-group input{background:#262626;border-color:#404040;color:#f9fafb}.dark-mode .update-password-form-group input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}.dark-mode .update-password-hint{color:#6b7280}.dark-mode .success-icon{background:linear-gradient(135deg,#10b98126,#05966926)}.dark-mode .update-password-success p{color:#9ca3af}@media (max-width:640px){.update-password-container{border-radius:16px;padding:2rem 1.5rem}.update-password-icon{height:64px;margin-bottom:1.25rem;width:64px}.update-password-container h2{font-size:1.5rem}.update-password-subtitle{font-size:.875rem;margin-bottom:1.5rem}.success-icon{height:80px;width:80px}}.legal-page{min-height:100vh;padding:2rem 0}.legal-page,:not(.dark-mode) .legal-page,html:not(.dark-mode) .App .legal-page,html:not(.dark-mode) .legal-page,html:not(.dark-mode) body .legal-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important}.legal-container{margin:0 auto;max-width:800px;padding:0 1rem}.legal-header{margin-bottom:3rem}.legal-page .back-button{align-items:center;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:.5rem;color:#4a5568!important;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:2rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.legal-page .back-button:hover{background:#f8fafc!important;border-color:#a855f7!important;color:#a855f7!important;transform:translateY(-1px)}.legal-title-section{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;padding:2rem}.legal-title-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#7c3aed);background-clip:text;-webkit-background-clip:text;color:#111;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.legal-subtitle{color:grey;font-size:1rem;margin:0}.legal-content{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.legal-section{border-bottom:1px solid #fff;padding:2rem}.legal-section:last-child{border-bottom:none}.legal-section h2{border-bottom:2px solid #a855f7;color:#111;display:inline-block;font-size:1.5rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.legal-section h3{color:#2a2a2a;font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem}.legal-section h4{color:#444;font-size:1.125rem;font-weight:600;margin:1rem 0 .5rem}.legal-section p,.legal-section ul{color:#444;line-height:1.7;margin:0 0 1rem}.legal-section ol,.legal-section ul{padding-left:1.5rem}.legal-section ol{color:#444;line-height:1.7;margin:0 0 1rem}.legal-section li{margin:.5rem 0}.contact-info{background:#f8fafc;border:1px solid #d1d5db;border-radius:.5rem;margin:1rem 0;padding:1.5rem}.contact-info p{font-weight:500}.cookie-table{background:#f8fafc;border-radius:.5rem;margin:1rem 0;overflow:hidden}.cookie-row{grid-gap:1rem;border-bottom:1px solid #e2e8f0;display:grid;font-size:.875rem;gap:1rem;grid-template-columns:1fr 2fr 1fr;padding:1rem}.cookie-row:last-child{border-bottom:none}.cookie-name{color:#7c3aed;font-family:Courier New,monospace;font-weight:600}.cookie-purpose{color:#444}.cookie-duration{color:grey;font-weight:500}.cookie-settings-section{background:#f8fafc;border-top:1px solid #e2e8f0;padding:2rem}.cookie-controls{margin:1.5rem 0}.cookie-control{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;margin:1rem 0;padding:1rem}.cookie-control label{align-items:center;color:#2a2a2a;cursor:pointer;display:flex;font-weight:500;gap:.75rem}.cookie-control input[type=checkbox]{accent-color:#a855f7;height:1.25rem;width:1.25rem}.cookie-control p{color:grey;font-size:.875rem;margin:.5rem 0 0 2rem}.cookie-actions{display:flex;flex-wrap:wrap;gap:1rem}.accept-all-btn,.save-preferences-btn{border-radius:.5rem;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.save-preferences-btn{background:#fff;border:1px solid #a855f7;color:#a855f7}.accept-all-btn,.save-preferences-btn:hover{background:#a855f7;color:#fff}.accept-all-btn{border:1px solid #a855f7}.accept-all-btn:hover{background:#9333ea;border-color:#9333ea}.cookie-saved-message{align-items:center;background:#dcfce7;border:1px solid #16a34a;border-radius:.5rem;color:#15803d;display:flex;font-weight:500;gap:.5rem;margin:1rem 0;padding:1rem}.cookie-status-info{background:#fff;border:1px solid #e0e0e0;border-radius:.5rem;margin:1rem 0;padding:1rem}.cookie-status-info p{color:#444;font-size:.875rem;margin:.25rem 0}.reset-consent-btn{background:#ef4444;border:1px solid #ef4444;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.reset-consent-btn:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.reset-consent-btn:disabled{cursor:not-allowed;opacity:.6}.gdpr-right{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin:1rem 0;padding:1.5rem}.gdpr-right h3{color:#a855f7;margin-top:0}.gdpr-action-btn{background:#a855f7;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;margin-top:.5rem;padding:.5rem 1rem;transition:background .2s ease}.gdpr-action-btn:hover{background:#9333ea}.processing-activity{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin:1rem 0;padding:1.5rem}.processing-activity h3{color:#111;margin-top:0}.gdpr-contact-section{background:#f8fafc;border-top:1px solid #e2e8f0;padding:2rem;text-align:center}.gdpr-quick-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.gdpr-primary-btn,.gdpr-secondary-btn{border-radius:.5rem;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.gdpr-primary-btn{background:#a855f7;border:1px solid #a855f7;color:#fff}.gdpr-primary-btn:hover{background:#9333ea;border-color:#9333ea}.gdpr-secondary-btn{background:#fff;border:1px solid #a855f7;color:#a855f7}.gdpr-secondary-btn:hover{background:#a855f7;color:#fff}.license-tier{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin:1.5rem 0;padding:1.5rem;position:relative}.license-badge{border-radius:1rem;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;padding:.25rem .75rem;text-transform:uppercase}.license-badge.free{background:#dcfce7;color:#166534}.license-badge.pro{background:#fef3c7;color:#92400e}.license-badge.enterprise{background:#e0e7ff;color:#3730a3}.license-permissions,.license-restrictions{list-style:none;margin:1rem 0;padding-left:0}.license-permissions li,.license-restrictions li{align-items:center;display:flex;gap:.5rem;padding:.25rem 0}.attribution-example{background:#111;border-radius:.375rem;color:#e2e8f0;font-family:Courier New,monospace;margin:1rem 0;padding:1rem}.oss-category{margin:2rem 0}.oss-component{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;margin:1rem 0;padding:1rem}.oss-component h4{color:#a855f7;margin-top:0}.oss-component a{color:#a855f7;font-weight:500;text-decoration:none}.oss-component a:hover{text-decoration:underline}.license-summary{background:#f8fafc;border-top:1px solid #e2e8f0;padding:2rem}.license-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.license-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;text-align:center;transition:transform .2s ease}.license-card:hover{box-shadow:0 8px 25px -8px #0000001a;transform:translateY(-2px)}.license-card h3{color:#111;margin-top:0}.license-price{color:#a855f7;display:block;font-size:1.5rem;font-weight:700;margin-top:1rem}@media (max-width:767px){.legal-page{padding:1rem 0}.legal-container{padding:0 .5rem}.legal-title-section{padding:1.5rem}.legal-title-section h1{font-size:2rem}.legal-section{padding:1.5rem}.cookie-row{gap:.5rem;grid-template-columns:1fr}.gdpr-quick-actions{align-items:center;flex-direction:column}.gdpr-primary-btn,.gdpr-secondary-btn{max-width:250px;width:100%}.license-grid{grid-template-columns:1fr}.cookie-actions{flex-direction:column}.accept-all-btn,.save-preferences-btn{width:100%}}.dark-mode .legal-page{background:#000!important}.dark-mode .legal-page .back-button{background:#111!important;border-color:#2a2a2a!important;color:#b0b0b0!important}.dark-mode .legal-page .back-button:hover{background:#2a2a2a!important;border-color:#a855f7!important;color:#a855f7!important}.dark-mode .legal-title-section{background:#111;border-color:#2a2a2a;box-shadow:0 4px 6px -1px #0000004d}.dark-mode .legal-title-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#c084fc);background-clip:text;-webkit-background-clip:text;color:#fff}.dark-mode .legal-subtitle{color:#b0b0b0}.dark-mode .legal-content{background:#111;border-color:#2a2a2a;box-shadow:0 4px 6px -1px #0000004d}.dark-mode .legal-section{border-bottom-color:#2a2a2a}.dark-mode .legal-section h2,.dark-mode .legal-section h3{color:#fff}.dark-mode .legal-section li,.dark-mode .legal-section ol,.dark-mode .legal-section p,.dark-mode .legal-section ul{color:#e0e0e0}.dark-mode .legal-section strong{color:#fff}.dark-mode .legal-section a{color:#a855f7}.dark-mode .legal-section a:hover{color:#c084fc}.dark-mode .highlight{background:#a855f71a;border-color:#a855f7}.dark-mode .contact-box{background:#000;border-color:#2a2a2a}.dark-mode .contact-box h3{color:#fff}.dark-mode .contact-box p{color:#e0e0e0}.dark-mode .contact-link{color:#a855f7}.dark-mode .contact-link:hover{color:#c084fc}.dark-mode .cookie-category{border-color:#2a2a2a}.dark-mode .cookie-category h3{color:#fff}.dark-mode .cookie-category p{color:#e0e0e0}.dark-mode .toggle-switch{background:#2a2a2a}.dark-mode .toggle-slider:before{background:#b0b0b0}.dark-mode input:checked+.toggle-slider{background:#a855f7}.dark-mode .cookie-table{border-color:#2a2a2a}.dark-mode .cookie-table th{background:#000;border-bottom-color:#2a2a2a;color:#fff}.dark-mode .cookie-row{border-bottom-color:#2a2a2a}.dark-mode .cookie-name{color:#fff}.dark-mode .cookie-expiry,.dark-mode .cookie-purpose,.dark-mode .cookie-type{color:#e0e0e0}.dark-mode .cookie-actions{border-top-color:#2a2a2a}.dark-mode .save-preferences-btn{background:#2a2a2a;border-color:#2a2a2a;color:#fff}.dark-mode .save-preferences-btn:hover{background:#444;border-color:#444}.dark-mode .accept-all-btn{background:#a855f7;color:#fff}.dark-mode .accept-all-btn:hover{background:#9333ea;box-shadow:0 4px 12px #a855f766}.dark-mode .gdpr-quick-actions{background:#000;border-color:#2a2a2a}.dark-mode .gdpr-quick-actions h3{color:#fff}.dark-mode .gdpr-quick-actions p{color:#e0e0e0}.dark-mode .gdpr-primary-btn{background:#a855f7;color:#fff}.dark-mode .gdpr-primary-btn:hover{background:#9333ea;box-shadow:0 4px 12px #a855f766}.dark-mode .gdpr-secondary-btn{background:#2a2a2a;border-color:#2a2a2a;color:#fff}.dark-mode .gdpr-secondary-btn:hover{background:#444;border-color:#444}.dark-mode .license-card{background:#000;border-color:#2a2a2a}.dark-mode .license-card h3{color:#fff}.dark-mode .license-card p,.dark-mode .license-card ul li{color:#e0e0e0}.dark-mode .license-price{color:#a855f7}.dark-mode .contact-info{background:#000;border-color:#2a2a2a}.dark-mode .contact-info p{color:#e0e0e0}.dark-mode .contact-info strong{color:#fff}.dark-mode .cookie-table{background:#000}.dark-mode .cookie-duration{color:#b0b0b0}.dark-mode .cookie-settings-section{background:#000;border-top-color:#2a2a2a}.dark-mode .cookie-settings-section h2{color:#fff}.dark-mode .cookie-settings-section>p{color:#e0e0e0}.dark-mode .cookie-control{background:#111;border-color:#2a2a2a}.dark-mode .cookie-control label{color:#fff}.dark-mode .cookie-control p{color:#b0b0b0}.dark-mode .cookie-saved-message{background:#16a34a1a;border-color:#16a34a;color:#4ade80}.dark-mode .cookie-status-info{background:#111;border-color:#2a2a2a}.dark-mode .cookie-status-info p{color:#e0e0e0}.dark-mode .gdpr-right{background:#000;border-color:#2a2a2a}.dark-mode .gdpr-right h3{color:#a855f7}.dark-mode .gdpr-right p{color:#e0e0e0}.dark-mode .processing-activity{background:#000;border-color:#2a2a2a}.dark-mode .processing-activity h3{color:#fff}.dark-mode .processing-activity h4,.dark-mode .processing-activity li,.dark-mode .processing-activity p{color:#e0e0e0}.dark-mode .processing-activity strong{color:#fff}.dark-mode .gdpr-contact-section{background:#000;border-top-color:#2a2a2a}.dark-mode .gdpr-contact-section h2{color:#fff}.dark-mode .gdpr-contact-section p{color:#e0e0e0}.dark-mode .license-tier{background:#000;border-color:#2a2a2a}.dark-mode .license-tier h3{color:#fff}.dark-mode .license-tier h4,.dark-mode .license-tier li,.dark-mode .license-tier p{color:#e0e0e0}.dark-mode .license-tier strong{color:#fff}.dark-mode .license-permissions li,.dark-mode .license-restrictions li{color:#e0e0e0}.dark-mode .oss-component{background:#000;border-color:#2a2a2a}.dark-mode .oss-component h4{color:#a855f7}.dark-mode .oss-component p{color:#e0e0e0}.dark-mode .oss-component a{color:#a855f7}.dark-mode .oss-component a:hover{color:#c084fc}.dark-mode .oss-component strong{color:#fff}.dark-mode .attribution-example{background:#000;border:1px solid #2a2a2a;color:#e0e0e0}.dark-mode .license-summary{background:#000;border-top-color:#2a2a2a}.dark-mode .license-summary h2{color:#fff}.dark-mode .license-summary p{color:#e0e0e0}.dark-mode .oss-category h3{color:#fff}.dark-mode .oss-category p{color:#e0e0e0}.my-stencils-container{background:#f8faff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:2rem}.my-stencils-header{margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.header-badge{align-items:center;background:#a855f71a;border-radius:20px;color:#a855f7;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem}.my-stencils-title{color:#1a202c;font-size:3rem;font-weight:700;line-height:1.2;margin:0 0 1rem}.my-stencils-subtitle{color:#718096;font-size:1.25rem;line-height:1.6;margin:0}.stats-section{display:flex;gap:2rem;justify-content:center;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}.stat-card{align-items:center;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000014;flex:1 1;justify-content:center;min-width:200px}.stat-content{flex-direction:row;gap:1rem}.stat-content,.stat-icon{align-items:center;display:flex}.stat-icon{background:#a855f71a;border-radius:12px;color:#a855f7;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-text{display:flex;flex-direction:column}.stat-number{color:#1a202c;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stat-label{color:#718096;font-size:.875rem;font-weight:500}.controls-section{flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem;padding:0 1rem}.controls-section,.filters-section{align-items:center;display:flex;gap:1rem}.filter-label{color:#374151;font-size:.875rem;font-weight:600}.filter-buttons{display:flex;gap:.5rem}.filter-button{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#718096;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.filter-button:hover{border-color:#a855f7;color:#a855f7}.filter-button.active{background:#a855f7;border-color:#a855f7;color:#fff}.view-controls{gap:1rem}.compare-toggle,.view-controls{align-items:center;display:flex}.compare-toggle{gap:.5rem}.compare-checkbox{accent-color:#a855f7;height:16px;width:16px}.compare-label{color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;-webkit-user-select:none;user-select:none}.view-mode-buttons{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;overflow:hidden}.view-mode-button{align-items:center;background:#fff;border:none;color:#718096;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;padding:.5rem;transition:all .2s ease}.view-mode-button:hover{background:#f8faff;color:#a855f7}.view-mode-button.active{background:#a855f7;color:#fff}.view-mode-button+.view-mode-button{border-left:1px solid #e2e8f0}.view-mode-button.active+.view-mode-button{border-left-color:#a855f7}.stencils-container{margin:0 auto;max-width:1400px;padding:0 1rem}.stencils-container.grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.stencils-container.list{display:flex;flex-direction:column;gap:1.5rem}.stencil-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:all .3s ease}.stencil-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.stencils-container.list .stencil-card{display:flex;flex-direction:row}.stencils-container.list .stencil-card:hover{box-shadow:0 4px 20px #00000014;transform:none}.stencil-image-container{aspect-ratio:1;background:#f8faff;overflow:hidden;position:relative}.stencils-container.list .stencil-image-container{flex-shrink:0;width:200px}.stencil-image-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.stencil-image{background:#fff;height:100%;object-fit:contain;transition:all .3s ease;width:100%}.image-error-placeholder,.image-placeholder{align-items:center;background:#f7f7f7;color:#666;display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;height:100%;justify-content:center;width:100%}.image-label{background:#000000b3;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;left:.75rem;padding:.25rem .5rem;position:absolute;top:.75rem;z-index:2}.original-label{background:#a855f7e6}.stencil-label{background:#10b981e6}.stencil-comparison-slider{border-radius:0;height:100%;width:100%}.stencil-info{padding:1.5rem}.stencils-container.list .stencil-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.stencil-title{color:#1a202c;font-size:1.125rem;font-weight:600;line-height:1.3;margin:0 0 .75rem}.stencil-meta{justify-content:space-between;margin-bottom:1rem}.meta-item,.stencil-meta{align-items:center;display:flex}.meta-item{color:#718096;font-size:.875rem;gap:.375rem}.detail-badge{align-items:center;border:1px solid #0000;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;letter-spacing:.025em;overflow:hidden;padding:.375rem .75rem;position:relative;text-transform:uppercase;transition:all .2s ease}.detail-badge:before{background:linear-gradient(135deg,#0000,#ffffff1a 50%,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.detail-badge:hover:before{opacity:1}.badge-purple{background:linear-gradient(135deg,#a855f726,#9333ea1a);border-color:#a855f733;box-shadow:0 2px 8px #a855f726;color:#8b5cf6}.badge-purple:hover{background:linear-gradient(135deg,#a855f733,#9333ea26);border-color:#a855f74d;box-shadow:0 4px 12px #a855f740;transform:translateY(-1px)}.badge-blue{background:linear-gradient(135deg,#3b82f626,#2563eb1a);border-color:#3b82f633;box-shadow:0 2px 8px #3b82f626;color:#3b82f6}.badge-blue:hover{background:linear-gradient(135deg,#3b82f633,#2563eb26);border-color:#3b82f64d;box-shadow:0 4px 12px #3b82f640;transform:translateY(-1px)}.badge-orange{background:linear-gradient(135deg,#fb923c26,#f973161a);border-color:#fb923c33;box-shadow:0 2px 8px #fb923c26;color:#f97316}.badge-orange:hover{background:linear-gradient(135deg,#fb923c33,#f9731626);border-color:#fb923c4d;box-shadow:0 4px 12px #fb923c40;transform:translateY(-1px)}.stencil-actions{align-items:stretch;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:.5rem;margin-top:1rem;width:100%}.compare-button{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#718096;cursor:pointer;display:flex;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.compare-button:hover{background:#f3f4f6;border-color:#a855f7;color:#a855f7}.compare-button.active{background:#a855f71a;border-color:#a855f7;color:#a855f7}.compare-button.active:hover{background:#a855f726}.compare-checkbox-container{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#718096;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;position:relative;transition:all .2s ease}.compare-checkbox-container:hover{background:#a855f705;border-color:#a855f7;color:#a855f7}.compare-checkbox{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.compare-checkbox:checked+.checkmark,.compare-checkbox:checked+.checkmark+.compare-label,.compare-checkbox:checked~*,.compare-checkbox:checked~.compare-label{color:#a855f7}.compare-checkbox-container:has(.compare-checkbox:checked){background:#a855f71a;border-color:#a855f7;color:#a855f7}.checkmark{align-items:center;display:flex;transition:all .2s ease}.compare-label{text-align:center}.compare-label,.download-button{align-items:center;display:flex;justify-content:center;transition:all .2s ease}.download-button{background:#a855f7;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;max-width:100%;min-width:0;padding:.75rem 1rem;white-space:nowrap}.download-button:hover{background:#9333ea;box-shadow:0 4px 12px #a855f74d;transform:translateY(-1px)}.delete-button{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:0 0 48px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:600;justify-content:center;max-width:48px;min-width:48px;padding:.75rem;transition:all .2s ease;width:48px}.delete-button:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.delete-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.empty-state{color:#718096;padding:4rem 2rem;text-align:center}.empty-state-icon{color:#cbd5e0;margin-bottom:1.5rem}.empty-state h3{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state p{font-size:1rem;margin:0}.pagination{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1.5rem;margin-left:auto;margin-right:auto;margin-top:3rem;max-width:1400px;padding:2rem 1rem 1rem}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.pagination-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#a855f705;border-color:#a855f7;color:#a855f7}.pagination-button:disabled{border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.5}.page-numbers-container{align-items:center;display:flex;gap:.25rem}.page-number-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:500;height:40px;justify-content:center;transition:all .2s ease;width:40px}.page-number-button:hover{background:#a855f705;border-color:#a855f7;color:#a855f7}.page-number-button.active{background:#a855f7;border-color:#a855f7;color:#fff;font-weight:600}.page-number-button.active:hover{background:#9333ea;border-color:#9333ea}.pagination-info{flex-wrap:wrap;gap:1rem;justify-content:space-between}.pagination-info,.pagination-stats{align-items:center;display:flex}.item-count{color:#718096;font-size:.875rem;font-weight:500}.page-jump{align-items:center;display:flex;gap:.5rem}.page-jump-input,.page-jump-label{color:#374151;font-size:.875rem;font-weight:500}.page-jump-input{border:1px solid #e2e8f0;border-radius:6px;padding:.5rem;text-align:center;transition:all .2s ease;width:60px}.page-jump-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.page-jump-input:invalid{border-color:#ef4444}.total-pages{color:#718096;font-size:.875rem;font-weight:500}@media (max-width:1199px) and (min-width:768px){.my-stencils-container{padding:1.5rem}.stencils-container.grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:767px){.my-stencils-container{padding:1rem}.my-stencils-title{font-size:2rem}.my-stencils-subtitle{font-size:1.125rem}.stats-section{flex-direction:column;gap:1rem}.stat-card{min-width:auto}.controls-section{align-items:stretch;flex-direction:column;gap:1rem}.filters-section{justify-content:center}.view-controls{display:none}.stencils-container.grid{gap:1.5rem;grid-template-columns:1fr}.stencils-container.list .stencil-card{flex-direction:column}.stencils-container.list .stencil-image-container{aspect-ratio:1;width:100%}.stencil-actions{display:flex;flex-direction:row;gap:.5rem}.compare-button,.download-button{flex:1 1 auto;justify-content:center;padding:.875rem 1rem}.delete-button{flex:0 0 auto;padding:.875rem;width:48px}.pagination{padding:1.5rem .5rem 1rem}.pagination-controls{gap:.75rem}.pagination-button{font-size:0;min-width:40px;padding:.625rem}.pagination-button svg{margin:0}.page-numbers-container{gap:.125rem}.page-number-button{font-size:.8rem;height:36px;width:36px}.pagination-info{align-items:center;flex-direction:column;gap:1rem;text-align:center}.page-jump{gap:.375rem}.page-jump-label{font-size:.8rem}.page-jump-input{font-size:.8rem;padding:.375rem;width:50px}.item-count,.total-pages{font-size:.8rem}.filter-buttons{flex-wrap:wrap;justify-content:center}}@media (max-width:575px){.stencil-info{padding:1rem}.filter-button{font-size:.8rem;padding:.375rem .75rem}.stencil-actions{flex-direction:column!important;gap:.5rem}.download-button{font-size:.8rem;padding:.625rem .875rem}.delete-button,.download-button{flex:1 1 auto;max-width:100%;width:100%}.delete-button{min-width:100%;padding:.625rem}}@media (max-width:399px){.filters-section{align-items:flex-start;flex-direction:column;gap:.75rem}.filter-label{font-size:.875rem}.filter-buttons{width:100%}.filter-button{flex:1 1;font-size:.75rem;min-width:0;padding:.5rem .625rem}.controls-section{gap:1rem}}.stencil-image-wrapper.clickable{cursor:pointer!important;position:relative;transition:transform .2s ease,box-shadow .2s ease}.stencil-image-wrapper.clickable .stencil-image{cursor:pointer!important}.stencil-image-wrapper.clickable:hover{box-shadow:0 4px 20px #0000001a;transform:scale(1.02)}.expand-hint{align-items:center;background:#000000b3;border-radius:50%;color:#fff;display:flex;justify-content:center;opacity:0;padding:.5rem;position:absolute;right:.75rem;top:.75rem;transition:opacity .2s ease;z-index:3}.stencil-image-wrapper.clickable:hover .expand-hint{opacity:1}.image-modal-overlay{align-items:center;animation:modalFadeIn .2s ease-out;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;inset:0;transform:translateZ(0);-webkit-transform:translateZ(0);z-index:1000}@keyframes modalFadeIn{0%{opacity:0;transform:translateZ(0) scale(.95)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes modalFadeOut{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translateZ(0) scale(.95)}}.image-modal-overlay.closing{animation:modalFadeOut .2s ease-out forwards}.image-modal{background:#fff;border-radius:12px;box-shadow:0 20px 50px #0000004d;margin:auto;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.image-modal,.image-modal-header{display:flex;flex-direction:column}.image-modal-header{background:#f8faff;border-bottom:1px solid #e2e8f0;gap:1rem;padding:1.5rem 2rem}.modal-title-row{align-items:center;display:flex;justify-content:space-between;width:100%}.modal-title-row h3{color:#1a202c;flex:1 1;font-size:1.5rem;font-weight:600;margin:0;text-align:left}.modal-header-buttons{align-items:center;display:flex;gap:.5rem;order:2}.modal-actions{flex-wrap:nowrap;gap:1rem;margin:0;width:100%}.modal-actions,.modal-download-button{align-items:center;display:flex;justify-content:center}.modal-download-button{background:#a855f7;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;max-width:50%;padding:.75rem 1.25rem;transition:all .3s ease}.modal-download-button:hover:not(:disabled){background:#9333ea;box-shadow:0 4px 12px #a855f74d;transform:translateY(-1px)}.modal-download-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.modal-download-button:disabled svg{animation:spin 1s linear infinite}.modal-delete-button{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem;transition:all .3s ease}.modal-delete-button:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.modal-delete-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.modal-close-button{align-items:center;background:#e2e8f0;border:none;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:.5rem;transition:all .2s ease}.modal-close-button:hover{background:#cbd5e0;color:#2d3748}.image-modal-content{display:flex;flex:1 1;flex-direction:column;overflow:auto}.modal-image-container{align-items:center;background:#f8faff;display:flex;flex:1 1;justify-content:center;min-height:500px;overflow:auto;padding:2rem;position:relative}.modal-image{border-radius:8px;box-shadow:0 4px 20px #0000001a;max-height:55vh;max-width:100%;object-fit:contain}.modal-comparison-slider,.modal-single-image{aspect-ratio:auto;border-radius:8px;box-shadow:0 4px 20px #0000001a;display:block!important;height:auto;max-height:55vh;max-width:100%;object-fit:contain;overflow:hidden;width:auto}.modal-image-placeholder{align-items:center;color:#666;font-size:1.1rem;justify-content:center;text-align:center}.modal-image-info,.modal-image-placeholder{display:flex;flex-direction:column;gap:1rem}.modal-image-info{background:#fff;border-top:1px solid #e2e8f0;padding:1.5rem 2rem}.expiration-notice{align-items:center;background:linear-gradient(135deg,#a855f714,#8b5cf61f);border:1px solid #a855f740;border-radius:8px;color:#7c3aed;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem}.expiration-notice svg{animation:pulse 2s ease-in-out infinite;color:#a855f7;flex-shrink:0}.modal-meta-row{justify-content:space-between;position:relative}.modal-meta,.modal-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.modal-compare-checkbox-container{align-items:center;background:#f8faff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#718096;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-height:52px;min-width:0;padding:.75rem 1rem;position:relative;transition:all .2s ease}.modal-compare-checkbox-container:hover{background:#a855f705;border-color:#a855f7;color:#a855f7}.modal-compare-checkbox-container:has(.compare-checkbox:checked){background:#a855f71a;border-color:#a855f7;color:#a855f7}.modal-compare-loading{align-items:center;aspect-ratio:1/1;background:#f5f5f5;border-radius:8px;box-shadow:0 4px 20px #0000001a;color:#6b7280;display:flex;flex-direction:column;flex-shrink:0;gap:1rem;height:auto;justify-content:center;max-height:55vh;max-width:90vw;min-height:min(90vw,55vh);min-width:min(90vw,55vh);width:auto}.modal-compare-spinner{height:40px;position:relative;width:40px}.modal-spinner-ring{animation:modal-spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#a855f7;height:40px;width:40px}@keyframes modal-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-compare-loading-text{color:#6b7280;font-size:.9rem;font-weight:500}@media (min-width:768px) and (max-width:1199px){.modal-image-container{min-height:450px}.modal-comparison-slider,.modal-image,.modal-single-image{max-height:55vh}.modal-compare-loading{max-height:55vh;max-width:85vw;min-height:min(85vw,55vh);min-width:min(85vw,55vh)}}@media (max-width:767px){.image-modal-overlay{padding:.5rem}.image-modal{border-radius:12px;margin:0;max-height:100vh;max-width:100vw}.image-modal-header{align-items:stretch;flex-direction:column;gap:.75rem;padding:.75rem 1rem}.modal-title-row{align-items:center;flex-direction:row}.modal-title-row h3{font-size:1.1rem;margin:0;text-align:left}.modal-header-buttons{display:flex;gap:.5rem;order:2}.modal-close-button{min-height:40px;min-width:40px;padding:.5rem;width:auto}.modal-close-button svg{height:18px;width:18px}.modal-delete-button{min-width:40px;padding:.5rem;width:auto}.modal-delete-button svg{height:18px;width:18px}.modal-actions{display:flex;flex-direction:row;gap:.5rem;width:100%}.modal-download-button{align-items:center;display:flex;flex:1 1;font-size:.75rem;gap:.3rem;justify-content:center;min-height:42px;padding:.625rem .75rem;white-space:nowrap}.modal-download-button svg{flex-shrink:0;height:14px;width:14px}.modal-download-button:first-of-type,.modal-download-button:nth-of-type(2){width:100%}.modal-delete-button{align-items:center;display:flex;font-size:.8rem;gap:.4rem;justify-content:center;min-height:40px;padding:.65rem .75rem;width:100%}.modal-delete-button svg{flex-shrink:0;height:14px;width:14px}.modal-image-container{min-height:250px;padding:.75rem}.modal-comparison-slider,.modal-image,.modal-single-image{max-height:45vh}.modal-compare-loading{max-height:45vh;max-width:85vw;min-height:min(85vw,45vh);min-width:min(85vw,45vh)}.modal-image-info{align-items:stretch;display:flex;flex-direction:column;gap:.75rem;padding:.75rem 1rem}.expiration-notice{font-size:.85rem;justify-content:center;order:1;padding:.5rem .75rem;text-align:center}.modal-meta-row{flex-direction:column;gap:.75rem;order:2}.modal-meta{flex-wrap:wrap;gap:.5rem;justify-content:center;order:1}.modal-compare-checkbox-container{justify-content:center;min-height:44px;order:-2;padding:.625rem .75rem;width:100%}.modal-color-picker{justify-content:center;order:-1;width:100%}.meta-item{font-size:.85rem}.detail-badge{font-size:.75rem;padding:.25rem .5rem}.compare-label{font-size:.85rem}}.mystencils-loading-container{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8fafff2;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.mystencils-loading-spinner{height:64px;margin-bottom:2rem;position:relative;width:64px}.mystencils-loading-spinner-inner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#a855f7;height:64px;position:relative;width:64px}.mystencils-loading-spinner-inner:after{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#a855f71a,#9333ea1a);border-radius:50%;content:"";height:48px;left:4px;position:absolute;top:4px;width:48px}.mystencils-loading-text{animation:textPulse 2s ease-in-out infinite;color:#374151;font-size:1.125rem;font-weight:600;margin:0;text-align:center}@keyframes textPulse{0%,to{opacity:.7}50%{opacity:1}}.mystencils-loading-dots{display:inline-block;margin-left:4px;position:relative}.mystencils-loading-dots:after{animation:dots 1.5s linear infinite;content:""}@keyframes dots{0%,33%{content:"."}34%,66%{content:".."}67%,to{content:"..."}}.mystencils-loading-subtitle{color:#718096;font-size:.95rem;font-weight:400;margin:.5rem 0 0;text-align:center}@media (max-width:767px){.mystencils-loading-spinner{height:48px;width:48px}.mystencils-loading-spinner-inner{border-width:3px;height:48px;width:48px}.mystencils-loading-spinner-inner:after{height:36px;left:3px;top:3px;width:36px}.mystencils-loading-text{font-size:1rem}.mystencils-loading-subtitle{font-size:.875rem}}.comparison-loading{align-items:center;background:#f8faffe6;border-radius:8px;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:200px;padding:2rem}.comparison-loading-spinner{height:48px;margin-bottom:1rem;position:relative;width:48px}.comparison-spinner-ring{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#a855f7;height:48px;width:48px}.comparison-loading-text{color:#374151;font-size:.95rem;font-weight:500;margin-bottom:1rem;text-align:center}.comparison-progress-bar{background:#e5e7eb;border-radius:2px;height:4px;overflow:hidden;width:120px}.comparison-progress-fill{animation:progressShimmer 2s infinite;background:linear-gradient(90deg,#a855f7,#9333ea);border-radius:2px;height:100%;transition:width .3s ease}@keyframes progressShimmer{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}@media (max-width:767px){.comparison-loading{min-height:150px;padding:1.5rem}.comparison-loading-spinner{height:36px;width:36px}.comparison-spinner-ring{border-width:2px;height:36px;width:36px}.comparison-loading-text{font-size:.875rem}.comparison-progress-bar{height:3px;width:100px}}.dark-mode .my-stencils-container{background:#0a0a0a;color:#e5e7eb}.dark-mode .my-stencils-title{color:#f9fafb}.dark-mode .my-stencils-subtitle{color:#9ca3af}.dark-mode .header-badge{background:linear-gradient(135deg,#a855f726,#8b5cf633);color:#c084fc}.dark-mode .stat-card{border:1px solid #2a2a2a}.dark-mode .stat-icon{background:linear-gradient(135deg,#a855f726,#8b5cf633);color:#a855f7}.dark-mode .stat-number{color:#f9fafb}.dark-mode .stat-label{color:#9ca3af}.dark-mode .filter-label{color:#d1d5db}.dark-mode .filter-button{background:#1a1a1a;border-color:#2a2a2a;color:#d1d5db}.dark-mode .filter-button:hover{background:#2a2a2a;border-color:#a855f7;color:#f9fafb}.dark-mode .filter-button.active{background:linear-gradient(135deg,#a855f7,#9333ea);border-color:#a855f7;color:#fff}.dark-mode .view-mode-buttons{background:#1a1a1a;border-color:#2a2a2a}.dark-mode .view-mode-button{background:#0000;border-color:#2a2a2a;color:#6b7280}.dark-mode .view-mode-button:hover{background:#2a2a2a;border-color:#a855f7;color:#d1d5db}.dark-mode .view-mode-button.active{background:#a855f7;border-color:#a855f7;color:#fff}.dark-mode .stencil-card{background:#1a1a1a;border-color:#2a2a2a}.dark-mode .stencil-card:hover{border-color:#a855f7;box-shadow:0 8px 30px #a855f733}.dark-mode .stencil-image-container{background:#0f0f0f;border-color:#2a2a2a}.dark-mode .expand-hint{background:#1a1a1af2;color:#d1d5db}.dark-mode .stencil-title{color:#f9fafb}.dark-mode .meta-item{color:#9ca3af}.dark-mode .detail-badge{background:linear-gradient(135deg,#a855f726,#8b5cf633);color:#c084fc}.dark-mode .compare-checkbox-container{background:#a855f70d;border-color:#a855f7;color:#fff}.dark-mode .compare-checkbox-container:hover{background:#a855f726;border-color:#c084fc;color:#fff}.dark-mode .compare-checkbox-container:has(.compare-checkbox:checked){background:#a855f740;border-color:#c084fc;color:#fff}.dark-mode .compare-checkbox:checked+.checkmark{background:#a855f7;border-color:#a855f7}.dark-mode .checkmark{background:#1a1a1a;border-color:#3a3a3a}.dark-mode .checkmark:hover{border-color:#a855f7}.dark-mode .compare-button{background:#1a1a1a;border-color:#2a2a2a;color:#9ca3af}.dark-mode .compare-button:hover{background:#a855f71a;border-color:#a855f7;color:#c084fc}.dark-mode .compare-button.active{background:#a855f733;border-color:#a855f7;color:#c084fc}.dark-mode .compare-button.active:hover{background:#a855f740}.dark-mode .download-button{background:linear-gradient(135deg,#a855f7,#9333ea)}.dark-mode .download-button:hover{background:linear-gradient(135deg,#9333ea,#7e22ce)}.dark-mode .delete-button{background:linear-gradient(135deg,#ef4444,#dc2626)}.dark-mode .delete-button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}.dark-mode .delete-button:disabled{background:#374151}.dark-mode .pagination{background:#1a1a1a;border-color:#2a2a2a}.dark-mode .pagination-button{background:#0000;border-color:#2a2a2a;color:#d1d5db}.dark-mode .pagination-button:hover:not(:disabled){background:#2a2a2a;border-color:#a855f7;color:#f9fafb}.dark-mode .pagination-button:disabled{border-color:#1a1a1a;color:#4b5563}.dark-mode .page-number-button{background:#0000;border-color:#2a2a2a;color:#d1d5db}.dark-mode .page-number-button:hover{background:#2a2a2a;border-color:#a855f7;color:#f9fafb}.dark-mode .page-number-button.active{background:#a855f7;border-color:#a855f7;color:#fff}.dark-mode .pagination-stats{color:#9ca3af}.dark-mode .page-jump-label{color:#d1d5db}.dark-mode .page-jump-input{background:#1a1a1a;border-color:#2a2a2a;color:#f9fafb}.dark-mode .page-jump-input:focus{background:#0f0f0f;border-color:#a855f7}.dark-mode .empty-state,.dark-mode .total-pages{color:#9ca3af}.dark-mode .empty-state-icon{color:#4b5563}.dark-mode .empty-state h3{color:#d1d5db}.dark-mode .image-modal-overlay{background:#000000d9}.dark-mode .image-modal{background:#1a1a1a;border-color:#2a2a2a}.dark-mode .image-modal-header{background:#0f0f0f;border-bottom-color:#2a2a2a}.dark-mode .image-modal-header h3{color:#f9fafb}.dark-mode .modal-download-button{background:linear-gradient(135deg,#a855f7,#9333ea)}.dark-mode .modal-download-button:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#7e22ce)}.dark-mode .modal-download-button:disabled{background:#374151}.dark-mode .modal-delete-button{background:linear-gradient(135deg,#ef4444,#dc2626)}.dark-mode .modal-delete-button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}.dark-mode .modal-delete-button:disabled{background:#374151}.dark-mode .modal-close-button{background:#2a2a2a;color:#d1d5db}.dark-mode .modal-close-button:hover{background:#3a3a3a;color:#f9fafb}.dark-mode .modal-image-container{background:#0f0f0f}.dark-mode .modal-image-info{background:#1a1a1a;border-top-color:#2a2a2a}.dark-mode .expiration-notice{background:linear-gradient(135deg,#a855f71a,#8b5cf626);color:#c084fc}.dark-mode .mystencils-loading-container{background:#0a0a0af2}.dark-mode .mystencils-loading-spinner-inner{border-color:#a855f7 #2a2a2a #2a2a2a}.dark-mode .mystencils-loading-text{color:#f9fafb}.dark-mode .mystencils-loading-subtitle{color:#9ca3af}.dark-mode .comparison-loading{background:#0f0f0ff2}.dark-mode .comparison-loading-text{color:#d1d5db}.dark-mode .comparison-spinner-ring{border-color:#a855f7 #2a2a2a #2a2a2a}.dark-mode .comparison-progress-bar{background:#2a2a2a}.dark-mode .modal-compare-checkbox-container{background:#a855f70d;border-color:#a855f7;color:#fff}.dark-mode .modal-compare-checkbox-container:hover{background:#a855f726;border-color:#c084fc;color:#fff}.dark-mode .modal-compare-checkbox-container:has(.compare-checkbox:checked){background:#a855f740;border-color:#c084fc;color:#fff}.dark-mode .compare-label{color:#fff}.dark-mode .modal-compare-loading{background:#1a1a1a}.dark-mode .modal-compare-loading-text{color:#d1d5db}.dark-mode .modal-spinner-ring{border-color:#a855f7 #2a2a2a #2a2a2a}.dark-mode .modal-color-picker{background:#0000;border:none}.dark-mode .color-picker-label{color:#a0a0a0}.dark-mode .color-swatch-button{border-color:#2a2a2a}.dark-mode .color-swatch-button:hover{border-color:#a855f7}.dark-mode .color-picker-wrapper{background:#1a1a1a;border-color:#2a2a2a;box-shadow:0 12px 40px #0009}.dark-mode .color-picker-wrapper .sketch-picker{background:#0000!important}.dark-mode .color-picker-wrapper .sketch-picker input{background:#2a2a2a!important;border-color:#3a3a3a!important;color:#e0e0e0!important}.dark-mode .color-picker-wrapper .sketch-picker label{color:#a0a0a0!important}.dark-mode .color-picker-wrapper .sketch-picker>div,.dark-mode .color-picker-wrapper .sketch-picker>div>div{background:#1a1a1a!important}.dark-mode .color-picker-wrapper .flexbox-fix:last-child input{background:#2a2a2a!important;border-color:#3a3a3a!important;color:#e0e0e0!important}.dark-mode .custom-color-picker{background:#0000}.dark-mode .slider-label{color:#cbd5e0}.dark-mode .slider-value{background:#2a2a2a;color:#e0e0e0}.dark-mode .color-slider{border-color:#3a3a3a}.dark-mode .color-slider::-webkit-slider-thumb{border-color:#9333ea}.dark-mode .color-slider::-moz-range-thumb{border-color:#9333ea}.dark-mode .set-default-color-btn{background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 2px 8px #a855f766}.dark-mode .set-default-color-btn:hover{background:linear-gradient(135deg,#7e22ce,#6b21a8);box-shadow:0 4px 12px #a855f780}.dark-mode .error-container{background:#0f0f0ff2}.dark-mode .error-message{background:#dc26261a;border-color:#dc26264d;color:#fca5a5}.controls-section,.header-badge,.my-stencils-subtitle,.my-stencils-title,.stats-section,.stencil-card{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.controls-section.animate-in,.header-badge.animate-in,.my-stencils-subtitle.animate-in,.my-stencils-title.animate-in,.stats-section.animate-in,.stencil-card.animate-in{opacity:1;transform:translateY(0)}.stencil-card:first-child{transition-delay:0s}.stencil-card:nth-child(2){transition-delay:.05s}.stencil-card:nth-child(3){transition-delay:.1s}.stencil-card:nth-child(4){transition-delay:.15s}.stencil-card:nth-child(5){transition-delay:.2s}.stencil-card:nth-child(6){transition-delay:.25s}.stencil-card:nth-child(7){transition-delay:.3s}.stencil-card:nth-child(8){transition-delay:.35s}.stencil-card:nth-child(9){transition-delay:.4s}.header-badge{transition-delay:0s}.my-stencils-title{transition-delay:.1s}.my-stencils-subtitle{transition-delay:.2s}.stats-section{transition-delay:.3s}.controls-section{transition-delay:.4s}.modal-color-picker{align-items:center;background:#0000;border:none;box-sizing:border-box;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;margin:0;min-width:0;padding:0;position:relative;transition:all .2s ease}.color-picker-label{color:#718096;font-size:.875rem;font-weight:500;-webkit-user-select:none;user-select:none}.color-swatch-button{border:2px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 3px #0000001a;cursor:pointer;height:32px;position:relative;transition:all .2s ease;width:32px}.color-swatch-button:hover{border-color:#a855f7;box-shadow:0 4px 12px #a855f740;transform:translateY(-1px)}.color-swatch-button:active{transform:translateY(0)}.color-picker-popover{position:relative}.color-picker-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.color-picker-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;bottom:calc(100% + .5rem);box-shadow:0 12px 40px #00000040;padding:1rem;position:absolute;right:0;z-index:1000}.color-picker-wrapper .sketch-picker{background:#0000!important;border:none!important;border-radius:8px!important;box-shadow:none!important}.color-picker-wrapper .sketch-picker>div:first-child{border-radius:8px!important}.color-picker-wrapper .sketch-picker input{background:#f8faff!important;border:1px solid #e2e8f0!important;border-radius:4px!important;color:#1a202c!important;font-size:.875rem!important}.color-picker-wrapper .sketch-picker label{color:#718096!important;font-size:.75rem!important;font-weight:600!important}.custom-color-picker{display:flex;flex-direction:column;gap:1rem;width:280px}.color-preview{align-items:center;border:3px solid #fff;border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;height:80px;justify-content:center;transition:all .2s ease}.color-hex{background:#0009}.color-hex,.color-hex-input{border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;font-family:Courier New,monospace;font-size:1rem;letter-spacing:1px;padding:.5rem 1rem}.color-hex-input{background:#000000b3;border:2px solid #fff3;font-weight:700;text-align:center;transition:all .2s ease;width:140px}.color-hex-input:hover{background:#000c;border-color:#fff6}.color-hex-input:focus{background:#000000e6;border-color:#a855f7;box-shadow:0 2px 12px #a855f766;outline:none}.color-hex-input::placeholder{color:#ffffff80}.slider-group{display:flex;flex-direction:column;gap:.75rem}.black-color-btn{align-items:center;background:#1a1a1a;border:2px solid #333;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.75rem 1rem;transition:all .2s ease}.black-color-btn:hover{background:#000;border-color:#666;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.black-color-btn svg{height:16px;width:16px}.slider-label{align-items:center;color:#2d3748;display:flex;font-size:.9rem;font-weight:700;justify-content:space-between}.slider-value{background:#f1f5f9;border-radius:6px;color:#4a5568;font-family:Courier New,monospace;font-size:.8rem;font-weight:600;padding:.375rem .625rem}.color-slider{-webkit-appearance:none;appearance:none;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000001a;cursor:pointer;height:32px;outline:none;transition:all .2s ease;width:100%}.color-slider:hover{box-shadow:0 4px 12px #00000026}.color-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:4px solid #6366f1;border-radius:50%;box-shadow:0 3px 10px #0000004d;cursor:pointer;height:28px;-webkit-transition:all .15s ease;transition:all .15s ease;width:28px}.color-slider::-webkit-slider-thumb:hover{border-color:#a855f7;box-shadow:0 5px 15px #0006;transform:scale(1.15)}.color-slider::-webkit-slider-thumb:active{transform:scale(1.05)}.color-slider::-moz-range-thumb{background:#fff;border:4px solid #6366f1;border-radius:50%;box-shadow:0 3px 10px #0000004d;cursor:pointer;height:28px;-moz-transition:all .15s ease;transition:all .15s ease;width:28px}.color-slider::-moz-range-thumb:hover{border-color:#a855f7;box-shadow:0 5px 15px #0006;transform:scale(1.15)}.color-slider::-moz-range-thumb:active{transform:scale(1.05)}.set-default-color-btn{background:linear-gradient(135deg,#a855f7,#9333ea);border:none;border-radius:8px;box-shadow:0 2px 8px #a855f74d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:.75rem;padding:.625rem 1rem;transition:all .2s ease;width:100%}.set-default-color-btn:hover{background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 4px 12px #a855f766;transform:translateY(-1px)}.set-default-color-btn:active{transform:translateY(0)}@media (max-width:767px){.color-picker-wrapper{left:50%;right:auto;transform:translateX(-50%)}}.delete-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1001}.delete-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0006;max-width:480px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.delete-modal-overlay.closing{animation:fadeOut .2s ease-out forwards}.delete-modal.closing{animation:modalSlideOut .2s ease-out forwards}.delete-modal-header{padding:2rem 2rem 1rem;text-align:center}.delete-modal-icon{animation:iconPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ef44441a,#dc262626);border-radius:50%;color:#ef4444;height:56px;margin:0 auto;padding:12px;width:56px}@keyframes iconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.delete-modal-content{padding:0 2rem 2rem;text-align:center}.delete-modal-title{color:#1a202c;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.delete-modal-message{color:#4a5568;font-size:1rem;line-height:1.6;margin:0 0 1rem}.delete-modal-message strong{color:#2d3748;font-weight:600}.delete-modal-warning{background:#ef444414;border-left:3px solid #ef4444;border-radius:8px;color:#ef4444;font-size:.875rem;line-height:1.5;margin:0;padding:.75rem 1rem}.delete-modal-actions{display:flex;gap:.75rem;padding:0 2rem 2rem}.delete-modal-cancel,.delete-modal-confirm{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease}.delete-modal-cancel{background:#f7fafc;border:2px solid #e2e8f0;color:#4a5568}.delete-modal-cancel:hover:not(:disabled){background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.delete-modal-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.delete-modal-confirm:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.delete-modal-cancel:disabled,.delete-modal-confirm:disabled{cursor:not-allowed;opacity:.6;transform:none}.delete-modal-confirm .spinner{animation:spin 1s linear infinite}.dark-mode .delete-modal{background:#1a1a1a;border:1px solid #2a2a2a}.dark-mode .delete-modal-icon{background:linear-gradient(135deg,#ef444426,#dc262633)}.dark-mode .delete-modal-title{color:#f9fafb}.dark-mode .delete-modal-message{color:#d1d5db}.dark-mode .delete-modal-message strong{color:#f9fafb}.dark-mode .delete-modal-warning{background:#ef44441f;color:#fca5a5}.dark-mode .delete-modal-cancel{background:#2a2a2a;border-color:#3a3a3a;color:#d1d5db}.dark-mode .delete-modal-cancel:hover:not(:disabled){background:#3a3a3a;border-color:#4a4a4a}.dark-mode .delete-modal-confirm{background:linear-gradient(135deg,#ef4444,#dc2626)}.dark-mode .delete-modal-confirm:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}@media (max-width:767px){.delete-modal{margin:1rem;max-width:90vw}.delete-modal-header{padding:1.5rem 1.5rem .75rem}.delete-modal-icon{height:48px;width:48px}.delete-modal-content{padding:0 1.5rem 1.5rem}.delete-modal-title{font-size:1.25rem}.delete-modal-message{font-size:.9rem}.delete-modal-warning{font-size:.8rem;padding:.625rem .875rem}.delete-modal-actions{flex-direction:column;gap:.5rem;padding:0 1.5rem 1.5rem}.delete-modal-cancel,.delete-modal-confirm{font-size:.9rem;padding:.75rem 1rem;width:100%}}.mystudio-page-wrapper{background:linear-gradient(135deg,#fefbff,#f8f4ff);min-height:100vh;position:relative}.mystudio-page-wrapper:before{background:radial-gradient(circle at 20% 20%,#a855f714 0,#0000 50%),radial-gradient(circle at 80% 80%,#a855f70a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.mystudio-page-wrapper>*{position:relative;z-index:1}.mystudio-container{margin:0 auto;max-width:1400px;min-height:calc(100vh - 120px);padding:3rem 2rem;position:relative}.mystudio-container:before{display:none}.mystudio-fade-in{animation:fadeInUp .5s ease-out}.mystudio-header{margin-bottom:2.5rem;position:relative;z-index:1}.header-title-container{align-items:center;display:flex;gap:1rem}.mystudio-header h1{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.edit-studio-name-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;margin-bottom:.5rem;padding:.5rem;transition:all .2s ease}.edit-studio-name-btn svg{color:#a855f7;transition:all .2s ease}.edit-studio-name-btn:hover{background:#a855f71a}.edit-studio-name-btn:hover svg{color:#9333ea;transform:scale(1.1)}.edit-studio-name-btn:active{transform:scale(.95)}.studio-logo{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:48px;object-fit:cover;transition:transform .2s ease;width:48px}.studio-logo:hover{transform:scale(1.05)}.mystudio-header p{color:#6b7280;font-size:1.1rem}.over-capacity-banner{animation:slideDown .4s ease-out;background:linear-gradient(135deg,#ef44441a,#dc26261a);border:2px solid #ef4444;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.over-capacity-content{align-items:flex-start;display:flex;gap:1rem}.over-capacity-icon{align-items:center;background:#ef4444;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.over-capacity-icon svg{color:#fff}.over-capacity-text h3{color:#dc2626;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.over-capacity-text p{color:#991b1b;font-size:1rem;line-height:1.6;margin:0}.mystudio-error,.mystudio-loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px}.mystudio-loading{animation:fadeIn .3s ease-out;gap:2rem}.mystudio-loading .loading-text{animation:pulse 2s ease-in-out infinite;text-align:center}.mystudio-error p,.mystudio-loading p{color:#6b7280;font-size:1.1rem}.processing-spinner{animation:smoothSpin 1s cubic-bezier(.4,0,.2,1) infinite;border-radius:50%;border-right:3px solid #a855f733;border-top:3px solid #a855f733;border-color:#a855f7 #a855f799 #a855f733 #a855f733;border-style:solid;border-width:3px;height:48px;width:48px}@keyframes smoothSpin{0%{opacity:1;transform:rotate(0deg)}50%{opacity:.8}to{opacity:1;transform:rotate(1turn)}}.loading-text{text-align:center}.loading-text h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.loading-text p{color:#6b7280;font-size:1rem;margin:0}.mystudio-error{text-align:center}.error-icon{animation:shake .5s ease-in-out;color:#ef4444;margin-bottom:1rem}.error-icon svg{filter:drop-shadow(0 4px 6px rgba(239,68,68,.2))}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.mystudio-error h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.mystudio-error p{color:#6b7280;font-size:1rem;margin-bottom:1.5rem;max-width:400px}.mystudio-error .btn-primary{background-color:#a855f7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;outline:none;padding:.75rem 2rem;transition:all .2s ease}.mystudio-error .btn-primary:hover{background-color:#9333ea;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.mystudio-error .btn-primary:active{transform:translateY(0)}.mystudio-error .btn-primary:focus{box-shadow:0 0 0 3px #a855f74d;outline:none}.studio-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000d;margin-bottom:2rem;padding:1.5rem;position:relative;z-index:1}.studio-info-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.studio-info-title{align-items:center;display:flex;gap:.75rem}.studio-info-title svg{color:#a855f7}.studio-info-title h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}.studio-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.studio-info-item{flex-direction:column;text-align:center}.studio-info-item,.studio-info-label{align-items:center;display:flex;gap:.5rem}.studio-info-label{color:#6b7280;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.studio-info-label svg{color:#a855f7;opacity:.7}.studio-info-value{color:#1f2937;font-size:1.125rem;font-weight:600}.plan-badge{align-items:center;background:linear-gradient(135deg,#a855f7,#9333ea);border-radius:8px;box-shadow:0 2px 8px #a855f74d;color:#fff;display:inline-flex;font-size:.9rem;font-weight:700;letter-spacing:.3px;padding:.375rem .875rem;text-transform:uppercase}.credits-badge{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:6px;color:#a855f7;font-size:1rem;font-weight:700}.credits-badge,.usage-badge{align-items:center;display:inline-flex;padding:.25rem .75rem}.usage-badge{background:linear-gradient(135deg,#a855f7,#9333ea);border-radius:6px;color:#fff;font-size:.95rem;font-weight:600}.billing-management-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000d;margin-bottom:2rem;padding:1.5rem}.billing-management-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.billing-management-title{align-items:center;display:flex;gap:.75rem}.billing-management-title svg{color:#a855f7;flex-shrink:0}.billing-management-title h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}.billing-management-actions{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.billing-action-btn{align-items:center;background:#fff;border:2px solid;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.25rem 1.5rem;text-align:left;transition:all .3s ease}.billing-action-btn svg{flex-shrink:0;height:18px;width:18px}.billing-btn-content{display:flex;flex-direction:column;gap:.25rem}.billing-btn-title{display:block;font-size:1rem;font-weight:700}.billing-btn-subtitle{display:block;font-size:.8125rem;opacity:.8}.billing-action-btn.downgrade-btn{border-color:#e5e7eb;color:#6b7280}.billing-action-btn.downgrade-btn:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 8px 16px #00000014;transform:translateY(-2px)}.billing-action-btn.cancel-btn{border-color:#fecaca;color:#dc2626}.billing-action-btn.cancel-btn:hover{background:#fef2f2;border-color:#f87171;box-shadow:0 8px 16px #dc262626;transform:translateY(-2px)}.mystudio-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem;position:relative;z-index:1}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.stat-card:hover{border-color:#a855f74d;box-shadow:0 0 30px #a855f726;transform:translateY(-2px)}.stat-card-header{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;margin-bottom:0;padding-bottom:.5rem}.stat-card-title{color:#a855f7;display:block;font-size:1rem;font-weight:600}.stat-card-icon{align-items:center;color:#a855f7;display:flex;flex-shrink:0;justify-content:center;transition:all .3s ease}.stat-card:hover .stat-card-icon{color:#9333ea;transform:scale(1.1)}.stat-card-icon svg{height:20px;width:20px}.stat-card-value{color:#1f2937;display:block;font-size:1.875rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stat-card-details{color:#6b7280;display:block;font-size:.75rem;line-height:1.5;margin-bottom:0;margin-top:.25rem}.stat-card-details .pending-credits{color:#f59e0b;font-weight:600}.stat-card-progress{background:#e5e7eb;border-radius:99px;height:.5rem;margin-top:.75rem;overflow:hidden;position:relative;width:100%}.stat-card-progress-fill{background:linear-gradient(90deg,#a855f7,#c084fc);border-radius:99px;height:100%;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}.stat-card-progress-fill-used{border-radius:99px;height:100%;position:absolute;z-index:1}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.stat-card-details .credits-used{color:#10b981;font-weight:600}.stat-card-details .credits-remaining{color:#a855f7;font-weight:600}.stat-card-details .seats-active{color:#10b981;font-weight:600}.stat-card-details .seats-pending{color:#f59e0b;font-weight:600}.stat-card-details .seats-available{color:#a855f7;font-weight:600}.seat-bars{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.75rem}.seat-bar{border-radius:99px;flex:1 1 auto;height:.5rem;max-width:3rem;min-width:2rem;transition:all .3s ease}.stat-card:has(.seat-bars>.seat-bar:nth-child(6)) .seat-bar{max-width:2rem;min-width:1.25rem}.stat-card:has(.seat-bars>.seat-bar:nth-child(8)) .seat-bar{border-radius:50%;flex:0 0 0.75rem;height:.75rem;max-width:.75rem;min-width:.75rem;width:.75rem}.seat-bar.active{background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 2px 4px #10b98133}.seat-bar.pending{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 2px 4px #f59e0b33}.seat-bar.inactive{background:linear-gradient(90deg,#a855f7,#c084fc);box-shadow:0 2px 4px #a855f733}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem;position:relative;z-index:1}.dashboard-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000d;padding:1.5rem;transition:all .3s ease}.dashboard-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.dashboard-card-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.dashboard-card-header h3{color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.125rem;font-weight:600;margin:0}.dashboard-card-header svg{color:#a855f7;opacity:.7}.quick-actions-list{display:flex;flex-direction:column;gap:.875rem}.quick-action-btn{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;gap:1rem;padding:1.125rem 1.25rem;text-align:left;transition:all .2s ease;width:100%}.quick-action-btn:hover{background:#f3f4f6;border-color:#a855f7;transform:translateX(2px)}.quick-action-btn.primary{background:linear-gradient(135deg,#a855f7,#9333ea);border-color:#a855f7;box-shadow:0 4px 12px #a855f740}.quick-action-btn.primary:hover{box-shadow:0 6px 16px #a855f759;transform:translateX(2px) translateY(-1px)}.quick-action-btn.primary .quick-action-icon{background:#fff3}.quick-action-btn.primary .quick-action-arrow,.quick-action-btn.primary .quick-action-desc,.quick-action-btn.primary .quick-action-title{color:#fff}.quick-action-icon{align-items:center;background:#fff;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.quick-action-icon svg{color:#a855f7}.quick-action-text{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.quick-action-title{color:#1f2937;font-size:.975rem;font-weight:600}.quick-action-desc,.quick-action-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.3}.quick-action-desc{color:#6b7280;font-size:.8125rem}.quick-action-arrow{color:#9ca3af;flex-shrink:0;transition:transform .2s ease}.quick-action-btn:hover .quick-action-arrow{transform:translateX(3px)}.activity-feed{display:flex;flex-direction:column;gap:.875rem;max-height:420px;overflow-y:auto;padding-right:.75rem;scrollbar-color:#a855f7 #f3f4f680;scrollbar-width:thin}.activity-feed::-webkit-scrollbar{width:8px}.activity-feed::-webkit-scrollbar-track{background:#e5e7eb66;border-radius:12px;margin:4px 0}.activity-feed::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e0b3ff,#a855f7 50%,#9333ea);background-clip:padding-box;border:2px solid #0000;border-radius:12px;-webkit-transition:all .3s ease;transition:all .3s ease}.activity-feed::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d8b4fe,#a855f7 50%,#7c3aed);background-clip:padding-box;border:2px solid #0000;border-radius:12px}.activity-item{align-items:flex-start;background:linear-gradient(135deg,#fafafacc,#ffffffe6);border:1px solid #e5e7eb;border-left:4px solid #0000;border-radius:12px;display:flex;gap:1rem;padding:1.125rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-item:hover{background:linear-gradient(135deg,#f8f4ff99,#fff);border-color:#a855f7;box-shadow:0 4px 16px #a855f71f;transform:translateX(6px)}.activity-icon{align-items:center;border-radius:12px;box-shadow:0 2px 8px #0000001f;display:flex;flex-shrink:0;height:44px;justify-content:center;position:relative;transition:all .3s ease;width:44px}.activity-item:hover .activity-icon{box-shadow:0 4px 12px #0000002e;transform:scale(1.05)}.activity-icon.dual_generation,.activity-icon.generation{background:linear-gradient(135deg,#a855f7,#9333ea)}.activity-icon.upscale{background:linear-gradient(135deg,#3b82f6,#2563eb)}.activity-icon.member_accepted,.activity-icon.member_invited{background:linear-gradient(135deg,#10b981,#059669)}.activity-icon.member_left,.activity-icon.member_removed{background:linear-gradient(135deg,#ef4444,#dc2626)}.activity-icon.credits_renewed{background:linear-gradient(135deg,#3b82f6,#2563eb)}.activity-icon.plan_changed{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.activity-icon.seats_increased{background:linear-gradient(135deg,#10b981,#059669)}.activity-icon.seats_decreased{background:linear-gradient(135deg,#f59e0b,#d97706)}.activity-icon.studio_created{background:linear-gradient(135deg,#6366f1,#4f46e5)}.activity-icon.studio_locked{background:linear-gradient(135deg,#ef4444,#dc2626)}.activity-icon.studio_unlocked{background:linear-gradient(135deg,#10b981,#059669)}.activity-icon.generate,.activity-icon.studio_logo_changed,.activity-icon.studio_name_changed{background:linear-gradient(135deg,#a855f7,#9333ea)}.activity-icon.member{background:linear-gradient(135deg,#10b981,#059669)}.activity-icon.credits{background:linear-gradient(135deg,#f59e0b,#d97706)}.activity-icon svg{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));transition:transform .3s ease}.activity-item:hover .activity-icon svg{transform:scale(1.1)}.activity-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.activity-text{word-wrap:break-word;color:#1f2937;font-size:.9375rem;font-weight:500;letter-spacing:-.01em;line-height:1.5;margin-bottom:0;overflow-wrap:break-word}.activity-text strong{color:#111827;font-weight:600}.activity-time{color:#9ca3af;font-size:.8125rem;font-weight:400;letter-spacing:.01em}.usage-chart{gap:1.5rem}.chart-loading,.usage-chart{display:flex;flex-direction:column}.chart-loading{align-items:center;color:#9ca3af;font-size:.9375rem;gap:1rem;justify-content:center;padding:4rem}.loading-spinner{animation:spinner .8s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#a855f7;height:40px;width:40px}@keyframes spinner{to{transform:rotate(1turn)}}.chart-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem;text-align:center}.chart-empty svg{color:#a855f7;opacity:.4}.chart-empty p{font-size:.9375rem;margin:0}.line-chart{background:linear-gradient(135deg,#fafafa,#fff);border-radius:16px;box-shadow:inset 0 1px 3px #0000000d;display:flex;flex-direction:column;gap:1.5rem;overflow:hidden;padding:1.5rem}@keyframes chartFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chart-svg{height:auto;max-height:300px;overflow:visible;width:100%}.grid-line{opacity:0}.chart-visible .grid-line{animation:gridFadeIn .4s ease-out forwards}@keyframes gridFadeIn{to{opacity:1}}.chart-line{stroke-dasharray:1000;stroke-dashoffset:1000}.chart-visible .chart-line{animation:drawLine 1.5s ease-out forwards}.chart-visible .line-stencils{animation-delay:.2s}.chart-visible .line-upscales{animation-delay:.4s}@keyframes drawLine{to{stroke-dashoffset:0}}.area-fill{opacity:0}.chart-visible .area-fill{animation:areaFadeIn .8s ease-out forwards}.chart-visible .area-stencils{animation-delay:.6s}.chart-visible .area-upscales{animation-delay:.7s}@keyframes areaFadeIn{to{opacity:.15}}.data-point{opacity:0}.chart-visible .data-point{animation:pointPop .4s ease-out forwards}@keyframes pointPop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.point-outer{cursor:pointer;transition:all .3s ease}.data-point:hover .point-outer{r:8;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.point-inner{pointer-events:none}.chart-visible .chart-legend{animation:legendSlideUp .6s ease-out;animation-delay:.8s;animation-fill-mode:backwards}.chart-legend{display:flex;gap:2.5rem;justify-content:center;padding:1rem}@keyframes legendSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.legend-item{align-items:center;color:#4b5563;display:flex;font-size:.875rem;font-weight:500;gap:.625rem;transition:transform .2s ease}.legend-item:hover{transform:translateX(2px)}.legend-color{border-radius:4px;box-shadow:0 2px 4px #0000001a;height:18px;width:18px}.chart-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.chart-visible .chart-stat{animation:statSlideIn .5s ease-out backwards}.chart-stat{align-items:center;background:linear-gradient(135deg,#fafafa,#fff);border:1px solid #f3f4f6;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1.5rem 1rem;transition:all .3s ease}.chart-visible .chart-stat:first-child{animation-delay:.9s}.chart-visible .chart-stat:nth-child(2){animation-delay:1s}.chart-visible .chart-stat:nth-child(3){animation-delay:1.1s}@keyframes statSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.chart-stat:hover{border-color:#a855f7;box-shadow:0 4px 12px #a855f726;transform:translateY(-2px)}.chart-stat-label{color:#6b7280;font-size:.6875rem;font-weight:600;letter-spacing:.02em;text-align:center;text-transform:uppercase}.chart-stat-value{color:#a855f7;font-size:1.5rem;font-weight:700;line-height:1}.mystudio-seats{background:#0000;border:none;border-radius:0;margin-bottom:2rem;padding:0}.seats-header{border-bottom:1px solid #f3f4f6;margin-bottom:2rem;padding-bottom:1.5rem}.seats-header h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.seats-header p{color:#6b7280;font-size:1rem}.seats-table{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.seats-table-header{display:none}.seats-table-row{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #00000014;display:block;min-height:624px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.seats-table-row:hover{border-color:#a855f7;box-shadow:0 8px 24px #a855f726;transform:translateY(-4px)}.seats-table-row:before{background:linear-gradient(90deg,#a855f7,#9333ea);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.seat-col-actions,.seat-col-color,.seat-col-email,.seat-col-seat,.seat-col-status,.seat-col-used{display:block}.seat-col-seat{align-items:center;border-bottom:1px solid #2a2a2a;border-radius:0;display:flex;gap:.75rem;justify-content:center;margin-bottom:1.25rem;padding:.875rem 1rem;position:relative}.seat-col-seat:before{color:#9ca3af;content:"ARTIST";font-size:.75rem;font-weight:700;left:1rem;letter-spacing:1px;position:absolute;text-transform:uppercase}.seat-col-seat>div{display:flex;flex-direction:column}.seat-col-seat>span:first-of-type{color:#a855f7;display:inline-block;font-size:1.5rem;font-weight:800;line-height:1}.you-badge{background:#a855f71a;border:1px solid #a855f74d;border-radius:4px;color:#a855f7;display:inline-block;font-size:.8125rem;font-weight:600;letter-spacing:.5px;padding:.3rem .65rem;position:absolute;right:1rem;text-transform:uppercase;white-space:nowrap}.seat-col-color{display:none}.artist-color-indicator{border-radius:8px;box-shadow:0 2px 8px #00000026;height:32px;transition:all .2s ease;width:32px}.seats-table-row:hover .artist-color-indicator{box-shadow:0 4px 12px #0003;transform:scale(1.1)}.seat-col-email{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.5rem}.seat-col-empty{bottom:0;justify-content:center;left:0;margin-bottom:0;position:absolute;right:0;top:0}.seat-col-empty,.seat-email{align-items:center;display:flex}.seat-email{color:#f3f4f6;gap:.875rem;width:100%}.email-avatar{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:600;justify-content:center;text-transform:uppercase}.email-avatar,.email-avatar-img{border:2px solid #a855f7;border-radius:50%;flex-shrink:0;height:64px;max-width:64px;min-width:64px;width:64px}.email-avatar-img{background:#0000;display:block;object-fit:cover}.seat-email>div{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.artist-name,.seat-email span{color:#1f2937;display:block;font-size:1.125rem;font-weight:600}.seat-email .email-text{color:#6b7280;font-size:.875rem;font-weight:400}.last-activity-text{color:#9ca3af;display:block;font-size:.6875rem;font-weight:500;margin-top:.375rem}.seat-col-last-activity{color:#9ca3af;font-size:.75rem;font-weight:500;margin-bottom:1rem}.empty-seat-content{flex-direction:column;gap:.75rem;height:100%;justify-items:center;padding:1rem;width:100%}.empty-seat-content,.empty-seat-icon{align-items:center;display:flex;justify-content:center}.empty-seat-icon{border:2px dashed #4b5563;border-radius:50%;color:#6b7280;height:80px;margin-bottom:.25rem;width:80px}.empty-seat-icon svg{height:36px;width:36px}.empty-seat-label{color:#9ca3af;font-size:1rem;font-weight:500;margin-bottom:.5rem}.empty-seat-input{background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:.9375rem;font-weight:400;max-width:280px;outline:none;padding:.75rem 1rem;text-align:center;transition:all .2s ease;width:100%}.empty-seat-input:focus{background:#f9fafb;border-color:#a855f7}.empty-seat-input::placeholder{color:#9ca3af;font-weight:400}.empty-seat-assign-btn{align-items:center;background:linear-gradient(135deg,#a855f7,#9333ea);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;max-width:280px;padding:.75rem 1.25rem;transition:all .2s ease;width:100%}.empty-seat-assign-btn:hover{background:linear-gradient(135deg,#9333ea,#7e22ce);transform:translateY(-1px)}.empty-seat-assign-btn:active{transform:translateY(0)}.empty-seat-assign-btn svg{flex-shrink:0}.seat-empty{color:#6b7280;font-size:.9375rem;font-style:italic}.seat-assign-input{display:flex}.seat-assign-input input{border-radius:8px;font-size:.9rem;padding:.625rem .875rem}.seat-assign-input input:focus,.seat-col-joined{background:#f9fafb}.seat-col-joined{border:1px solid #e5e7eb;border-radius:12px;display:block;margin-bottom:1rem;padding:1rem 1.25rem;width:100%}.seat-col-joined:before{color:#6b7280;content:"STATUS";display:block;font-size:.6875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.joined-content{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.joined-date{color:#1f2937;font-size:.9375rem;font-weight:600}.seat-status-badge-small{border-radius:4px;display:inline-block;font-size:.625rem;font-weight:700;padding:.25rem .5rem;text-transform:capitalize;white-space:nowrap}.seat-status-badge-small.active{background:#10b98133;border:1px solid #10b98166;color:#10b981}.seat-status-badge-small.pending{background:#f59e0b33;border:1px solid #f59e0b66;color:#d97706}.seat-col-default-color{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:block;margin-bottom:1rem;padding:1rem 1.25rem;width:100%}.seat-col-default-color:before{color:#6b7280;content:"DEFAULT COLOR";display:block;font-size:.6875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.color-swatch{align-items:center;border-radius:8px;box-shadow:0 2px 8px #0003;display:flex;height:40px;justify-content:center;position:relative;width:100%}.color-hex{color:#fffffff2;font-size:.8125rem;font-weight:700;letter-spacing:.5px;text-shadow:0 1px 2px #00000080}.seat-col-status,.seat-col-used{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:block;margin-bottom:1rem;padding:1rem 1.25rem;width:100%}.seat-col-status:before,.seat-col-used:before{color:#6b7280;display:block;font-size:.6875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.seat-col-used:before{content:"STENCILS"}.seat-col-status:before{content:"STATUS"}.seat-col-used{color:#f3f4f6;font-size:2rem;font-weight:700;line-height:1.2;padding-bottom:2.5rem;position:relative}.credits-value{display:block;font-size:1rem;font-weight:500}@media (max-width:768px){.credits-value{font-size:.9375rem}}.credits-progress-bar{animation:growBarFromLeft .6s ease-out forwards;transition:width .3s ease;z-index:1}.credits-progress-bar,.seat-col-used:after{border-radius:4px;bottom:1rem;height:6px;left:1.25rem;position:absolute}.seat-col-used:after{animation:growBarFromRight .6s ease-out forwards;background:#9ca3af;content:"";right:1.25rem;transform-origin:right center;z-index:0}@keyframes growBarFromLeft{0%{width:0}}@keyframes growBarFromRight{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.seat-col-status{color:#f3f4f6;font-size:.9375rem;font-weight:600}.seat-status-badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:700;padding:.375rem .75rem;text-transform:capitalize;white-space:nowrap}.seat-status-badge.active{background:#10b981;border:none;color:#fff}.seat-status-badge.pending{background:#f59e0b26;border:1px solid #f59e0b66;color:#d97706}.seat-status-badge.available{background:#a855f71a;border:1px solid #a855f74d;color:#a855f7}.seat-col-actions{display:block;margin-top:.5rem;width:100%}.seat-action-btn{align-items:center;background:#0000;border:2px solid #2a2a2a;border-radius:12px;color:#f3f4f6;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease;width:100%}.seat-action-btn:hover{background:#0f0f0f;box-shadow:0 2px 6px #0000004d;transform:translateY(-1px)}.seat-action-assign{background:linear-gradient(135deg,#a855f7,#9333ea);border-color:#a855f7;box-shadow:0 2px 8px #a855f740;color:#fff;font-weight:600;justify-content:center;width:100%}.seat-action-assign:hover{background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 4px 12px #a855f759;transform:translateY(-2px)}.seat-action-remove{background:#0000;border-color:#dc2626;color:#f87171}.seat-action-remove:hover{background:#1a0000;border-color:#ef4444;color:#fca5a5;transform:scale(1.02)}.seat-assign-input{margin-bottom:.75rem;width:100%}.seat-assign-input input{background:#fff;border:2px solid #a855f7;border-radius:12px;color:#1f2937;font-size:.9375rem;font-weight:500;outline:none;padding:1rem;transition:all .2s ease;width:100%}.seat-assign-input input:focus{background:#fefbff;border-color:#9333ea;box-shadow:0 0 0 4px #a855f726}.seat-assign-input input::placeholder{color:#9ca3af;font-weight:400}.seat-assign-actions{display:flex;gap:.5rem;width:100%}.seat-assign-actions button{border-radius:12px;flex:1 1;font-weight:600;padding:1rem}.seat-action-remove svg{transition:transform .2s ease}.seat-action-remove:hover svg{transform:scale(1.1)}.seat-action-group{display:flex;gap:.625rem}.seat-action-confirm{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 2px 8px #10b98140;color:#fff}.seat-action-confirm:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98159;transform:translateY(-2px)}.seat-action-cancel{background:#f3f4f6;border-color:#d1d5db;color:#6b7280}.seat-action-cancel:hover{background:#e5e7eb;border-color:#9ca3af;color:#374151;transform:translateY(-1px)}.mystudio-actions{align-items:stretch;display:flex;flex-wrap:wrap;gap:1rem;position:relative;z-index:1}.mystudio-actions .btn-primary,.mystudio-actions .btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-weight:600;gap:.75rem;height:100%;justify-content:center;min-height:52px;outline:none;padding:1rem 1.75rem;transition:all .2s ease}.mystudio-actions .btn-primary{background-color:#a855f7;color:#fff}.mystudio-actions .btn-primary:hover{background-color:#9333ea;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.mystudio-actions .btn-primary:active{transform:translateY(0)}.mystudio-actions .btn-primary:focus{box-shadow:0 0 0 3px #a855f74d;outline:none}.mystudio-actions .btn-secondary{background:#fff;border:2px solid #a855f7;color:#a855f7}.mystudio-actions .btn-secondary:hover{background:#faf5ff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.mystudio-actions .btn-secondary:active{transform:translateY(0)}.mystudio-actions .btn-secondary:focus{box-shadow:0 0 0 3px #a855f74d;outline:none}.mystudio-actions .btn-self-invite{align-items:center;background:#fff;border:2px solid #10b981;border-radius:8px;color:#10b981;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-weight:600;gap:.75rem;height:100%;justify-content:center;min-height:52px;padding:1rem 1.75rem;transition:all .2s ease}.mystudio-actions .btn-self-invite:hover{background:#ecfdf5;border-color:#059669;box-shadow:0 4px 6px -1px #10b98133;color:#059669;transform:translateY(-1px)}.mystudio-actions .btn-self-invite:active{transform:translateY(0)}.mystudio-actions .btn-self-invite:focus{box-shadow:0 0 0 3px #10b9814d;outline:none}.mystudio-actions .btn-exit-studio{align-items:center;background:#fff;border:2px solid #ef4444;border-radius:8px;color:#ef4444;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;height:100%;justify-content:center;min-height:52px;padding:1rem 1.75rem;transition:all .2s ease}.mystudio-actions .btn-exit-studio:hover{background:#fef2f2;border-color:#dc2626;box-shadow:0 4px 6px -1px #ef444433;color:#dc2626;transform:translateY(-1px)}.mystudio-actions .btn-exit-studio:active{transform:translateY(0)}.mystudio-actions .btn-exit-studio:focus{box-shadow:0 0 0 3px #ef44444d;outline:none}.self-invite-modal{max-width:560px}.self-invite-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;padding:2rem 2rem 1.5rem}.self-invite-modal .modal-header>div:not(.modal-icon){display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.self-invite-modal .modal-header h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.self-invite-modal .modal-header p{color:#6b7280;font-size:.95rem;margin:0}.self-invite-modal .modal-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.self-invite-modal .modal-icon svg{color:#fff}.self-invite-icon{background:linear-gradient(135deg,#10b981,#059669)!important}.self-invite-modal .modal-body{padding:2rem}.self-invite-benefits{background:#f9fafb;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.self-invite-benefits h4{color:#374151;font-size:.95rem;font-weight:700;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.self-invite-benefits ul{display:flex;flex-direction:column;gap:.875rem;list-style:none;margin:0;padding:0}.self-invite-benefits li{align-items:flex-start;display:flex;gap:.75rem}.self-invite-benefits li svg{color:#10b981;flex-shrink:0;margin-top:2px}.self-invite-benefits li span{color:#4b5563;font-size:.95rem;line-height:1.5}.self-invite-benefits li strong{color:#1f2937;font-weight:600}.self-invite-info{align-items:flex-start;background:#a855f714;border:1px solid #a855f733;border-radius:8px;display:flex;gap:.75rem;padding:1rem}.self-invite-info svg{color:#a855f7;flex-shrink:0;margin-top:2px}.self-invite-info p{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0}.btn-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.invite-modal{max-width:560px}.invite-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;padding:2rem 2rem 1.5rem}.invite-modal .modal-header>div:not(.modal-icon){display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.invite-modal .modal-header h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.invite-modal .modal-header p{color:#6b7280;font-size:.95rem;margin:0}.invite-modal .modal-header p strong{color:#a855f7;font-weight:600}.invite-modal .modal-icon{align-items:center;background:linear-gradient(135deg,#a855f7,#9333ea);border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.invite-modal .modal-icon svg{color:#fff}.invite-modal .modal-body{padding:2rem}.invite-benefits{background:#f9fafb;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.invite-benefits h4{color:#374151;font-size:.95rem;font-weight:700;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.invite-benefits ul{display:flex;flex-direction:column;gap:.875rem;list-style:none;margin:0;padding:0}.invite-benefits li{align-items:flex-start;display:flex;gap:.75rem}.invite-benefits li svg{color:#10b981;flex-shrink:0;margin-top:2px}.invite-benefits li span{color:#4b5563;font-size:.95rem;line-height:1.5}.invite-benefits li span strong{color:#1f2937;font-weight:600}.invite-warning{align-items:flex-start;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1rem;margin-top:1rem;padding:1rem}.invite-warning svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.invite-warning h4{color:#92400e;font-size:.9rem;font-weight:600;margin:0 0 .5rem}.invite-warning p{color:#78350f;font-size:.875rem;line-height:1.6;margin:0}.invite-warning strong{color:#78350f;font-weight:700}.invite-info{align-items:flex-start;background:#a855f714;border:1px solid #a855f733;border-radius:8px;display:flex;gap:.75rem;padding:1rem}.invite-info svg{color:#a855f7;flex-shrink:0;margin-top:2px}.invite-info p{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0}.remove-member-modal{max-width:560px}.remove-member-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;padding:2rem 2rem 1.5rem}.remove-member-modal .modal-header>div:not(.modal-icon){display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.remove-member-modal .modal-header h3{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0 0 .25rem}.remove-member-modal .modal-header p{color:#6b7280;font-size:.95rem;line-height:1.4;margin:0}.remove-member-modal .modal-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.remove-member-modal .modal-icon svg{color:#fff}.remove-member-icon{background:linear-gradient(135deg,#dc2626,#b91c1c)!important}.remove-member-modal .modal-body{padding:2rem}.remove-member-info{background:#f9fafb;border-radius:12px;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.member-detail{align-items:flex-start;display:flex;gap:.75rem}.member-detail svg{color:#6b7280;flex-shrink:0;margin-top:2px}.member-detail div{display:flex;flex-direction:column;gap:.25rem}.member-detail strong{color:#374151;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.member-detail span{color:#1f2937;font-size:.95rem;word-break:break-all}.remove-member-consequences{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.remove-member-consequences h4{color:#991b1b;font-size:.95rem;font-weight:700;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.remove-member-consequences ul{display:flex;flex-direction:column;gap:.875rem;list-style:none;margin:0;padding:0}.remove-member-consequences li{align-items:flex-start;display:flex;gap:.75rem}.remove-member-consequences li svg{color:#dc2626;flex-shrink:0;margin-top:2px}.remove-member-consequences li span{color:#7f1d1d;font-size:.95rem;line-height:1.5}.remove-member-warning{align-items:flex-start;background:#f59e0b14;border:1px solid #f59e0b4d;border-radius:8px;display:flex;gap:.75rem;padding:1rem}.remove-member-warning svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.remove-member-warning p{color:#92400e;font-size:.9rem;line-height:1.5;margin:0}.btn-danger{align-items:center;background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 1.75rem;transition:all .2s ease}.btn-danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.btn-danger:active{transform:translateY(0)}.btn-danger:disabled{cursor:not-allowed;opacity:.6}.dark-mode .mystudio-page-wrapper{background:linear-gradient(135deg,#000,#020202 40%,#050505)}.dark-mode .mystudio-page-wrapper:before{background:radial-gradient(circle at 30% 40%,#a855f71f 0,#7c3aed14 30%,#0000 70%)}.dark-mode .mystudio-container{background:none}.dark-mode .mystudio-container:before{display:none}.dark-mode .mystudio-header h1{color:#f9fafb}.dark-mode .edit-studio-name-btn:hover{background:#a855f726}.dark-mode .mystudio-error p,.dark-mode .mystudio-header p,.dark-mode .mystudio-loading p{color:#9ca3af}.dark-mode .over-capacity-banner{background:linear-gradient(135deg,#ef444426,#dc262626);border-color:#ef4444}.dark-mode .over-capacity-text h3{color:#fca5a5}.dark-mode .over-capacity-text p{color:#f9a8a8}.dark-mode .studio-info-card{background:#1a1a1a;border-color:#2a2a2a}.dark-mode .studio-info-header{border-bottom-color:#2a2a2a}.dark-mode .studio-info-title h3{color:#f9fafb}.dark-mode .studio-info-label{color:#9ca3af}.dark-mode .studio-info-value{color:#f9fafb}.dark-mode .credits-badge{background:#2a2a2a;border-color:#3a3a3a;color:#c084fc}.dark-mode .usage-badge{background:#a855f733;color:#c084fc}.dark-mode .loading-text h3{color:#f9fafb}.dark-mode .loading-text p{color:#9ca3af}.dark-mode .processing-spinner{border-color:#c084fc #a855f799 #a855f733 #a855f733}.dark-mode .error-icon{color:#f87171}.dark-mode .mystudio-error h3{color:#f9fafb}.dark-mode .mystudio-error p{color:#9ca3af}.dark-mode .stat-card{background:#1a1a1a;border-color:#333}.dark-mode .stat-card:hover{border-color:#a855f799;box-shadow:0 0 30px #a855f74d}.dark-mode .stat-card-icon,.dark-mode .stat-card-title{color:#c084fc}.dark-mode .stat-card:hover .stat-card-icon{color:#e9d5ff}.dark-mode .stat-card-value{color:#f9fafb}.dark-mode .stat-card-details{color:#9ca3af}.dark-mode .stat-card-details .credits-used{color:#34d399}.dark-mode .stat-card-details .credits-remaining{color:#c084fc}.dark-mode .stat-card-details .pending-credits{color:#fbbf24}.dark-mode .stat-card-details .seats-active{color:#34d399}.dark-mode .stat-card-details .seats-pending{color:#fbbf24}.dark-mode .stat-card-details .seats-available{color:#c084fc}.dark-mode .seat-bar.inactive{background:linear-gradient(90deg,#a855f7,#c084fc);box-shadow:0 2px 4px #a855f733}.dark-mode .stat-card-progress{background:#333}.dark-mode .dashboard-card{background:#1a1a1a;border-color:#333}.dark-mode .dashboard-card:hover{border-color:#a855f780;box-shadow:0 4px 16px #a855f733}.dark-mode .dashboard-card-header h3{color:#f9fafb}.dark-mode .dashboard-card-header{border-bottom-color:#2a2a2a}.dark-mode .quick-action-btn{background:#1f1f1f;border-color:#2a2a2a}.dark-mode .quick-action-btn:hover{background:#252525;border-color:#a855f7}.dark-mode .quick-action-icon{background:#2a2a2a}.dark-mode .quick-action-title{color:#f9fafb}.dark-mode .quick-action-desc{color:#9ca3af}.dark-mode .activity-item{background:linear-gradient(135deg,#2229,#1a1a1acc);border-color:#333}.dark-mode .activity-item:before{background:linear-gradient(180deg,#a855f7,#9333ea)}.dark-mode .activity-item:hover{background:linear-gradient(135deg,#2a2a2ab3,#222);border-color:#a855f7;box-shadow:0 4px 16px #a855f733}.dark-mode .activity-text{color:#e5e7eb}.dark-mode .activity-text strong{color:#f9fafb}.dark-mode .activity-time{color:#9ca3af}.dark-mode .line-chart{background:linear-gradient(135deg,#1a1a1a,#1f1f1f);box-shadow:inset 0 1px 3px #0000004d}.dark-mode .chart-empty,.dark-mode .chart-loading{color:#6b7280}.dark-mode .chart-empty svg{color:#a855f7}.dark-mode .loading-spinner{border-color:#a855f7 #2a2a2a #2a2a2a}.dark-mode .chart-stat{background:linear-gradient(135deg,#1a1a1a,#1f1f1f);border-color:#2a2a2a}.dark-mode .chart-stat:hover{border-color:#a855f7;box-shadow:0 4px 12px #a855f740}.dark-mode .chart-stat-value{color:#a855f7}.dark-mode .legend-item{color:#9ca3af}.dark-mode .legend-color{box-shadow:0 2px 4px #0000004d}.dark-mode .grid-line{stroke:#2a2a2a}.dark-mode text{fill:#9ca3af}.dark-mode .activity-feed{scrollbar-color:#a855f7 #2a2a2a80}.dark-mode .activity-feed::-webkit-scrollbar-track{background:#2a2a2a66;border-radius:12px}.dark-mode .activity-feed::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c084fc,#a855f7 50%,#9333ea);background-clip:padding-box;border:2px solid #0000;border-radius:12px}.dark-mode .activity-feed::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d8b4fe,#a855f7 50%,#7c3aed);background-clip:padding-box;border:2px solid #0000;border-radius:12px}.dark-mode .chart-bars{background:#222}.dark-mode .chart-label{color:#9ca3af}.dark-mode .chart-stat{background:#222}.dark-mode .chart-stat-label{color:#9ca3af}.dark-mode .chart-stat-value{color:#c084fc}.dark-mode .mystudio-seats{background:#0000;border-color:#0000}.dark-mode .seats-header h2{color:#f9fafb}.dark-mode .seats-header p{color:#9ca3af}.dark-mode .seats-table-row{background:#1a1a1a;border-color:#333;box-shadow:0 4px 12px #0000004d}.dark-mode .seats-table-row:hover{border-color:#a855f7;box-shadow:0 8px 24px #a855f733}.dark-mode .seat-col-seat span,.dark-mode .seat-col-seat>span:first-of-type{color:#a855f7}.dark-mode .artist-name{color:#f3f4f6}.dark-mode .seat-col-used:after{background:#1a1a1a}.dark-mode .seat-col-status,.dark-mode .seat-col-used{background:#0f0f0f;border-color:#2a2a2a;color:#f3f4f6}.dark-mode .seat-col-status:before,.dark-mode .seat-col-used:before{color:#6b7280}.dark-mode .seat-email span{color:#f3f4f6}.dark-mode .seat-email .email-text{color:#9ca3af}.dark-mode .seat-empty{color:#6b7280}.dark-mode .seat-assign-input input{background:#0f0f0f;border-color:#a855f7;color:#f9fafb}.dark-mode .seat-assign-input input:focus{background:#1a1a1a;box-shadow:0 0 0 4px #a855f733}.dark-mode .seat-assign-input input::placeholder{color:#6b7280}.dark-mode .seat-action-btn{background:#1a1a1a;border-color:#333;color:#f3f4f6}.dark-mode .seat-action-btn:hover{background:#262626;box-shadow:0 2px 6px #0000004d}.dark-mode .seat-action-assign{background:linear-gradient(135deg,#a855f7,#9333ea);border-color:#a855f7;color:#fff}.dark-mode .seat-action-assign:hover{background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 4px 12px #a855f766}.dark-mode .seat-action-confirm{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.dark-mode .seat-action-confirm:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166}.dark-mode .seat-action-cancel{background:#2a2a2a;border-color:#3a3a3a;color:#9ca3af}.dark-mode .seat-action-cancel:hover{background:#333;border-color:#4a4a4a;color:#d1d5db}.dark-mode .empty-seat-input{background:#0f0f0f;border-color:#374151;color:#f3f4f6}.dark-mode .empty-seat-input:focus{background:#1a1a1a;border-color:#6b7280}.dark-mode .empty-seat-input::placeholder{color:#6b7280}.dark-mode .seat-col-joined{background:#0f0f0f;border-color:#2a2a2a}.dark-mode .joined-date{color:#f3f4f6}.dark-mode .seat-col-default-color{background:#0f0f0f;border-color:#2a2a2a}.dark-mode .seat-action-remove{background:#ef44441a;border-color:#ef44444d;color:#f87171}.dark-mode .seat-action-remove:hover{background:#ef444433;border-color:#ef4444;box-shadow:0 2px 8px #ef44444d;color:#fca5a5}.dark-mode .seat-action-confirm:hover{background:#10b9811a}.dark-mode .seat-action-cancel:hover{background:#374151}.dark-mode .mystudio-actions .btn-secondary{background:#1a1a1a;border-color:#a855f7}.dark-mode .mystudio-actions .btn-secondary:hover{background:#a855f733}.dark-mode .mystudio-actions .btn-self-invite{background:#1a1a1a;border-color:#10b981;color:#10b981}.dark-mode .mystudio-actions .btn-self-invite:hover{background:#10b98126;border-color:#059669}.dark-mode .mystudio-actions .btn-exit-studio{background:#1a1a1a;border-color:#ef4444;color:#ef4444}.dark-mode .mystudio-actions .btn-exit-studio:hover{background:#ef444426;border-color:#dc2626}.dark-mode .self-invite-modal .modal-header{border-bottom-color:#333}.dark-mode .self-invite-modal .modal-header h3{color:#f9fafb}.dark-mode .self-invite-modal .modal-header p{color:#9ca3af}.dark-mode .self-invite-benefits{background:#0d0d0d}.dark-mode .self-invite-benefits h4,.dark-mode .self-invite-benefits li span{color:#d1d5db}.dark-mode .self-invite-benefits li strong{color:#f9fafb}.dark-mode .self-invite-info{background:#a855f71f;border-color:#a855f74d}.dark-mode .self-invite-info p{color:#9ca3af}.dark-mode .invite-modal .modal-header{border-bottom-color:#333}.dark-mode .invite-modal .modal-header h3{color:#f9fafb}.dark-mode .invite-modal .modal-header p{color:#9ca3af}.dark-mode .invite-modal .modal-header p strong{color:#a78bfa}.dark-mode .invite-benefits{background:#0d0d0d}.dark-mode .invite-benefits h4,.dark-mode .invite-benefits li span{color:#d1d5db}.dark-mode .invite-benefits li strong{color:#f9fafb}.dark-mode .invite-warning{background:#fbbf2426;border-color:#fbbf2459}.dark-mode .invite-warning h4{color:#fbbf24}.dark-mode .invite-warning p{color:#fde68a}.dark-mode .invite-warning strong{color:#fef3c7;font-weight:700}.dark-mode .invite-info{background:#a855f71f;border-color:#a855f74d}.dark-mode .invite-info p{color:#e9d5ff}.dark-mode .remove-member-modal .modal-header{border-bottom-color:#333}.dark-mode .remove-member-modal .modal-header h3{color:#f9fafb}.dark-mode .remove-member-modal .modal-header p{color:#9ca3af}.dark-mode .remove-member-info{background:#0d0d0d}.dark-mode .member-detail svg{color:#9ca3af}.dark-mode .member-detail strong{color:#d1d5db}.dark-mode .member-detail span{color:#f9fafb}.dark-mode .remove-member-consequences{background:#dc26261a;border-color:#dc26264d}.dark-mode .remove-member-consequences h4{color:#fca5a5}.dark-mode .remove-member-consequences li span{color:#f9fafb}.dark-mode .remove-member-warning{background:#f59e0b1f;border-color:#f59e0b59}.dark-mode .remove-member-warning p{color:#fbbf24}@media (max-width:1024px){.seats-table{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.mystudio-stats{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.dashboard-grid{gap:1rem;grid-template-columns:1fr}.mystudio-actions{flex-direction:column}.mystudio-actions .btn-exit-studio,.mystudio-actions .btn-primary,.mystudio-actions .btn-secondary,.mystudio-actions .btn-self-invite{width:100%}}@media (min-width:769px) and (max-width:1024px){.studio-info-grid{gap:1rem;grid-template-columns:repeat(3,1fr)}.studio-info-item{gap:.375rem}.studio-info-label{font-size:.7rem}.studio-info-value{font-size:1rem}}@media (max-width:768px){.seats-table{gap:1rem;grid-template-columns:1fr}.studio-info-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.chart-stats{gap:.75rem;grid-template-columns:1fr}.chart-stat{padding:1.25rem 1rem}.chart-stat-label{font-size:.7rem}.chart-stat-value{font-size:1.75rem}.chart-legend{align-items:flex-start;flex-direction:column;gap:.75rem;padding:.75rem}.line-chart{padding:1rem}.chart-svg{max-height:220px}}@media (max-width:700px){.chart-stat-value{font-size:1.25rem}.activity-item{gap:.75rem;padding:.875rem .75rem}.activity-icon{height:38px;width:38px}.activity-text{font-size:.875rem}.activity-time{font-size:.75rem}}@media (max-width:375px){.mystudio-container{padding:1rem .75rem}.dashboard-card{padding:1rem}.dashboard-card-header{margin-bottom:1rem;padding-bottom:.75rem}.dashboard-card-header h3{font-size:1rem}.quick-actions-list{gap:.625rem}.quick-action-btn{gap:.75rem;padding:.875rem 1rem}.quick-action-icon{height:36px;width:36px}.quick-action-title{font-size:.875rem}.quick-action-desc{font-size:.75rem}.activity-item{gap:.625rem;padding:.75rem .625rem}.activity-icon{height:32px;height:36px;width:32px}.activity-details{min-width:0}.activity-title{font-size:.875rem}.activity-time{font-size:.6875rem}.activity-count{font-size:.75rem;padding:.25rem .5rem}.usage-chart-card{padding:1rem}.line-chart{padding:.75rem}.chart-stats{gap:.5rem}.chart-stat{padding:.875rem .75rem}.chart-stat-label{font-size:.625rem}.chart-stat-value{font-size:1rem}.chart-legend{gap:.5rem;padding:.5rem}.legend-item{font-size:.75rem}.x-axis-label,.y-axis-label{font-size:.625rem}}@media (min-width:768px) and (max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.usage-chart-card{grid-column:span 2}}@media (min-width:1201px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.usage-chart-card{grid-column:span 2}}@media (max-width:951px) and (min-width:769px){.mystudio-stats{gap:1rem;grid-template-columns:repeat(3,1fr)}.stat-card{padding:1rem}.stat-card-title{font-size:.75rem}.stat-card-value{font-size:1.75rem}.stat-card-details{font-size:.7rem}.stat-card-icon svg{height:16px;width:16px}}@media (max-width:857px) and (min-width:769px){.mystudio-actions{flex-direction:column}.mystudio-actions .btn-exit-studio,.mystudio-actions .btn-primary,.mystudio-actions .btn-secondary,.mystudio-actions .btn-self-invite{justify-content:center;width:100%}}@media (max-width:768px){.mystudio-container{padding:2rem 1.5rem}.mystudio-header h1{font-size:2rem}.studio-info-grid{gap:1rem;grid-template-columns:1fr}.studio-info-item{background:#f9fafb;border-radius:10px;padding:1rem}.dark-mode .studio-info-item{background:#222}.mystudio-stats{grid-template-columns:1fr}.stat-value{font-size:2.5rem}.mystudio-seats{padding:1rem}.seats-table-header{display:none}.mystudio-actions{flex-direction:column}.mystudio-actions .btn-exit-studio,.mystudio-actions .btn-primary,.mystudio-actions .btn-secondary,.mystudio-actions .btn-self-invite{justify-content:center;width:100%}}@media (max-width:480px){.mystudio-container{padding:1.5rem 1rem}.mystudio-header h1{font-size:1.75rem}.mystudio-header p{font-size:1rem}.stat-card{padding:1.5rem}.stat-value{font-size:2.25rem}}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem 2rem}.studio-name-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;padding:2rem 2rem 1.5rem}.studio-name-modal .modal-header>div:last-child{flex:1 1;min-width:0}.studio-name-modal .modal-icon{align-items:center;background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.studio-name-modal .modal-icon svg{color:#fff}.studio-name-modal .modal-header h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.studio-name-modal .modal-header p{color:#6b7280;font-size:.95rem;margin:0}.studio-name-modal .modal-body{padding:2rem}.studio-name-modal .form-group{margin-bottom:0}.studio-name-modal .form-group label{color:#374151;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.studio-name-modal .form-input{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .2s;width:100%}.studio-name-modal .form-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.studio-name-modal .field-help-text{color:#6b7280;font-size:.85rem;margin-top:.5rem}.logo-upload-section{background:linear-gradient(135deg,#a855f70a,#7c3aed0a);border:2px dashed #a855f733;border-radius:12px;margin-bottom:2rem;padding:1.75rem;transition:all .3s ease}.logo-upload-section:hover{background:linear-gradient(135deg,#a855f70f,#7c3aed0f);border-color:#a855f766}.logo-upload-section>label{color:#374151;display:block;font-size:.95rem;font-weight:600;margin-bottom:1.5rem}.logo-upload-container{align-items:center;display:flex;flex-direction:column;gap:1.25rem}.logo-preview-box{align-items:center;background:linear-gradient(135deg,#fff,#f9fafb);border:3px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;flex-shrink:0;height:140px;justify-content:center;margin-bottom:.5rem;overflow:hidden;transition:all .3s ease;width:140px}.logo-preview-box:hover{border-color:#a855f766;box-shadow:0 6px 16px #a855f733;transform:scale(1.03)}.logo-preview-box img{height:100%;object-fit:cover;width:100%}.logo-preview-placeholder{background:linear-gradient(135deg,#a855f70d,#7c3aed0d);height:100%}.logo-button-group,.logo-preview-placeholder{align-items:center;display:flex;justify-content:center;width:100%}.logo-button-group{gap:.75rem}.logo-upload-btn{align-items:center;background:linear-gradient(135deg,#a855f7,#7c3aed);border:2px solid #0000;border-radius:10px;box-shadow:0 4px 12px #a855f740;color:#fff;cursor:pointer;display:inline-flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;max-height:48px;max-width:180px;min-height:48px;padding:.875rem 2rem;transition:all .2s ease;white-space:nowrap}.logo-upload-btn:hover{background:linear-gradient(135deg,#9333ea,#6d28d9);box-shadow:0 6px 16px #a855f766;transform:translateY(-2px)}.logo-upload-btn:active{transform:translateY(0)}.logo-remove-btn{align-items:center;background:#fff;border:2px solid #dc2626;border-radius:10px;box-shadow:0 2px 8px #dc262626;color:#dc2626;cursor:pointer;display:inline-flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;max-height:48px;max-width:180px;min-height:48px;padding:.875rem 2rem;transition:all .2s ease;white-space:nowrap}.logo-remove-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #dc26264d;color:#fff;transform:translateY(-2px)}.logo-remove-btn:active:not(:disabled){transform:translateY(0)}.logo-remove-btn:disabled{cursor:not-allowed;opacity:.6}.logo-upload-help{color:#6b7280;font-size:.85rem;line-height:1.6;margin:0;padding:0 1rem;text-align:center}.logo-upload-help strong{color:#374151;font-weight:600}.studio-name-modal .auth-message{border-radius:8px;font-size:.9rem;padding:.75rem 1rem}.studio-name-modal .auth-message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.studio-name-modal .modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem 2rem}.studio-name-modal .btn-primary,.studio-name-modal .btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.studio-name-modal .btn-secondary{background:#f3f4f6;color:#374151}.studio-name-modal .btn-secondary:hover:not(:disabled){background:#e5e7eb}.studio-name-modal .btn-primary{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.studio-name-modal .btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #a855f766;transform:translateY(-1px)}.studio-name-modal .btn-primary:disabled,.studio-name-modal .btn-secondary:disabled{cursor:not-allowed;opacity:.6}.dark-mode .modal-overlay{background:#000000d9}.dark-mode .modal-content{background:#1a1a1a;border:1px solid #333;box-shadow:0 20px 60px #0009}.dark-mode .modal-footer{border-top-color:#333}.dark-mode .studio-name-modal .modal-header{border-bottom-color:#333}.dark-mode .studio-name-modal .modal-header h3{color:#f9fafb}.dark-mode .studio-name-modal .modal-header p{color:#9ca3af}.dark-mode .studio-name-modal .form-group label{color:#e5e7eb}.dark-mode .studio-name-modal .form-input{background:#0d0d0d;border-color:#333;color:#f9fafb}.dark-mode .studio-name-modal .form-input:focus{background:#0d0d0d;border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a}.dark-mode .studio-name-modal .field-help-text{color:#9ca3af}.dark-mode .studio-name-modal .auth-message.error{background:#dc26261a;border-color:#dc26264d;color:#fca5a5}.dark-mode .studio-name-modal .modal-footer{border-top-color:#333}.dark-mode .studio-name-modal .btn-secondary{background:#262626;border:1px solid #333;color:#e5e7eb}.dark-mode .studio-name-modal .btn-secondary:hover:not(:disabled){background:#333;border-color:#4a4a4a}.dark-mode .logo-upload-section{background:linear-gradient(135deg,#a855f70f,#7c3aed0f);border-color:#a855f74d}.dark-mode .logo-upload-section:hover{background:linear-gradient(135deg,#a855f717,#7c3aed17);border-color:#a855f780}.dark-mode .logo-upload-section>label{color:#e5e7eb}.dark-mode .logo-preview-box{background:linear-gradient(135deg,#1f1f1f,#2a2a2a);border-color:#404040}.dark-mode .logo-preview-box:hover{border-color:#a855f799}.dark-mode .logo-preview-placeholder{background:linear-gradient(135deg,#a855f714,#7c3aed14)}.dark-mode .logo-remove-btn{background:#2a2a2a;border-color:#dc262680;color:#fca5a5}.dark-mode .logo-remove-btn:hover:not(:disabled){background:#dc262633;border-color:#dc2626;color:#fca5a5}.dark-mode .logo-upload-help{color:#9ca3af}.dark-mode .logo-upload-help strong{color:#d1d5db}@media (max-width:1024px) and (min-width:641px){.logo-upload-section{padding:1.5rem}.logo-preview-box{height:120px;width:120px}.logo-button-group{max-width:100%}.logo-remove-btn,.logo-upload-btn{max-width:160px}}@media (max-width:640px){.studio-name-modal .modal-body,.studio-name-modal .modal-header{padding:1.5rem}.logo-upload-section{padding:1.25rem}.logo-upload-container{gap:1rem}.logo-preview-box{height:120px;width:120px}.logo-button-group{flex-direction:column;gap:.625rem;width:100%}.logo-remove-btn,.logo-upload-btn{flex:0 0 auto;max-width:100%;padding:.875rem 1.5rem;width:100%}.logo-upload-help{font-size:.8rem;padding:0 .5rem}.studio-name-modal .modal-footer{flex-direction:column-reverse;padding:1.25rem 1.5rem}.studio-name-modal .btn-primary,.studio-name-modal .btn-secondary{justify-content:center;width:100%}}.success-notification{animation:slideInRight .3s ease-out,fadeOut .3s ease-in 2.7s;position:fixed;right:2rem;top:2rem;z-index:99999}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.success-notification-content{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 10px 25px #10b9814d,0 4px 10px #0003;color:#fff;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;min-width:300px;padding:1rem 1.5rem}.success-notification-content svg{stroke-width:2.5;flex-shrink:0}.dark-mode .success-notification-content{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 10px 25px #05966966,0 4px 10px #0000004d}.error-notification{animation:slideInRight .3s ease-out,fadeOut .3s ease-in 3.7s;position:fixed;right:2rem;top:2rem;z-index:99999}.error-notification-content{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:12px;box-shadow:0 8px 20px #dc262633,0 4px 8px #00000026;color:#fff;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;min-width:300px;padding:1rem 1.5rem}.error-notification-content svg{stroke-width:2.5;flex-shrink:0}.dark-mode .error-notification-content{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 8px 20px #b91c1c40,0 4px 8px #0003}@media (max-width:640px){.success-notification{bottom:auto;left:1rem;position:fixed;right:1rem;top:auto;top:max(env(safe-area-inset-top),1rem)}.success-notification-content{justify-content:center;min-width:auto;width:100%}.error-notification{bottom:auto;left:1rem;position:fixed;right:1rem;top:auto;top:max(env(safe-area-inset-top),1rem)}.error-notification-content{justify-content:center;min-width:auto;width:100%}}@media (max-width:1024px) and (min-width:641px){.error-notification,.success-notification{left:1.5rem;position:fixed;right:1.5rem;top:max(env(safe-area-inset-top),1.5rem)}.error-notification-content,.success-notification-content{justify-content:center;min-width:auto;width:100%}}@media (max-width:857px){.modal-content.self-invite-modal .modal-header{align-items:center!important;flex-direction:column!important;gap:1rem!important;padding:1.5rem!important;text-align:center!important}.modal-content.self-invite-modal .modal-header h3,.modal-content.self-invite-modal .modal-header p,.modal-content.self-invite-modal .modal-header>div{text-align:center!important;width:100%!important}.modal-content.self-invite-modal .modal-header>div:last-child{order:2;width:100%}.modal-content.self-invite-modal .modal-icon{margin-bottom:.5rem;order:1}.modal-content.self-invite-modal .modal-body{padding:1.5rem}.modal-content.self-invite-modal .modal-footer{display:flex!important;flex-direction:column-reverse!important;gap:.75rem!important;opacity:1!important;padding:1.25rem 1.5rem!important;visibility:visible!important}.modal-content.self-invite-modal .modal-footer .btn-primary,.modal-content.self-invite-modal .modal-footer .btn-secondary{display:flex!important;height:auto!important;justify-content:center!important;min-height:48px!important;padding:.875rem 1.5rem!important;width:100%!important}.modal-content.invite-modal .modal-header{align-items:center!important;flex-direction:column!important;gap:1rem!important;padding:1.5rem!important;text-align:center!important}.modal-content.invite-modal .modal-header h3,.modal-content.invite-modal .modal-header p,.modal-content.invite-modal .modal-header>div{text-align:center!important;width:100%!important}.modal-content.invite-modal .modal-header>div:last-child{order:2;width:100%}.modal-content.invite-modal .modal-icon{margin-bottom:.5rem;order:1}.modal-content.invite-modal .modal-body{padding:1.5rem}.modal-content.invite-modal .modal-footer{display:flex!important;flex-direction:column-reverse!important;gap:.75rem!important;opacity:1!important;padding:1.25rem 1.5rem!important;visibility:visible!important}.modal-content.invite-modal .modal-footer .btn-primary,.modal-content.invite-modal .modal-footer .btn-secondary{display:flex!important;height:auto!important;justify-content:center!important;min-height:48px!important;padding:.875rem 1.5rem!important;width:100%!important}.modal-content.remove-member-modal .modal-header{align-items:center!important;flex-direction:column!important;gap:1rem!important;padding:1.5rem!important;text-align:center!important}.modal-content.remove-member-modal .modal-header h3,.modal-content.remove-member-modal .modal-header p,.modal-content.remove-member-modal .modal-header>div{text-align:center!important;width:100%!important}.modal-content.remove-member-modal .modal-header>div:last-child{order:2;width:100%}.modal-content.remove-member-modal .modal-icon{margin-bottom:.5rem;order:1}.modal-content.remove-member-modal .modal-body{padding:1.5rem}.modal-content.remove-member-modal .modal-footer{display:flex!important;flex-direction:column-reverse!important;gap:.75rem!important;opacity:1!important;padding:1.25rem 1.5rem!important;visibility:visible!important}.modal-content.remove-member-modal .modal-footer .btn-danger,.modal-content.remove-member-modal .modal-footer .btn-secondary{display:flex!important;height:auto!important;justify-content:center!important;min-height:48px!important;padding:.875rem 1.5rem!important;width:100%!important}.invite-benefits,.self-invite-benefits{padding:1.25rem}.invite-info,.self-invite-info{padding:.875rem}}@media (max-width:480px){.modal-content{margin:1rem;max-width:95vw}.invite-modal,.remove-member-modal,.self-invite-modal{max-width:95vw}.modal-header h3{font-size:1.25rem}.invite-benefits h4,.invite-benefits li span,.modal-header p,.self-invite-benefits h4,.self-invite-benefits li span{font-size:.875rem}}.modal-body,.modal-content,.modal-content button,.modal-footer,.modal-header,.modal-overlay button,.mystudio-container .modal-body,.mystudio-container .modal-content,.mystudio-container .modal-content button,.mystudio-container .modal-footer,.mystudio-container .modal-header,.mystudio-container .modal-overlay button,.mystudio-container button{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important}.waitlist-page{align-items:center;background:#000;display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.waitlist-page:before{background:radial-gradient(circle at 20% 30%,#a855f726 0,#0000 50%),radial-gradient(circle at 80% 70%,#a855f71a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.waitlist-container{max-width:500px;position:relative;width:100%;z-index:1}.waitlist-header .brand{align-items:center;display:flex;flex-direction:column;margin-bottom:3rem}.waitlist-header .logo-image{height:120px!important;margin-bottom:1rem;object-fit:contain;width:80px!important}.waitlist-header .logo-text{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.5rem;font-weight:700;margin:0}.waitlist-card{background:#111;border:1px solid #2a2a2a;border-radius:20px;box-shadow:0 20px 60px #0009;opacity:0;overflow:hidden;padding:3rem 2.5rem;position:relative;text-align:center}.waitlist-card:before{background:#a855f7;content:"";height:4px;left:0;position:absolute;right:0;top:0}.waitlist-card .icon{align-items:center;background:#a855f7;border-radius:50%;box-shadow:0 8px 32px #a855f74d;display:flex;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}.waitlist-card h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem}.waitlist-card .description,.waitlist-card h2{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.waitlist-card .description{color:#b0b0b0;font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem}.waitlist-form{margin-bottom:2rem}.waitlist-form .form-group{margin-bottom:1.5rem;text-align:left}.waitlist-form label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.waitlist-form input[type=email],.waitlist-form label{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.waitlist-form input[type=email]{background:#1a1a1a;border:2px solid #2a2a2a;border-radius:12px;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.waitlist-form input[type=email]:focus{background:#1a1a1a;border-color:#a855f7;box-shadow:0 0 0 3px #a855f733;outline:none}.waitlist-form input[type=email]::placeholder{color:#6b7280}.waitlist-form .join-button{background:#a855f7;border:none;border-radius:12px;box-shadow:0 4px 16px #a855f74d;color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.1rem;font-weight:600;padding:1.2rem 2rem;transition:all .3s ease;width:100%}.waitlist-form .join-button:hover{background:#9333ea;box-shadow:0 8px 25px #a855f766;transform:translateY(-2px)}.waitlist-form .join-button:active{transform:translateY(0)}.waitlist-form .join-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.waitlist-form .error-message{animation:slideDown .3s ease;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;margin-top:10px;padding:12px}.waitlist-form .join-button.loading{color:#0000;position:relative}.waitlist-form .join-button.loading:after{animation:spin 1s ease infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;top:50%;width:20px}.success-message{align-items:center;background:#111;border:1px solid #2a2a2a;border-radius:20px;bottom:0;box-shadow:0 20px 60px #0009;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(.9);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.success-message.show{opacity:1;transform:scale(1)}.success-message.hidden{display:none}.success-content{padding:2rem;text-align:center}.success-icon{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.success-content h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.success-content h3,.success-content p{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.success-content p{color:#b0b0b0;font-size:1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.waitlist-card.animate-in{animation:slideUp .8s cubic-bezier(.4,0,.2,1) forwards}@media (max-width:480px){.waitlist-card{padding:2rem 1.5rem}.waitlist-header .brand{margin-bottom:2rem}.waitlist-header .logo-image{height:120px!important;object-fit:contain;width:80px!important}.waitlist-header .logo-text{font-size:2rem}.waitlist-card h2{font-size:1.6rem}.waitlist-card .description{font-size:1rem}}.site-notice-wrapper{animation:slideUpFadeIn .4s ease-out;display:block!important;width:100%}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.site-notice-wrapper.notice-hidden{display:none!important}.site-footer-notice{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;bottom:0!important;left:0!important;pointer-events:all!important;position:fixed!important;right:0!important;z-index:999999!important}.notice-content-box,.site-footer-notice{opacity:1!important;visibility:visible!important}.notice-content-box{background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -4px 25px #00000026;display:block!important;max-height:80vh;overflow-y:auto}.notice-inner{margin:0 auto;max-width:1200px;padding:1.75rem}.notice-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.notice-header h3{align-items:center;color:#1a202c;display:flex;font-size:1.375rem;font-weight:700;gap:.625rem;margin:0}.cookie-icon{color:#a855f7;filter:drop-shadow(0 2px 4px rgba(168,85,247,.2));flex-shrink:0}.dark-mode .cookie-icon{color:#c084fc;filter:drop-shadow(0 2px 4px rgba(192,132,252,.3))}.notice-close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.notice-close-btn:hover{background:#f3f4f6;color:#1a202c}.notice-body{margin-bottom:1.25rem}.notice-body p{color:#4b5563;font-size:.95rem;line-height:1.6;margin:0 0 1rem}.preference-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin:1rem 0;max-height:300px;overflow-y:auto;padding:1rem}.preference-item{background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;margin:.75rem 0;padding:.75rem}.preference-item:last-child{margin-bottom:0}.preference-item-label{align-items:flex-start;cursor:pointer;display:flex;gap:.75rem;width:100%}.preference-item-label input[type=checkbox]{accent-color:#a855f7;cursor:pointer;flex-shrink:0;height:1.25rem;margin-top:.125rem;width:1.25rem}.preference-item-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.preference-item-info{flex:1 1}.preference-item-info strong{align-items:center;color:#111;display:flex;font-weight:600;gap:.5rem;margin-bottom:.25rem}.required-badge{background:#fee2e2;border-radius:.25rem;color:#dc2626;font-size:.75rem;font-weight:500;letter-spacing:.025em;padding:.125rem .5rem;text-transform:uppercase}.preference-item-info p{color:grey;font-size:.875rem;line-height:1.5;margin:0}.notice-footer{border-top:1px solid #e5e7eb;gap:1rem;justify-content:space-between;padding-top:1.25rem}.notice-footer,.notice-links{align-items:center;display:flex;flex-wrap:wrap}.notice-links{gap:1.25rem}.preference-details-toggle{background:none;border:none;color:#a855f7;cursor:pointer;font-size:.875rem;font-weight:500;padding:0;text-decoration:underline}.preference-details-toggle:hover{color:#9333ea}.notice-links a{color:#6b7280;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s ease}.notice-links a:hover{color:#a855f7}.notice-actions{display:flex;flex-wrap:wrap;gap:.75rem}.notice-btn{border:1px solid #0000;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;min-width:100px;padding:.75rem 1rem;text-align:center;transition:all .2s ease}.notice-btn:disabled{cursor:not-allowed;opacity:.6}.notice-btn-primary{background:#a855f7;border-color:#a855f7;color:#fff}.notice-btn-primary:hover:not(:disabled){background:#9333ea;border-color:#9333ea}.notice-btn-secondary{background:#fff;border-color:#d1d5db;color:grey}.notice-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}@media (max-width:767px){.notice-inner{padding:1.5rem}.notice-header h3{font-size:1.25rem}.notice-footer{align-items:stretch;flex-direction:column;gap:1rem}.notice-links{flex-wrap:wrap;justify-content:center}.notice-actions{flex-direction:column}.notice-btn{width:100%}.preference-details{max-height:200px}.preference-item-label{align-items:flex-start}.preference-item-info strong{align-items:flex-start;flex-direction:column;gap:.25rem}}@media (max-width:575px){.notice-inner{padding:1.25rem}.notice-header h3{font-size:1.125rem}.notice-close-btn{font-size:1.75rem;height:28px;width:28px}.preference-details{max-height:150px;padding:.75rem}.preference-item{padding:.5rem}}@media (prefers-contrast:high){.notice-content-box{border-top:2px solid #000}.notice-btn-primary{border-width:2px}.notice-btn-secondary{border-color:#000;border-width:2px}}@media (prefers-reduced-motion:reduce){.site-footer-notice{animation:none}.notice-btn,.notice-content-box-close,.preference-details-toggle{transition:none}}.dark-mode .site-footer-notice{background:#0009!important}.dark-mode .notice-content-box{background:#1a1a1a!important;border-top-color:#2a2a2a!important;border:1px solid #2a2a2a;box-shadow:0 -4px 25px #00000080!important}.dark-mode .notice-header h3{color:#fff}.dark-mode .notice-close-btn{color:#9ca3af}.dark-mode .notice-close-btn:hover{background:#2a2a2a;color:#fff}.dark-mode .notice-body p{color:#d1d5db}.dark-mode .preference-details{background:#000;border-color:#2a2a2a}.dark-mode .preference-item{background:#111;border-color:#2a2a2a}.dark-mode .preference-item-label input[type=checkbox]{accent-color:#a855f7}.dark-mode .preference-item-info strong{color:#fff}.dark-mode .required-badge{background:#dc262633;color:#fca5a5}.dark-mode .preference-item-info p{color:#b0b0b0}.dark-mode .notice-footer{border-top-color:#2a2a2a}.dark-mode .preference-details-toggle{color:#c084fc}.dark-mode .preference-details-toggle:hover{color:#a855f7}.dark-mode .notice-links a{color:#9ca3af}.dark-mode .notice-links a:hover{color:#c084fc}.dark-mode .notice-btn-primary{background:#a855f7;border-color:#a855f7;color:#fff}.dark-mode .notice-btn-primary:hover:not(:disabled){background:#9333ea;border-color:#9333ea}.dark-mode .notice-btn-secondary{background:#000;border-color:#2a2a2a;color:#e0e0e0}.dark-mode .notice-btn-secondary:hover:not(:disabled){background:#2a2a2a;border-color:#444;color:#fff}.checkout-page{animation:fadeInUp .6s ease-out;display:block;margin:0;min-height:100vh;padding:0;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.checkout-left{align-items:center;background:#111;box-shadow:2px 0 16px #0000004d;color:#fff;display:none;flex-direction:column;height:100vh;justify-content:flex-start;left:0;overflow-y:auto;padding:3rem 2.5rem;position:fixed;top:0;transition:opacity .3s ease;width:50%;z-index:10}.checkout-left:before{background:none;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.checkout-brand{margin-bottom:2rem;max-width:500px;padding-top:3rem;position:relative;width:100%;z-index:1}.brand-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.brand-logo{border-radius:12px;height:48px;object-fit:cover;width:48px}.brand-name{color:#fff;font-weight:700;margin:0}.brand-name,.checkout-brand h1{font-size:1.5rem;letter-spacing:-.01em}.checkout-brand h1{color:#9ca3af;font-weight:600;margin-bottom:.75rem}.checkout-brand p{color:#fff;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.price-display{align-items:baseline;display:flex;gap:.5rem}.price-period{font-size:1rem!important}.billing-period,.price-period{color:#6b7280!important;font-weight:400!important}.billing-period{font-size:.875rem!important;margin-bottom:0!important}.back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111111f2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;left:2rem;padding:.75rem 1.5rem;position:fixed;top:2rem;transition:all .3s ease;z-index:9999}.back-button:hover{background:#111;border-color:#fff3;box-shadow:0 6px 24px #0006;transform:translateX(-4px)}.light-mode .back-button{background:#fffffff2;border:1px solid #0000001a;color:#1a1a1a}.light-mode .back-button:hover{background:#fff;border-color:#0003;box-shadow:0 6px 24px #00000026}.checkout-right{align-items:stretch;background:#fff;display:flex;flex-direction:column;height:100vh;justify-content:stretch;left:0;overflow:hidden;padding:0;position:fixed;top:0;transition:background .3s ease,opacity .3s ease;width:100%;z-index:1}.dark-mode .checkout-right{background:#0a0a0a}.order-summary-compact{background:#0a0a0a;border:1px solid #2a2a2a;border-radius:16px;color:#fff;margin-bottom:2rem;margin-top:2rem;padding:2rem;transition:all .3s ease;width:100%}.add-promo-code{align-items:center;background:#0000;border:1px solid #2a2a2a;border-radius:8px;color:#a855f7;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;margin:1rem 0;padding:.75rem 1rem;text-align:center;transition:all .3s ease;width:100%}.add-promo-code:hover{background:#1a1a1a;border-color:#3a3a3a}.order-summary-compact h3{color:#a855f7;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:1.5rem;text-transform:uppercase}.order-item{align-items:flex-start;border-bottom:1px solid #1f1f1f;display:flex;justify-content:space-between;padding:1.25rem 0}.order-item:first-of-type{padding-top:0}.order-item-last{border-bottom:none!important;padding-bottom:0}.order-item-details h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.25rem}.order-item-details p{color:#6b7280;font-size:.875rem}.order-item-price{color:#fff;font-size:1.125rem;font-weight:600;white-space:nowrap}.order-total{align-items:center;border-top:2px solid #2a2a2a;display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem}.order-total span:first-child{color:#9ca3af;font-size:.875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.order-total span:last-child{color:#a855f7;font-size:2rem;font-weight:700}.checkout-main{flex:1 1}.checkout-loading{align-items:center;animation:fadeIn .5s ease-in;color:#6b7280;display:flex;flex-direction:column;justify-content:center;min-height:400px;width:100%}.dark-mode .checkout-loading{color:#9ca3af}.checkout-loading-fullpage{align-items:center;animation:fadeIn .5s ease-in;background:#fff;bottom:0;color:#6b7280;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.dark-mode .checkout-loading-fullpage{background:#1a1a1a;color:#9ca3af}.checkout-loading p{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#a855f7;height:40px;margin-bottom:1rem;width:40px}.dark-mode .spinner{border-color:#a855f7 #3a3a3a #3a3a3a}.checkout-container{align-items:center;background:#fff;display:flex;height:100vh;justify-content:center;margin:0;padding:0;position:relative;width:100%}.dark-mode .checkout-container{background:#0a0a0a}.checkout-loading-spinner{color:#6b7280;text-align:center}.dark-mode .checkout-loading-spinner{color:#9ca3af}.checkout-spinner{animation:spin 1s linear infinite;border:4px solid #8b5cf633;border-radius:50%;border-top-color:#8b5cf6;height:50px;margin:0 auto 1rem;width:50px}.checkout-loading-spinner p{font-size:1rem;font-weight:500;margin:0;opacity:.7}.polar-checkout-iframe{background:#0000;border:none;border-radius:0;box-shadow:none;display:block;height:100%;left:0;margin:0;max-width:none;min-height:100vh;padding:0;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%}.dark-mode .polar-checkout-iframe{background:#0000}.iframe-loading-overlay{align-items:center;background:#fff;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1000}.dark-mode .iframe-loading-overlay{background:#0a0a0a}@keyframes spin{to{transform:rotate(1turn)}}.dark-mode .polar-checkout-iframe{background:#fff;box-shadow:none}.order-summary{background:#fff;border-radius:12px;padding:2rem;position:-webkit-sticky;position:sticky;top:2rem}.order-summary h2{border-bottom:2px solid #a855f7;color:#1a1a1a;font-size:1.5rem;margin:0 0 1.5rem;padding-bottom:1rem}.summary-section{border-bottom:1px solid #eee;margin-bottom:1.5rem;padding-bottom:1.5rem}.summary-section:last-of-type{border-bottom:none}.summary-section h3{color:#a855f7;font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.pricing-breakdown{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:2px solid #a855f7;border-radius:8px;padding:1.25rem}.pricing-table{border-collapse:collapse;width:100%}.pricing-table tr{border-bottom:1px solid #a855f71a}.pricing-table tr:last-child{border-bottom:none}.pricing-table td{color:#333;font-size:.95rem;padding:.75rem 0}.pricing-table td.price-value{font-family:Courier New,monospace;font-weight:500;text-align:right}.pricing-table .discount-row td{color:#10b981}.pricing-table .discount-row .price-value{color:#10b981;font-weight:600}.pricing-table .total-row{border-top:2px solid #a855f7;margin-top:.5rem}.pricing-table .total-row td{font-size:1.1rem;padding-top:1rem}.pricing-table .total-row .price-value.total{color:#a855f7;font-size:1.25rem}.pricing-table .recurring-row{background:#a855f70d}.pricing-table .recurring-row .price-value.recurring{color:#a855f7;font-weight:600}.plan-name{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.plan-billing{color:#666;font-size:.95rem}.features-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);list-style:none;margin:1.5rem 0;padding:0}.features-list li{align-items:center;color:#9ca3af;display:flex;font-size:.8rem;gap:.5rem;opacity:.9;padding:0}.features-list .checkmark{align-items:center;background:#a855f726;border-radius:50%;color:#a855f7;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:18px;justify-content:center;width:18px}@media (max-width:1024px){.features-list{gap:.625rem;grid-template-columns:1fr;margin:1rem 0}.features-list li{font-size:.85rem}}@media (max-width:768px){.features-list{gap:.5rem}.features-list li{font-size:.8rem}}@media (max-width:380px){.features-list li{font-size:.75rem}.features-list .checkmark{font-size:.7rem;height:16px;width:16px}}.trust-badges{border-top:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:0;padding:0;text-align:center;width:100%}.trust-badge{align-items:center;color:#6b7280;cursor:default;display:flex;font-size:.8rem;gap:.5rem;transition:all .3s ease}.trust-badge:hover{color:#a855f7}.trust-badge:hover .trust-icon{transform:scale(1.05)}.trust-icon{color:#a855f7;flex-shrink:0;transition:transform .3s ease}@media (max-width:768px){.trust-badges{gap:.8rem;justify-content:space-between}.trust-badge{flex:1 1;font-size:.75rem;gap:.4rem;min-width:0}.trust-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trust-icon{height:16px;width:16px}}@media (max-width:380px){.trust-badges{flex-wrap:wrap;gap:.6rem}.trust-badge{flex-basis:calc(50% - 0.3rem);flex-grow:1;flex-shrink:1;font-size:.8rem;gap:.5rem;min-width:calc(50% - .3rem)}.trust-badge span{line-height:1.3;white-space:normal}.trust-icon{height:18px;width:18px}}.checkout-error{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;margin:0 auto;max-width:600px;padding:3rem;text-align:center;transition:all .3s ease}.checkout-page.dark-mode .checkout-error{background:#1a1a1a;box-shadow:0 4px 20px #0009}.checkout-error h2{color:#ef4444;margin-bottom:1rem}.checkout-error p{color:#666;margin-bottom:2rem}.checkout-page.dark-mode .checkout-error p{color:#9ca3af}@media (max-width:1024px){.checkout-left{box-shadow:none;min-height:auto;padding:3rem 2rem;z-index:10}.checkout-left,.checkout-right{height:auto;position:relative;width:100%}.checkout-right{min-height:600px}.polar-checkout-iframe{position:relative}.checkout-brand h1{font-size:1.5rem}.price-display{font-size:2.5rem!important}.price-period{font-size:1rem!important}.billing-period{font-size:.875rem!important}.back-button{font-size:.875rem;left:1rem;padding:.625rem 1.125rem;top:1rem}.checkout-right{padding:2rem 1rem}}@media (max-width:768px){.checkout-left{padding:2rem 1.5rem}.checkout-brand h1{font-size:1.25rem}.price-display{font-size:2rem!important}.price-period{font-size:.875rem!important}.order-summary-compact{padding:1.25rem}}@media (max-width:380px){.checkout-brand h1{font-size:1.1rem}.price-display{font-size:1.5rem!important}.billing-period,.price-period{font-size:.75rem!important}.order-total span:last-child{font-size:1.5rem!important}.order-total span:first-child{font-size:.75rem!important}}.page-transition{opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.page-transition.visible{opacity:1;transform:translateY(0)}html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:80px;width:100%}body{margin:0;padding:0}.App,body{background-color:#fff;overflow-x:clip;width:100%}.App{max-width:100vw;min-height:100vh}@media (min-width:1200px){html{scroll-padding-top:90px}}:focus{outline:2px solid #a855f7;outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark-mode .App,.dark-mode body,.dark-mode html{background-color:#000}.dark-mode :focus{outline-color:#a855f7}.dark-mode ::-webkit-scrollbar-track{background:#0a0a0a}.dark-mode ::-webkit-scrollbar-thumb{background:#333}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#555}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.studio-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.studio-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.studio-modal-content .modal-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:1.5rem;padding:2rem 4rem 2rem 2rem;position:relative}.studio-modal-content .modal-icon{align-items:center;background:#0000;border-radius:16px;color:#a855f7;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.studio-modal-content .modal-header h3{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0 0 .25rem}.studio-modal-content .modal-subtitle{color:#6b7280;font-size:.95rem;margin:0}.studio-modal-content .modal-close{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:block!important;opacity:1!important;padding:.5rem;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s ease;visibility:visible!important;z-index:1}.studio-modal-content .modal-close:hover{background:#f3f4f6;color:#1f2937}.studio-modal-content .modal-body{padding:2rem}.studio-modal-content .modal-footer{border-top:2px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem 2rem}.studio-modal-content .btn-primary,.studio-modal-content .btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;height:48px;justify-content:center;line-height:1;padding:.875rem 1.5rem;transition:all .2s ease}.studio-modal-content .btn-secondary{background:#fff;border:2px solid #e5e7eb;color:#374151}.studio-modal-content .btn-secondary:hover{background:#f3f4f6;border-color:#9ca3af;color:#1f2937}.studio-modal-content .btn-primary{background:linear-gradient(135deg,#a855f7,#9333ea);border:2px solid #0000;color:#fff}.studio-modal-content .btn-primary:hover{background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 4px 12px #a855f74d;transform:translateY(-1px)}.studio-setup-info-box{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem}.studio-setup-info-box h5{color:#4b5563;font-size:.9rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.studio-setup-info-box ul{display:flex;flex-direction:column;gap:.625rem;list-style:none;margin:0;padding:0}.studio-setup-info-box li{align-items:center;color:#4b5563;display:flex;font-size:.95rem;gap:.625rem}.studio-setup-info-box li:before{align-items:center;color:#10b981;content:"✓";display:flex;flex-shrink:0;font-weight:700;height:18px;justify-content:center;width:18px}.dark-mode .studio-modal-content{background:#1a1a1a}.dark-mode .studio-modal-content .modal-header{border-bottom-color:#333}.dark-mode .studio-modal-content .modal-icon{color:#c084fc}.dark-mode .studio-modal-content .modal-header h3{color:#f9fafb}.dark-mode .studio-modal-content .modal-close,.dark-mode .studio-modal-content .modal-subtitle{color:#9ca3af}.dark-mode .studio-modal-content .modal-close:hover{background:#262626;color:#f9fafb}.dark-mode .studio-modal-content .modal-footer{border-top-color:#333}.dark-mode .studio-modal-content .btn-secondary{background:#262626;border-color:#333;color:#d1d5db}.dark-mode .studio-modal-content .btn-secondary:hover{background:#333;border-color:#4a4a4a;color:#f3f4f6}.dark-mode .studio-setup-info-box{background:#0d0d0d;border-color:#333}.dark-mode .studio-setup-info-box h5,.dark-mode .studio-setup-info-box li{color:#d1d5db}@media (max-width:640px){.studio-modal-content{border-radius:12px;max-height:95vh}.studio-modal-content .modal-header{flex-direction:column;padding:1.5rem 3.5rem 1.5rem 1.5rem;text-align:center}.studio-modal-content .modal-header h3{font-size:1.5rem}.studio-modal-content .modal-body{padding:1.5rem}.studio-modal-content .modal-footer{flex-direction:column-reverse;padding:1.25rem 1.5rem}.studio-modal-content .modal-footer button{width:100%}.studio-modal-content .modal-close{display:block!important;opacity:1!important;right:1rem;top:1rem;visibility:visible!important}}
/*# sourceMappingURL=main.f24814fd.css.map*/