*{box-sizing:border-box;cursor:default;margin:0;padding:0}::-webkit-scrollbar{height:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{border-radius:0}*{scrollbar-color:#a855f7 #0000;scrollbar-width:thin}.dark-mode ::-webkit-scrollbar-track{background:#0000}.dark-mode *{scrollbar-color:#a855f7 #1a1a1a}[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-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;min-height:100vh;min-height:-webkit-fill-available;-webkit-user-select:none;user-select:none}html{background-color:#fff}body.dark-mode,html.dark-mode{background-color:#000}body.dark-mode{color:#e5e7eb}body.mobile-device{-webkit-overflow-scrolling:touch}body.ios-device{-webkit-touch-callout:none;-webkit-user-select:none;user-select: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{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(180deg,#fffffffa,#fffffff2);box-shadow:0 4px 12px -2px #00000014,0 2px 6px -1px #0000000a;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:460px){.mobile-nav-link{font-size:.975rem!important;padding:.5rem!important}.mobile-nav-link.sign-in-mobile{font-size:.9375rem!important;gap:.375rem!important;padding:.5rem .5rem .75rem!important}}@media (max-width:400px){.navbar{height:auto!important}.navbar-content{height:50px!important;min-height:50px!important;padding:.5rem .625rem!important}.navbar-logo{gap:.5rem!important;padding:.25rem 0!important}.logo-link{gap:.375rem!important;padding:.25rem .375rem!important}.navbar-right{gap:.25rem!important}.btn-primary,.btn-secondary,.navbar-auth .btn-primary,.navbar-auth .btn-secondary,.navbar-content .btn-primary,.navbar-content .btn-secondary{align-items:center!important;display:flex!important;font-size:.8125rem!important;height:38px!important;justify-content:center!important;line-height:1!important;max-height:38px!important;min-height:38px!important;padding:.5rem .875rem!important}.nav-link,.navbar-content .nav-link,.navbar-nav .nav-link{font-size:.75rem!important;line-height:1.2!important;padding:.375rem .5rem!important}.mobile-menu-btn{height:36px!important;max-height:36px!important;min-height:36px!important;min-width:36px!important;padding:.5rem!important;width:36px!important}.mobile-menu-btn svg{height:16px!important;width:16px!important}.logo-text,.navbar-logo-text{font-size:1.25rem!important}.logo-icon,.logo-image{height:30px!important;width:30px!important}.user-avatar,.user-avatar img{height:32px!important;width:32px!important}.user-button{padding:.25rem!important}.mobile-nav-link{font-size:.875rem!important;padding:.5rem!important}.mobile-nav-link.sign-in-mobile{font-size:.9375rem!important;gap:.375rem!important;padding:.5rem .5rem .75rem!important}.mobile-auth .btn-primary,.mobile-auth .btn-secondary{font-size:.875rem!important;height:40px!important;padding:.625rem 1rem!important}.mobile-menu{padding:1rem!important}}@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:linear-gradient(135deg,#a855f70d,#9333ea08);transform:translateY(-1px)}.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{border-radius:8px;color:#6b7280;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:500;outline:none;padding:.5rem .75rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link.active{color:#a855f7;font-weight:600}.nav-link.active:after{background:linear-gradient(90deg,#a855f7,#9333ea);border-radius:2px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:24px}.nav-link:hover{transform:translateY(-1px)}.nav-link:focus,.nav-link:hover{background:#a855f714;color:#a855f7}.nav-link:focus{border-radius:8px;box-shadow:0 0 0 3px #a855f726;outline:none}.navbar-auth{align-items:center;display:flex;gap:.75rem;position:relative;z-index:10001}.btn-primary{border-radius:9999px;box-shadow:0 2px 8px #a855f733;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.8125rem;outline:none;padding:.5rem 1.25rem}.btn-primary:hover{background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 6px 20px #a855f759;transform:translateY(-2px)}.btn-primary:focus{box-shadow:0 0 0 3px #a855f74d,0 6px 20px #a855f759;outline:none}.btn-secondary{background-color:initial;border:1px solid #e5e7ebcc;border-radius:9999px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;outline:none;padding:.5rem 1.25rem}.btn-secondary:hover{background-color:#a855f70d;border-color:#a855f74d;color:#a855f7}.btn-secondary:focus{background-color:#a855f70d;box-shadow:0 0 0 3px #a855f733;color:#a855f7;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{border-top:1px solid #0000;display:block;margin:.5rem 1rem 0;max-height:0;opacity:0;overflow:hidden;padding:0;transform:translateY(-10px);transform-origin:top;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-menu.open{border-top:1px solid #e5e7eb66;max-height:600px;opacity:1;padding:1rem 0;transform:translateY(0)}.mobile-nav{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.mobile-nav-link{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:10px;color:#6b7280;display:flex;font-size:.95rem;font-weight:500;outline:none;padding:.875rem .75rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.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 #a855f71a;border-radius:10px 10px 0 0;color:#a855f7;display:flex;font-weight:600;gap:.5rem;margin-bottom:.75rem;padding:.875rem .75rem 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!important}.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:#ffffff80;border:1px solid #e5e7eb99;border-radius:10px;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 .3s cubic-bezier(.4,0,.2,1)}.user-button:hover{box-shadow:0 2px 8px #a855f726;transform:translateY(-1px)}.user-button:focus,.user-button:hover{background:#a855f714;border-color:#a855f74d}.user-button:focus{box-shadow:0 0 0 3px #a855f726;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{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(180deg,#111111fa,#0a0a0af2);box-shadow:0 4px 16px -2px #000000e6,0 2px 8px -1px #000000b3,0 0 0 1px #a855f714}.dark-mode .nav-link{color:#e0e0e0}.dark-mode .nav-link.active,.dark-mode .nav-link:hover{color:#a855f7}.dark-mode .btn-secondary{background:#ffffff08;border-color:#ffffff14;color:#e0e0e0}.dark-mode .btn-secondary:hover{background:#a855f726;border-color:#a855f766;color:#fff}.dark-mode .btn-primary{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 4px 12px #a855f74d}.dark-mode .btn-primary:hover{background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 6px 24px #a855f773}.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.open{border-top-color:#ffffff1a}.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:#ffffff08;border-color:#ffffff14;color:#e0e0e0}.dark-mode .user-button:hover{background:#a855f726;border-color:#a855f766;box-shadow:0 4px 12px #a855f740;transform:translateY(-1px)}.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 .mobile-nav-link{color:#d1d5db}.dark-mode .mobile-nav-link:active,.dark-mode .mobile-nav-link:focus,.dark-mode .mobile-nav-link:hover{background-color:#a855f71a;color:#a855f7}.dark-mode .mobile-nav-link.sign-in-mobile{border-bottom-color:#a855f733;color:#a855f7}.dark-mode .mobile-nav-link.sign-in-mobile:active,.dark-mode .mobile-nav-link.sign-in-mobile:hover{background-color:#a855f726}.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-modal-content{margin-bottom:1rem;margin-top:1rem}.terms-modal-content .modal-header{gap:.75rem;padding:1rem 1rem .75rem}.terms-modal-content .modal-header h3{font-size:1.125rem}.terms-modal-content .modal-subtitle{font-size:.8125rem}.terms-modal-icon{height:44px;width:44px}.terms-modal-icon svg{height:22px;width:22px}.terms-modal-content .modal-body{padding:1rem}.terms-scroll-container{margin-bottom:1rem;max-height:280px}.terms-content{padding:.875rem}.terms-section{margin-bottom:1rem}.terms-section h2{font-size:.9375rem;margin-bottom:.5rem}.terms-section li,.terms-section p{font-size:.75rem;line-height:1.5;margin-bottom:.5rem}.terms-checkbox-container{padding:.875rem}.terms-checkbox-label span{font-size:.8125rem}.terms-modal-content .modal-footer{padding:1rem}.terms-accept-btn{font-size:.875rem;padding:.8125rem}}@media (max-width:400px){.terms-modal-overlay{align-items:center;padding:.25rem}.terms-modal-content{margin-bottom:1rem;margin-top:1rem;max-height:85vh}.terms-modal-content .modal-header{gap:.75rem;padding:1.25rem 1rem 1rem}.terms-modal-content .modal-header h3{font-size:1.125rem}.terms-modal-content .modal-subtitle{font-size:.8125rem}.terms-modal-icon{height:40px;width:40px}.terms-modal-icon svg{height:20px;width:20px}.terms-modal-content .modal-body{padding:1rem}.terms-scroll-container{border-width:1px;max-height:280px;padding-right:.25rem}.terms-content{padding:.75rem}.terms-section{margin-bottom:1rem}.terms-section h2{font-size:.9375rem;margin-bottom:.5rem}.terms-section h3{font-size:.875rem;margin-bottom:.375rem;margin-top:.75rem}.terms-section p{font-size:.75rem;line-height:1.5;margin-bottom:.5rem}.terms-section ul{margin-top:.375rem;padding-left:1.25rem}.terms-section li{font-size:.75rem;line-height:1.5;margin-bottom:.375rem}.terms-section .contact-info{border-left-width:2px;padding:.75rem}.terms-checkbox-container{border-width:1px;padding:.875rem}.terms-checkbox-label{gap:.5rem}.terms-checkbox-label input[type=checkbox]{height:18px;width:18px}.terms-checkbox-label span{font-size:.8125rem;line-height:1.4}.terms-modal-content .modal-footer{padding:1rem}.terms-accept-btn{font-size:.875rem;padding:.8125rem}}.studio-invitations-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}.studio-invitations-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%}.studio-invitations-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:1.5rem;padding:2rem}.studio-invitations-header>div:not(.studio-invitations-header-icon){display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.studio-invitations-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}.studio-invitations-header h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0 0 .25rem}.studio-invitations-header p{color:#6b7280;font-size:.95rem;margin:0}.studio-invitations-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:2rem 2rem 1.5rem!important;padding:1rem 1.25rem}.studio-invitations-info svg{flex-shrink:0}.studio-invitations-list{display:flex;flex-direction:column;gap:1.5rem;padding:0 2rem 2rem}.studio-invitations-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s ease}.studio-invitations-card:hover{border-color:#a855f7;box-shadow:0 4px 12px #a855f71a}.studio-invitations-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.studio-invitations-card-header h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}.studio-invitations-date{color:#6b7280;font-size:.85rem;font-weight:500}.studio-invitations-benefits{margin-bottom:1.5rem}.studio-invitations-benefits h4{color:#4b5563;font-size:.9rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.studio-invitations-benefits ul{display:flex;flex-direction:column;gap:.625rem;list-style:none;margin:0;padding:0}.studio-invitations-benefits li{align-items:center;color:#4b5563;display:flex;font-size:.95rem;gap:.625rem}.studio-invitations-benefits li svg{color:#10b981;flex-shrink:0}.studio-invitations-actions{display:flex;gap:.75rem}.studio-invitations-btn-accept,.studio-invitations-btn-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}.studio-invitations-btn-decline{background:#fff;border:2px solid #e5e7eb;color:#374151}.studio-invitations-btn-decline:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;color:#1f2937}.studio-invitations-btn-accept{background:linear-gradient(135deg,#a855f7,#9333ea);border:2px solid #0000;color:#fff}.studio-invitations-btn-accept:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 4px 12px #a855f74d;transform:translateY(-1px)}.studio-invitations-btn-accept:disabled,.studio-invitations-btn-decline:disabled{cursor:not-allowed;opacity:.6}.studio-invitations-close-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}.studio-invitations-close-btn:hover{background:#f3f4f6;color:#1f2937}.studio-invitations-loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:4rem 2rem}.studio-invitations-loading .loading-spinner{animation:spin .8s linear infinite;border-color:#a855f7 #a855f799 #a855f733 #a855f733;border-radius:50%;border-style:solid;border-width:3px;height:48px;width:48px}.studio-invitations-loading p{color:#6b7280;font-size:1.1rem;margin:0}.studio-invitations-success{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:4rem 2rem;text-align:center}.studio-invitations-success-icon{align-items:center;animation:scaleIn .4s ease-out;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;width:80px}.studio-invitations-success-icon.studio-invitations-purple-check{background:linear-gradient(135deg,#a855f7,#9333ea)!important;height:80px;width:80px}.studio-invitations-success h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.studio-invitations-redirect-message{align-items:center;display:flex;gap:.75rem;margin-top:1rem}.studio-invitations-redirect-message p{color:#6b7280;font-size:.95rem;font-weight:500;margin:0}.studio-invitations-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}.studio-invitations-decline-confirmation{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2.5rem;text-align:center}.studio-invitations-confirmation-icon{align-items:center;animation:scaleIn .3s ease-out;background:#ef44441a;border:3px solid #ef444433;border-radius:50%;color:#ef4444;display:flex;height:72px;justify-content:center;margin-bottom:1.5rem;width:72px}.studio-invitations-decline-confirmation h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0 0 1rem}.studio-invitations-decline-confirmation p{color:#4b5563;font-size:1rem;line-height:1.5;margin:0 0 .75rem}.studio-invitations-decline-confirmation p strong{color:#1f2937;font-weight:600}.studio-invitations-warning-text{color:#6b7280!important;font-size:.9rem!important;font-style:italic;margin-bottom:2rem!important}.studio-invitations-confirmation-actions{display:flex;gap:1rem;max-width:400px;width:100%}.studio-invitations-btn-cancel,.studio-invitations-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}.studio-invitations-btn-cancel{background:#fff;border:2px solid #e5e7eb;color:#374151}.studio-invitations-btn-cancel:hover{background:#f3f4f6;border-color:#9ca3af;color:#1f2937}.studio-invitations-btn-confirm-decline{background:#ef4444;border:2px solid #0000;color:#fff}.studio-invitations-btn-confirm-decline:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.dark-mode .studio-invitations-modal-content{background:#1a1a1a}.dark-mode .studio-invitations-header{border-bottom-color:#333}.dark-mode .studio-invitations-header h2{color:#f9fafb}.dark-mode .studio-invitations-header p{color:#9ca3af}.dark-mode .studio-invitations-info{background:#a855f726;border-color:#a855f74d;color:#c084fc}.dark-mode .studio-invitations-card{background:#0d0d0d;border-color:#333}.dark-mode .studio-invitations-card:hover{border-color:#a855f7;box-shadow:0 4px 12px #a855f733}.dark-mode .studio-invitations-card-header h3{color:#f9fafb}.dark-mode .studio-invitations-date{color:#9ca3af}.dark-mode .studio-invitations-benefits h4,.dark-mode .studio-invitations-benefits li{color:#d1d5db}.dark-mode .studio-invitations-btn-decline{background:#262626;border-color:#333;color:#d1d5db}.dark-mode .studio-invitations-btn-decline:hover:not(:disabled){background:#333;border-color:#4a4a4a;color:#f3f4f6}.dark-mode .studio-invitations-close-btn{color:#9ca3af}.dark-mode .studio-invitations-close-btn:hover{background:#262626;color:#f9fafb}.dark-mode .studio-invitations-loading p{color:#9ca3af}.dark-mode .studio-invitations-success h2{color:#f9fafb}.dark-mode .studio-invitations-redirect-message p{color:#9ca3af}.dark-mode .studio-invitations-decline-confirmation h2{color:#f9fafb}.dark-mode .studio-invitations-decline-confirmation p{color:#d1d5db}.dark-mode .studio-invitations-decline-confirmation p strong{color:#f9fafb}.dark-mode .studio-invitations-warning-text{color:#9ca3af!important}.dark-mode .studio-invitations-confirmation-icon{background:#ef444426;border-color:#ef44444d}.dark-mode .studio-invitations-btn-cancel{background:#262626;border-color:#333;color:#d1d5db}.dark-mode .studio-invitations-btn-cancel:hover{background:#333;border-color:#4a4a4a;color:#f3f4f6}@media (max-width:1199px){.studio-invitations-modal-content{max-width:600px!important;padding:0!important}.studio-invitations-header{padding:1.75rem!important}.studio-invitations-header-icon{font-size:1.5rem!important;height:56px!important;width:56px!important}.studio-invitations-header h2{font-size:1.65rem!important}.studio-invitations-info{font-size:.875rem!important;margin:2rem 1.75rem 1.5rem!important;padding:.95rem 1.25rem!important}.studio-invitations-list{gap:1.25rem!important;padding:0 1.75rem 1.75rem!important}.studio-invitations-card{padding:1.5rem!important}.studio-invitations-card-header h3{font-size:1.15rem!important}.studio-invitations-date{font-size:.8rem!important}.studio-invitations-benefits h4{font-size:.85rem!important}.studio-invitations-benefits li{font-size:.875rem!important}.studio-invitations-actions{flex-direction:row!important;gap:1rem!important;justify-content:flex-end!important}.studio-invitations-btn-accept,.studio-invitations-btn-decline{font-size:.9rem!important;padding:.825rem 1.4rem!important;width:auto!important}.studio-invitations-confirmation-actions{flex-direction:row!important;justify-content:center!important;max-width:400px!important}.studio-invitations-btn-cancel,.studio-invitations-btn-confirm-decline{font-size:.9rem!important;padding:.825rem 1.4rem!important;width:auto!important}.studio-invitations-close-btn{font-size:1.4rem!important;height:34px!important;width:34px!important}.studio-invitations-loading{padding:3.5rem!important}.studio-invitations-loading .studio-invitations-loading-spinner{border-width:3px!important;height:44px!important;width:44px!important}.studio-invitations-loading p{font-size:.95rem!important}.studio-invitations-success{padding:3.5rem 2rem!important}.studio-invitations-success-icon{font-size:2rem!important;height:72px!important;width:72px!important}.studio-invitations-success h2{font-size:1.65rem!important}.studio-invitations-redirect-message p{font-size:.9rem!important}.studio-invitations-redirect-message .studio-invitations-loading-spinner-small{height:18px!important;width:18px!important}.studio-invitations-decline-confirmation{padding:2.75rem 2rem!important}.studio-invitations-confirmation-icon{font-size:2rem!important;height:66px!important;width:66px!important}.studio-invitations-decline-confirmation h2{font-size:1.65rem!important}.studio-invitations-decline-confirmation p{font-size:.95rem!important}.studio-invitations-warning-text{font-size:.85rem!important}}@media (max-width:768px){.studio-invitations-modal-content{max-height:85vh!important;max-width:95%!important;padding:0!important;width:95%!important}.studio-invitations-header{padding:1.25rem!important}.studio-invitations-header-icon{font-size:1.15rem!important;height:40px!important;width:40px!important}.studio-invitations-header h2{font-size:1.3rem!important}.studio-invitations-info{font-size:.8125rem!important;margin:1rem 1.25rem!important;padding:.75rem 1rem!important}.studio-invitations-list{gap:1rem!important;max-height:calc(85vh - 200px)!important;padding:0 1.25rem 1.25rem!important}.studio-invitations-card{padding:1.125rem!important}.studio-invitations-card-header{align-items:flex-start!important;flex-direction:column!important;gap:.5rem!important}.studio-invitations-card-header h3{font-size:1rem!important}.studio-invitations-date{font-size:.75rem!important}.studio-invitations-benefits h4,.studio-invitations-benefits li{font-size:.8125rem!important}.studio-invitations-actions{flex-direction:column-reverse!important;gap:.75rem!important}.studio-invitations-btn-accept,.studio-invitations-btn-decline{font-size:.875rem!important;padding:.75rem 1rem!important;width:100%!important}.studio-invitations-confirmation-actions{flex-direction:column-reverse!important;gap:.75rem!important;max-width:100%!important}.studio-invitations-btn-cancel,.studio-invitations-btn-confirm-decline{font-size:.875rem!important;padding:.75rem 1rem!important;width:100%!important}.studio-invitations-close-btn{font-size:1.15rem!important;height:30px!important;right:.875rem!important;top:.875rem!important;width:30px!important}.studio-invitations-loading{padding:2.5rem 1.25rem!important}.studio-invitations-loading .studio-invitations-loading-spinner{border-width:3px!important;height:36px!important;width:36px!important}.studio-invitations-loading p{font-size:.875rem!important;margin-top:1rem!important}.studio-invitations-success{padding:2.5rem 1.25rem!important}.studio-invitations-success-icon{font-size:1.5rem!important;height:56px!important;width:56px!important}.studio-invitations-success h2{font-size:1.3rem!important;margin:1rem 0 .75rem!important}.studio-invitations-redirect-message{gap:.625rem!important;margin-top:1.25rem!important}.studio-invitations-redirect-message p{font-size:.875rem!important}.studio-invitations-redirect-message .studio-invitations-loading-spinner-small{height:16px!important;width:16px!important}.studio-invitations-decline-confirmation{padding:2rem 1.25rem!important}.studio-invitations-confirmation-icon{font-size:1.5rem!important;height:52px!important;width:52px!important}.studio-invitations-decline-confirmation h2{font-size:1.3rem!important;margin:1rem 0 .75rem!important}.studio-invitations-decline-confirmation p{font-size:.875rem!important;margin:0 0 .625rem!important}.studio-invitations-warning-text{font-size:.8125rem!important;margin-bottom:1.5rem!important}}@media (max-width:575px){.studio-invitations-modal-content{max-height:80vh!important}.studio-invitations-header{padding:1.125rem!important}.studio-invitations-header-icon{font-size:1.125rem!important;height:38px!important;width:38px!important}.studio-invitations-header h2{font-size:1.25rem!important}.studio-invitations-info{font-size:.8125rem!important;margin:.875rem 1.125rem!important;padding:.75rem .875rem!important}.studio-invitations-list{gap:.875rem!important;max-height:calc(80vh - 180px)!important;padding:0 1.125rem 1.125rem!important}.studio-invitations-card{padding:1rem!important}.studio-invitations-card-header h3{font-size:.9375rem!important}.studio-invitations-date{font-size:.75rem!important}.studio-invitations-benefits h4,.studio-invitations-benefits li{font-size:.8125rem!important}.studio-invitations-btn-accept,.studio-invitations-btn-cancel,.studio-invitations-btn-confirm-decline,.studio-invitations-btn-decline{font-size:.8125rem!important;padding:.75rem 1rem!important}.studio-invitations-close-btn{font-size:1.125rem!important;height:28px!important;right:.875rem!important;top:.875rem!important;width:28px!important}.studio-invitations-loading{padding:2rem 1.125rem!important}.studio-invitations-loading .studio-invitations-loading-spinner{height:34px!important;width:34px!important}.studio-invitations-loading p{font-size:.8125rem!important;margin-top:1rem!important}.studio-invitations-success{padding:2rem 1.125rem!important}.studio-invitations-success-icon{font-size:1.5rem!important;height:54px!important;width:54px!important}.studio-invitations-success h2{font-size:1.25rem!important;margin:.875rem 0 .625rem!important}.studio-invitations-redirect-message{gap:.625rem!important;margin-top:1.125rem!important}.studio-invitations-redirect-message p{font-size:.8125rem!important}.studio-invitations-redirect-message .studio-invitations-loading-spinner-small{height:14px!important;width:14px!important}.studio-invitations-decline-confirmation{padding:1.75rem 1.125rem!important}.studio-invitations-confirmation-icon{font-size:1.5rem!important;height:50px!important;width:50px!important}.studio-invitations-decline-confirmation h2{font-size:1.25rem!important;margin:.875rem 0 .625rem!important}.studio-invitations-decline-confirmation p{font-size:.8125rem!important;margin:0 0 .625rem!important}.studio-invitations-warning-text{font-size:.8125rem!important;margin-bottom:1.25rem!important}}@media (max-width:400px){.studio-invitations-modal-content{border-radius:8px!important;margin:.5rem!important;max-height:72vh!important;max-width:95%!important;padding:0!important;width:95%!important}.studio-invitations-header{border-bottom:1px solid #e5e7eb!important;gap:.5rem!important;padding:.75rem!important}.studio-invitations-header-icon{font-size:1rem!important;height:36px!important;width:36px!important}.studio-invitations-header h2{font-size:1.03rem!important}.studio-invitations-header p{font-size:.75rem!important}.studio-invitations-info{font-size:.72rem!important;margin:.75rem!important;padding:.65rem .75rem!important}.studio-invitations-list{gap:.75rem!important;max-height:calc(72vh - 140px)!important;padding:0 .75rem .75rem!important}.studio-invitations-card{padding:.75rem!important}.studio-invitations-card-header h3{font-size:.92rem!important}.studio-invitations-date{font-size:.68rem!important}.studio-invitations-benefits{gap:.4rem!important;margin-top:.65rem!important}.studio-invitations-benefits h4{font-size:.72rem!important;margin-bottom:.4rem!important}.studio-invitations-benefits li{font-size:.75rem!important}.studio-invitations-btn-accept,.studio-invitations-btn-cancel,.studio-invitations-btn-confirm-decline,.studio-invitations-btn-decline{font-size:.78rem!important;padding:.65rem .85rem!important}.studio-invitations-close-btn{font-size:1rem!important;height:26px!important;padding:.25rem!important;right:.65rem!important;top:.65rem!important;width:26px!important}.studio-invitations-loading{padding:1.5rem .75rem!important}.studio-invitations-loading .studio-invitations-loading-spinner{border-width:2px!important;height:32px!important;width:32px!important}.studio-invitations-loading p{font-size:.8rem!important;margin-top:.75rem!important}.studio-invitations-success{padding:1.5rem .75rem!important}.studio-invitations-success-icon{font-size:1.4rem!important;height:50px!important;width:50px!important}.studio-invitations-success h2{font-size:1.03rem!important;margin:.75rem 0 .5rem!important}.studio-invitations-redirect-message{gap:.5rem!important;margin-top:.75rem!important}.studio-invitations-redirect-message p{font-size:.75rem!important}.studio-invitations-redirect-message .studio-invitations-loading-spinner-small{height:13px!important;width:13px!important}.studio-invitations-decline-confirmation{padding:1.5rem .75rem!important}.studio-invitations-confirmation-icon{font-size:1.4rem!important;height:46px!important;width:46px!important}.studio-invitations-decline-confirmation h2{font-size:1.03rem!important;margin:.75rem 0 .5rem!important}.studio-invitations-decline-confirmation p{font-size:.8rem!important;margin:0 0 .5rem!important}.studio-invitations-warning-text{font-size:.72rem!important;margin-bottom:1rem!important}.dark-mode .studio-invitations-header{border-bottom-color:#333!important}}.review-modal-overlay{align-items:center;animation:reviewModalFadeIn .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-modal-overlay.closing{animation:reviewModalFadeOut .3s ease-out forwards}.review-modal-content{animation:reviewModalSlideIn .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-modal-content.closing{animation:reviewModalSlideOut .3s ease-out forwards}.dark-mode .review-modal-content{background:#1a1a1a;background:var(--card-bg,#1a1a1a);color:#fff;color:var(--text-primary,#fff)}.review-modal-header{margin-bottom:32px;text-align:center}.review-modal-header h2{color:#000;color:var(--text-primary,#000);font-size:28px;font-weight:700;margin:0 0 12px}.review-modal-header p{color:#666;color:var(--text-secondary,#666);font-size:16px;margin:0}.dark-mode .review-modal-header h2{color:#fff;color:var(--text-primary,#fff)}.dark-mode .review-modal-header p{color:#a0a0a0;color:var(--text-secondary,#a0a0a0)}.review-modal-form{display:flex;flex-direction:column;gap:24px}.review-modal-rating{display:flex;flex-direction:column;gap:12px}.review-modal-rating label{color:#000;color:var(--text-primary,#000);font-size:16px;font-weight:600}.dark-mode .review-modal-rating label{color:#fff;color:var(--text-primary,#fff)}.review-modal-stars{display:flex;gap:8px;justify-content:center}.review-modal-star{background:none;border:none;color:#d1d5db;cursor:pointer;padding:4px;transition:all .2s ease}.review-modal-star:hover{transform:scale(1.1)}.review-modal-star.active{color:#a855f7}.review-modal-star:disabled{cursor:not-allowed;opacity:.6}.review-modal-textarea-wrapper{display:flex;flex-direction:column;gap:8px}.review-modal-textarea-wrapper label{color:#000;color:var(--text-primary,#000);font-size:16px;font-weight:600}.dark-mode .review-modal-textarea-wrapper label{color:#fff;color:var(--text-primary,#fff)}.review-modal-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-modal-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-modal-textarea-wrapper textarea:disabled{background:#f9fafb;background:var(--disabled-bg,#f9fafb);cursor:not-allowed;opacity:.6}.dark-mode .review-modal-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-modal-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-modal-textarea-wrapper textarea:disabled{background:#1a1a1a;background:var(--disabled-bg,#1a1a1a)}.review-modal-char-count{color:#666;color:var(--text-secondary,#666);font-size:13px;text-align:right}.dark-mode .review-modal-char-count{color:#a0a0a0;color:var(--text-secondary,#a0a0a0)}.review-modal-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;padding:12px 16px}.dark-mode .review-modal-error{background:#dc26261a;border-color:#dc26264d;color:#fca5a5}.review-modal-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a;font-size:14px;padding:12px 16px;text-align:center}.dark-mode .review-modal-success{background:#16a34a1a;border-color:#16a34a4d;color:#86efac}.review-modal-actions{display:flex;gap:12px;margin-top:8px}.review-modal-btn-primary,.review-modal-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-modal-btn-primary{background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff}.review-modal-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 4px 12px #a855f74d;transform:translateY(-1px)}.review-modal-btn-primary:disabled{background:#e5e7eb;background:var(--disabled-bg,#e5e7eb);color:#9ca3af;color:var(--disabled-text,#9ca3af);cursor:not-allowed;opacity:.6}.review-modal-btn-secondary{background:#0000;border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);color:#000;color:var(--text-primary,#000)}.review-modal-btn-secondary:hover:not(:disabled){background:#0000000d;background:var(--hover-bg,#0000000d);border-color:#000;border-color:var(--text-primary,#000)}.review-modal-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.dark-mode .review-modal-btn-primary{background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff}.dark-mode .review-modal-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#7e22ce)}.dark-mode .review-modal-btn-primary:disabled{background:#2a2a2a;background:var(--disabled-bg,#2a2a2a);color:#666;color:var(--disabled-text,#666);opacity:.6}.dark-mode .review-modal-btn-secondary{border-color:#3a3a3a;border-color:var(--border-color,#3a3a3a);color:#fff;color:var(--text-primary,#fff)}.dark-mode .review-modal-btn-secondary:hover:not(:disabled){background:#ffffff0d;background:var(--hover-bg,#ffffff0d);border-color:#fff;border-color:var(--text-primary,#fff)}@keyframes reviewModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes reviewModalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes reviewModalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes reviewModalSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@media (max-width:1199px){.review-modal-content{max-width:550px!important;padding:28px!important}.review-modal-header{margin-bottom:28px!important}.review-modal-header h2{font-size:26px!important}.review-modal-header p{font-size:15px!important}.review-modal-form{gap:22px!important}.review-modal-rating label{font-size:15px!important}.review-modal-star svg{height:30px!important;width:30px!important}.review-modal-textarea-wrapper label{font-size:15px!important}.review-modal-textarea-wrapper textarea{font-size:14px!important;min-height:110px!important}.review-modal-actions{flex-direction:row!important;justify-content:flex-end!important}.review-modal-btn-primary,.review-modal-btn-secondary{font-size:15px!important;padding:13px 22px!important;width:auto!important}}@media (max-width:768px){.review-modal-content{max-height:88vh!important;max-width:95%!important;padding:24px!important;width:95%!important}.review-modal-header{margin-bottom:24px!important}.review-modal-header h2{font-size:24px!important}.review-modal-header p{font-size:14px!important}.review-modal-form{gap:20px!important}.review-modal-rating{gap:10px!important}.review-modal-rating label{font-size:14px!important}.review-modal-stars{gap:6px!important}.review-modal-star svg{height:28px!important;width:28px!important}.review-modal-textarea-wrapper{gap:7px!important}.review-modal-textarea-wrapper label{font-size:14px!important}.review-modal-textarea-wrapper textarea{font-size:13.5px!important;min-height:100px!important;padding:11px 14px!important}.review-modal-char-count{font-size:12px!important}.review-modal-error,.review-modal-success{font-size:13px!important;padding:11px 14px!important}.review-modal-actions{flex-direction:column-reverse!important;gap:10px!important;margin-top:6px!important}.review-modal-btn-primary,.review-modal-btn-secondary{font-size:15px!important;padding:13px 20px!important;width:100%!important}}@media (max-width:575px){.review-modal-content{max-height:82vh!important;padding:20px!important}.review-modal-header{margin-bottom:20px!important}.review-modal-header h2{font-size:22px!important}.review-modal-header p{font-size:13px!important}.review-modal-form{gap:18px!important}.review-modal-rating{gap:9px!important}.review-modal-rating label{font-size:13px!important}.review-modal-star svg{height:26px!important;width:26px!important}.review-modal-textarea-wrapper label{font-size:13px!important}.review-modal-textarea-wrapper textarea{font-size:13px!important;min-height:95px!important;padding:10px 13px!important}.review-modal-char-count{font-size:11.5px!important}.review-modal-error,.review-modal-success{font-size:12.5px!important;padding:10px 13px!important}.review-modal-btn-primary,.review-modal-btn-secondary{font-size:14px!important;padding:12px 18px!important}}@media (max-width:400px){.review-modal-content{border-radius:12px!important;margin:.5rem!important;max-height:72vh!important;max-width:95%!important;padding:16px!important;width:95%!important}.review-modal-header{margin-bottom:16px!important}.review-modal-header h2{font-size:18px!important;margin:0 0 8px!important}.review-modal-header p{font-size:12px!important}.review-modal-form{gap:14px!important}.review-modal-rating{gap:8px!important}.review-modal-rating label{font-size:12px!important}.review-modal-stars{gap:4px!important}.review-modal-star{padding:2px!important}.review-modal-star svg{height:24px!important;width:24px!important}.review-modal-textarea-wrapper{gap:6px!important}.review-modal-textarea-wrapper label{font-size:12px!important}.review-modal-textarea-wrapper textarea{border-radius:8px!important;font-size:12px!important;min-height:85px!important;padding:9px 12px!important}.review-modal-char-count{font-size:10.5px!important}.review-modal-error,.review-modal-success{border-radius:6px!important;font-size:11.5px!important;padding:9px 12px!important}.review-modal-actions{gap:8px!important;margin-top:4px!important}.review-modal-btn-primary,.review-modal-btn-secondary{border-radius:8px!important;font-size:13px!important;padding:11px 16px!important}}.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}.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}}@media (max-width:400px){.header2-container{padding:1rem .75rem .5rem!important}.header2-title{font-size:1.75rem!important;margin-bottom:.75rem!important}.header2-description{font-size:.75rem!important;margin-bottom:1.25rem!important;padding:0!important}.header2-stats{gap:.5rem!important;margin-bottom:1.25rem!important}.stat-number{font-size:1.325rem!important}.stat-label{font-size:.6475rem!important}.header2-subtitle{font-size:.875rem!important;margin-bottom:1.25rem!important}.header2-cta-wrapper{min-height:48px!important}.header2-cta{font-size:.875rem!important;padding:.7rem 1.5rem!important}.header2-scroll-wrapper{height:260px!important;margin:0 0 3vh!important}.header2-card,.header2-scroll{height:220px!important}.header2-card{border-radius:18px!important;width:220px!important}.header2-card-title{font-size:1rem!important;letter-spacing:1.2px!important}.header2-fade{width:80px!important}}@media (min-width:380px) and (max-width:490px){.stat-number{font-size:1.5rem!important}.stat-label{font-size:.75rem!important}.header2-title{font-size:2.2rem}}.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:#c084fc}.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}@media (max-width:1199px){.studio-setup-modal-content{margin:1.5rem 1rem!important;max-width:480px!important}.studio-modal-header{gap:1rem!important;padding:1.5rem 1.5rem 1.25rem!important}.studio-modal-header h3{font-size:1.25rem!important}.studio-modal-header .modal-subtitle{font-size:.875rem!important}.studio-modal-icon{height:48px!important;width:48px!important}.studio-setup-modal-content .modal-body,.studio-setup-modal-content .modal-footer{padding:1.5rem!important}.studio-warning-box{margin-bottom:1.25rem!important;padding:1rem!important}.studio-warning-title{font-size:.9375rem!important;margin-bottom:.625rem!important}.studio-warning-text{font-size:.875rem!important}.studio-setup-info-box{padding:1.25rem!important}.studio-setup-info-box h5{font-size:.9375rem!important;margin-bottom:.625rem!important}.studio-setup-info-box li{font-size:.875rem!important;margin-bottom:.5rem!important}}@media (max-width:768px){.studio-setup-modal-content{border-radius:12px!important;margin:1rem .75rem!important;max-width:95%!important}.studio-modal-header{align-items:flex-start!important;flex-direction:column!important;gap:.875rem!important;padding:1.25rem 1.25rem 1rem!important;text-align:left!important}.studio-modal-header h3{font-size:1.125rem!important;line-height:1.3!important}.studio-modal-header .modal-subtitle{font-size:.8125rem!important}.studio-modal-icon{border-radius:10px!important;height:44px!important;width:44px!important}.studio-setup-modal-content .modal-body{padding:1.25rem!important}.studio-setup-modal-content .modal-footer{flex-direction:column!important;gap:.625rem!important;padding:1.25rem!important}.studio-setup-modal-content .modal-footer button{width:100%!important}.studio-warning-box{border-radius:10px!important;margin-bottom:1rem!important;padding:.875rem 1rem!important}.studio-warning-title{font-size:.875rem!important;margin-bottom:.5rem!important}.studio-warning-text{font-size:.8125rem!important;line-height:1.5!important}.studio-setup-info-box{border-radius:10px!important;padding:1rem!important}.studio-setup-info-box h5{font-size:.875rem!important;margin-bottom:.5rem!important}.studio-setup-info-box li{font-size:.8125rem!important;line-height:1.5!important;margin-bottom:.375rem!important}}@media (max-width:575px){.studio-setup-modal-content{border-radius:10px!important;margin:.75rem .5rem!important;max-width:100%!important}.studio-modal-header{gap:.75rem!important;padding:1rem!important}.studio-modal-header h3{font-size:1rem!important}.studio-modal-header .modal-subtitle{font-size:.75rem!important}.studio-modal-icon{border-radius:8px!important;height:40px!important;width:40px!important}.studio-setup-modal-content .modal-body{padding:1rem!important}.studio-setup-modal-content .modal-footer{gap:.5rem!important;padding:1rem!important}.studio-warning-box{margin-bottom:.875rem!important;padding:.75rem .875rem!important}.studio-warning-title{font-size:.8125rem!important;margin-bottom:.375rem!important}.studio-warning-text{font-size:.75rem!important}.studio-setup-info-box{padding:.875rem!important}.studio-setup-info-box h5{font-size:.8125rem!important;margin-bottom:.375rem!important}.studio-setup-info-box li{font-size:.75rem!important;margin-bottom:.25rem!important}.studio-setup-info-box ul{padding-left:1.25rem!important}}@media (max-width:400px){.studio-setup-modal-content{border-radius:8px!important;margin:.5rem!important}.studio-modal-header{padding:.875rem!important}.studio-modal-header h3{font-size:.9375rem!important}.studio-modal-header .modal-subtitle{font-size:.6875rem!important}.studio-modal-icon{height:36px!important;width:36px!important}.studio-setup-modal-content .modal-body,.studio-setup-modal-content .modal-footer{padding:.875rem!important}.studio-warning-box{margin-bottom:.75rem!important;padding:.625rem .75rem!important}.studio-warning-title{font-size:.75rem!important}.studio-warning-text{font-size:.6875rem!important}.studio-setup-info-box{padding:.75rem!important}.studio-setup-info-box h5{font-size:.75rem!important}.studio-setup-info-box li{font-size:.6875rem!important}}.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}.requirements-section{margin-bottom:4rem;margin-top:4rem;position:relative}.requirements-title{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.75rem;text-align:center}.requirements-subtitle{color:#6b7280;font-size:1.125rem;margin-bottom:3rem;text-align:center}.requirements-wrapper{touch-action:none}.requirements-slides{width:200%}.requirements-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px}.requirement-card{background:#fff;border:1px solid #fff;border-radius:20px;box-shadow:0 20px 40px #00000014;box-sizing:border-box;flex-shrink:0;margin:0 auto;max-width:600px;padding:2rem;transform:translateZ(0);transition:all .3s ease;width:50%}.requirement-card:hover{box-shadow:0 24px 48px #0000001f}.requirements-carousel .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}.requirements-carousel .nav-arrow:hover{border-color:#a855f7;box-shadow:0 6px 16px #a855f726;color:#a855f7;transform:translateY(-50%) scale(1.05)}.requirements-carousel .nav-arrow:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.requirements-carousel .nav-arrow-left{left:-5rem}.requirements-carousel .nav-arrow-right{right:-5rem}.requirements-carousel .swipe-hint{color:#9ca3af;margin-top:1.5rem;position:relative;white-space:nowrap}.do-not .requirement-header{color:#dc2626}.do-upload .requirement-header{color:#16a34a}.badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;box-shadow:0 2px 8px #00000026;font-size:.875rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:12px;top:12px}.badge-red{background:#dc2626e6;color:#fff}.badge-green{background:#16a34ae6;color:#fff}.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}.requirements-title{font-size:1.75rem}.requirements-subtitle{font-size:1rem}}@media (max-width:767px){.how-it-works{padding:4rem 0}.how-it-works-content{padding:0 1rem}.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}.requirements-grid{gap:1.5rem;grid-template-columns:1fr}.requirements-section{margin-bottom:3rem;padding:0 1rem}.requirements-carousel{max-width:100%;overflow:hidden}.requirements-wrapper{overflow:hidden}.requirement-card{margin:0;max-width:100%;padding:1.5rem;width:100%}.requirements-carousel .nav-arrow{display:none}.requirements-carousel .swipe-hint{display:block}.requirements-carousel .slide-indicators{margin-top:1.5rem}.btn-primary-large{font-size:1rem;padding:.875rem 2rem}}@media (max-width:400px){.how-it-works{padding:2rem 0!important}.section-title{font-size:1.5rem!important;margin-bottom:.75rem!important}.section-subtitle{font-size:.875rem!important;margin-bottom:2rem!important}.steps-container{gap:2rem!important;margin-bottom:2rem!important}.step-icon{height:56px!important;margin-bottom:1rem!important;width:56px!important}.step-icon svg{height:20px!important;width:20px!important}.step-number{font-size:.75rem!important;height:28px!important;top:-14px!important;width:28px!important}.step-title{font-size:1.125rem!important;margin-bottom:.5rem!important}.step-description{font-size:.8125rem!important;line-height:1.5!important}.requirements-section{padding:0 .5rem!important}.requirements-title{font-size:1.25rem!important}.requirements-subtitle{font-size:.875rem!important;margin-bottom:2rem!important}.requirements-carousel{max-width:100%!important;overflow:hidden!important}.requirement-card{padding:1rem!important;padding:1.25rem!important}.requirement-header h4{font-size:1.125rem!important}.requirement-list li{font-size:.875rem!important;padding:.5rem 0!important}.badge{font-size:.75rem!important;padding:.375rem .75rem!important}.btn-primary-large{font-size:.875rem!important;padding:.75rem 1.5rem!important}}@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}.requirements-title{font-size:1.5rem}.requirements-subtitle{font-size:.9375rem;margin-bottom:2rem}.requirements-section{margin-bottom:2.5rem}}@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 .requirements-title{color:#fff}.dark-mode .requirements-subtitle{color:#b0b0b0}.dark-mode .requirement-card{background:#111;border:1px solid #2a2a2a}.dark-mode .requirement-card:hover{border-color:#3a3a3a;box-shadow:0 8px 24px #0006}.dark-mode .requirements-carousel .swipe-hint{color:#6b7280}.dark-mode .do-not .requirement-header{color:#f87171}.dark-mode .do-upload .requirement-header{color:#4ade80}.dark-mode .do-not .icon-x{color:#f87171}.dark-mode .do-upload .icon-check{color:#4ade80}.dark-mode .requirement-image{background:#1a1a1a}.dark-mode .badge-red{background:#f87171e6}.dark-mode .badge-green{background:#4ade80e6}.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;touch-action:none;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}.before-after-slider-customizable.single-image-mode .slider-handle,.before-after-slider-customizable.single-image-mode .slider-line{display:none!important}.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:#a855f7;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-handle{align-items:center;background:#a855f7;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:1199px){.before-after-slider-customizable{border-radius:8px;touch-action:auto}.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:767px){.slider-handle{border:2px solid #fff;height:36px;width:36px}.slider-handle-inner svg{stroke-width:2.5;height:11px;width:11px}}@media (max-width:480px){.slider-handle{border:2px solid #fff;height:32px;width:32px}.slider-handle-inner svg{stroke-width:2.5;height:10px;width:10px}.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 (max-width:1199px){.slider-image{transition:none!important}.slider-image,.slider-image:hover{transform:none!important}.image-label,.slider-handle,.slider-line{transition:none!important}}@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 pinch-zoom;-webkit-user-select:none;user-select:none;width:100%}.showcase-slides{-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout style paint;padding-bottom:3rem;transition:transform .5s cubic-bezier(.4,0,.2,1);width:400%}.showcase-container,.showcase-slides{display:flex;transform:translateZ(0);will-change:transform}.showcase-container{align-items:center;box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:0;margin:0 auto;max-width:800px;padding:0 2rem;width:25%}.slider-wrapper{display:flex;flex-direction:column;gap:0}.results-shading-toggle{background:#0000;border:none;border-radius:20px 20px 0 0;display:flex;gap:0;margin-bottom:0;overflow:hidden;padding:0}.results-shading-option{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:0;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;outline:none;padding:.75rem 1rem;transition:all .2s ease}.results-shading-option:first-child{border-radius:20px 0 0 0;border-right:1px solid #e5e7eb}.results-shading-option:last-child{border-left:none;border-radius:0 20px 0 0}.results-shading-option:focus{outline:none}.results-shading-option:focus-visible{outline:none}.results-shading-option svg{flex-shrink:0;transition:all .2s ease}.results-shading-option span{white-space:nowrap}.results-shading-option:hover:not(.active){background:#f9fafb;color:#374151}.results-shading-option.active{background:#a855f7;border-color:#a855f7;box-shadow:0 2px 8px #a855f740;color:#fff}.results-shading-option.active svg{stroke:#fff}.results-shading-option.active:first-child{border-right-color:#a855f7}.results-shading-option.active:last-child{border-left-color:#a855f7}.results-slider{border:1px solid #e5e7eb;border-radius:0 0 20px 20px;border-top:none;display:block;height:auto;overflow:hidden;width:100%}.results .before-after-slider-customizable,.results .before-after-slider-customizable .image-container,.results .before-after-slider-customizable .slider-container,.results .before-after-slider-customizable img{border-radius:0!important}.details-panel{background:#fff;border:1px solid #f3f4f6;border-radius:0 0 20px 20px;border-top:none;box-shadow:0 20px 40px #00000026;margin-top:-1px;padding:2rem;text-align:center;width:100%}.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:0}.nav-arrow{z-index:2}.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{flex-direction:column;gap:1.5rem;max-height:none;max-width:700px;padding:0!important}.results-slider{aspect-ratio:1/1;max-width:500px;width:100%}.details-panel{padding:1.5rem;text-align:center}.result-title{font-size:1.75rem;margin-bottom:.75rem}.result-description{font-size:1rem;margin-bottom:1.5rem}.trust-number{font-size:2rem}.nav-arrow{display:none}.swipe-hint{display:block}}@media (max-width:767px){.results{padding:4rem 0}.results-content{max-width:100%!important;padding:0!important}.section-subtitle,.section-title{padding:0 1rem!important}.results-showcase{margin:0 auto!important}.results-showcase,.showcase-wrapper{max-width:100%!important;overflow:hidden!important;padding:0!important;width:100%!important}.showcase-slides{display:flex!important;width:400%!important}.showcase-container{flex-shrink:0!important;gap:0!important;min-width:25%!important;padding:0 .5rem!important;width:25%!important}.showcase-container,.slider-wrapper{box-sizing:border-box!important;max-width:100%!important}.slider-wrapper{width:100%!important}.results-shading-toggle{gap:0;padding:0}.results-shading-option{font-size:.8125rem;gap:.375rem;padding:.625rem .75rem}.results-shading-option svg{height:18px;width:18px}.details-panel,.results-slider{max-width:100%!important;width:100%!important}.details-panel{box-sizing:border-box!important;padding:1.25rem;text-align:center}.result-title{font-size:1rem;margin-bottom:.5rem}.result-description{font-size:.75rem;line-height:1.5;margin-bottom:0}.slide-indicators{margin-top:1.5rem!important;padding:0 1rem!important}.swipe-hint{display:flex!important;justify-content:center!important;margin:1rem auto 1.5rem!important}.trust-indicators{gap:1.5rem!important;grid-template-columns:repeat(3,1fr)!important;margin-top:3rem!important;padding-top:2rem!important}.trust-number{font-size:1.75rem!important}.trust-label{font-size:.875rem!important}.leave-review-section{margin-top:3rem!important;padding-top:2rem!important}.leave-review-cta h3{font-size:1.5rem!important}.btn-leave-review,.leave-review-cta p{font-size:1rem!important}.btn-leave-review{padding:.875rem 1.5rem!important}.review-form-container{padding:2rem 1.5rem!important}.review-form-header h3{font-size:1.5rem!important}.form-actions{flex-direction:column-reverse!important}.btn-primary,.btn-secondary{justify-content:center!important;width:100%!important}.nav-arrow{display:none}.swipe-hint{display:block}}@media (max-width:575px){.results{padding:3rem 0}.results-shading-toggle{gap:0;padding:0}.results-shading-option{font-size:.75rem;gap:.25rem;padding:.5rem .625rem}.results-shading-option svg{height:16px;width:16px}.result-title{font-size:1.1rem;margin-bottom:.65rem}.result-description{font-size:.875rem;margin-bottom:0}.nav-arrow{height:36px;width:36px}.nav-arrow svg{height:18px;width:18px}.slide-indicators{margin-bottom:1.5rem}.indicator{height:10px;width:10px}.review-form-container{border-radius:16px!important;padding:1.5rem 1rem!important}.review-form-header{margin-bottom:1.5rem!important;padding-bottom:1rem!important}.leave-review-cta h3,.review-form-header h3{font-size:1.25rem!important}.leave-review-cta p{font-size:.9rem!important}.trust-indicators{gap:1rem!important;grid-template-columns:repeat(3,1fr)!important;margin-top:2.5rem!important;padding-top:2rem!important}.trust-number{font-size:1.5rem!important}.trust-label{font-size:.75rem!important}.btn-leave-review{font-size:.9375rem!important;padding:.75rem 1.5rem!important}}@media (max-width:440px){.results{padding:2rem 0!important}.results-content{max-width:100%!important;padding:0!important}.section-title{font-size:1.5rem!important;margin-bottom:.75rem!important;padding:0 .75rem!important}.section-subtitle{font-size:.875rem!important;margin-bottom:2rem!important;padding:0 .75rem!important}.results-showcase{margin:0 auto!important}.results-showcase,.showcase-wrapper{max-width:100%!important;overflow:hidden!important;padding:0!important;width:100%!important}.showcase-slides{display:flex!important;width:400%!important}.showcase-container{flex-shrink:0!important;gap:0!important;min-width:25%!important;padding:.5rem .25rem!important;width:25%!important}.showcase-container,.slider-wrapper{box-sizing:border-box!important;max-width:100%!important}.slider-wrapper{overflow:hidden!important;width:100%!important}.results-shading-toggle{border-radius:12px 12px 0 0!important}.results-shading-option:first-child{border-radius:12px 0 0 0!important}.results-shading-option:last-child{border-radius:0 12px 0 0!important}.results-slider{border-radius:0 0 12px 12px!important;max-width:100%!important;overflow:hidden!important;width:100%!important}.results .before-after-slider-customizable{border-radius:0!important;overflow:hidden!important}.details-panel{border-radius:0 0 12px 12px!important;box-sizing:border-box!important;max-width:100%!important;padding:1rem!important;width:100%!important}.result-title{font-size:1.1rem!important;margin-bottom:.5rem!important}.result-description{font-size:.75rem!important;line-height:1.5!important;margin-bottom:0!important}.nav-arrow{height:36px!important;padding:.5rem!important;width:36px!important}.nav-arrow svg{height:16px!important;width:16px!important}.slide-indicators{gap:.5rem!important;margin-bottom:1rem!important;padding:0 .75rem!important}.indicator{height:6px!important;width:6px!important}.btn-primary-large{font-size:.875rem!important;padding:.75rem 1.5rem!important}.swipe-hint{border-radius:16px!important;display:flex!important;font-size:.75rem!important;justify-content:center!important;margin:.75rem auto 1rem!important;padding:.375rem .75rem!important}.trust-indicators{gap:.75rem!important;grid-template-columns:repeat(3,1fr)!important;margin-top:2rem!important;padding-top:1.5rem!important}.trust-number{font-size:1.25rem!important}.trust-label{font-size:.6875rem!important}.leave-review-section{margin-top:2rem!important;padding-top:1.5rem!important}.leave-review-cta h3{font-size:1.125rem!important}.btn-leave-review,.leave-review-cta p{font-size:.875rem!important}.btn-leave-review{padding:.75rem 1.25rem!important}.review-form-container{padding:1.25rem .875rem!important}.review-form-header h3{font-size:1.125rem!important}}@media (max-width:380px){.results{padding:2rem 0}.results-content{padding:0 .5rem}.showcase-container{gap:1rem;padding:1rem}.results-shading-toggle{gap:0;padding:0}.results-shading-option{font-size:.6875rem;gap:.25rem;padding:.5rem}.results-shading-option svg{height:14px;width:14px}.results-shading-option span{display:none}.result-title{font-size:1.1rem;margin-bottom:.5rem}.result-description{font-size:.8rem;line-height:1.4;margin-bottom:0}.details-panel{padding:1rem}.nav-arrow{height:32px;width:32px}.trust-indicators{gap:.5rem!important;grid-template-columns:repeat(3,1fr)!important;margin-top:1.5rem!important;padding-top:1.5rem!important}.trust-number{font-size:1.125rem!important}.trust-label{font-size:.625rem!important}.leave-review-cta h3{font-size:1rem!important}.btn-leave-review,.leave-review-cta p{font-size:.8125rem!important}.btn-leave-review{padding:.625rem 1rem!important}.review-form-container{padding:1rem .75rem!important}.review-form-header h3{font-size:1rem!important}}@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:#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-content:after{background:linear-gradient(180deg,#0000,#060606 50%,#050505);bottom:-6rem;content:"";height:300px;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 .details-panel{background:#111;border-color:#2a2a2a;box-shadow:0 20px 40px #0006}.dark-mode .results-shading-toggle{background:#0000}.dark-mode .results-shading-option{background:#111;border-color:#2a2a2a;color:#9ca3af}.dark-mode .results-shading-option:first-child{border-right-color:#2a2a2a}.dark-mode .results-shading-option:hover:not(.active){background:#1a1a1a;color:#e5e7eb}.dark-mode .results-shading-option.active{background:#a855f7;border-color:#a855f7;color:#fff}.dark-mode .results-shading-option.active:first-child{border-right-color:#a855f7}.dark-mode .results-shading-option.active:last-child{border-left-color:#a855f7}.dark-mode .results-slider{border-color:#2a2a2a}.dark-mode .result-title{color:#fff}.dark-mode .result-description{color:#e0e0e0}.trust-indicators{grid-gap:3rem;border-top:1px solid #e5e7eb;display:grid;gap:3rem;grid-template-columns:repeat(3,1fr);margin-top:4rem;padding-top:4rem}.trust-item{text-align:center}.trust-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#9333ea);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.trust-label{color:#6b7280;font-size:1rem;font-weight:500}.dark-mode .trust-indicators{border-top-color:#2a2a2a}.dark-mode .trust-label{color:#9ca3af}.leave-review-section{border-top:1px solid #e5e7eb;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 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}@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{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-close-form:hover{background:#f3f4f6;color:#1f2937;transform:rotate(90deg)}.review-form{display:flex;flex-direction:column;gap:1.5rem}.form-label-left{color:#374151;font-size:.875rem;font-weight:600;text-align:left}.form-group textarea{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;color:#1f2937;font-family:inherit;font-size:1rem;line-height:1.6;min-height:140px;padding:1rem 1.25rem;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group textarea:focus{background:#fff;border-color:#a855f7;box-shadow:0 0 0 4px #a855f71a;outline:none}.rating-input{align-items:center;display:flex;gap:.5rem;padding:.5rem 0}.star.interactive{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.star.interactive:hover{transform:scale(1.25)}.character-count{color:#9ca3af;font-size:.75rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.btn-secondary{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:#e5e7eb;color:#374151}.btn-primary{background:linear-gradient(135deg,#a855f7,#9333ea);gap:.5rem;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #a855f766;transform:translateY(-2px)}.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 h4{color:#10b981;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.submit-success p{color:#6b7280;font-size:1rem}.submit-error{align-items:center;background:#fee2e2;border:2px solid #fca5a5;border-radius:12px;color:#dc2626;display:flex;font-size:.9rem;gap:.75rem;padding:1rem 1.25rem}.dark-mode .leave-review-section{border-top-color:#2a2a2a}.dark-mode .leave-review-cta h3,.dark-mode .review-form-header h3{color:#fff}.dark-mode .leave-review-cta p{color:#9ca3af}.dark-mode .review-form-container{background:#111;border-color:#2a2a2a}.dark-mode .review-form-header{border-bottom-color:#2a2a2a}.dark-mode .form-label-left{color:#e5e7eb}.dark-mode .form-group textarea{background:#1a1a1a;border-color:#2a2a2a;color:#fff}.dark-mode .form-group textarea:focus{background:#1f1f1f}.dark-mode .btn-secondary{background:#1a1a1a;color:#9ca3af}.dark-mode .btn-secondary:hover{background:#2a2a2a;color:#e5e7eb}.dark-mode .submit-error{background:#dc26261a;border-color:#dc26264d}.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}@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;animation:priceSwap .4s cubic-bezier(.4,0,.2,1);display:flex;justify-content:center}@keyframes priceSwap{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.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-price-per-stencil{color:#10b981;font-size:1rem;font-weight:600;margin-top:.5rem;text-align:center}.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:92vh!important;max-width:85vw!important}.upgrade-modal .upgrade-modal-header{box-sizing:border-box!important;padding:1.25rem 1.5rem!important;width:100%!important}.upgrade-modal .upgrade-modal-header h2{font-size:1.375rem!important}.upgrade-modal-body{box-sizing:border-box!important;min-height:auto!important;padding:1.5rem 1.25rem!important}.upgrade-content-loaded,.upgrade-modal-body,.upgrade-subtitle{width:100%!important}.upgrade-subtitle{font-size:.9375rem!important;line-height:1.5!important;margin-bottom:1.5rem!important}.billing-toggle-upgrade{margin-bottom:1.5rem!important;max-width:100%!important;width:-webkit-fit-content!important;width:fit-content!important}.billing-toggle-upgrade .upgrade-billing-btn{font-size:.9375rem!important;padding:9px 18px!important}.billing-toggle-upgrade .upgrade-save-badge{font-size:.6875rem!important;padding:2px 7px!important}.upgrade-plans-grid{gap:1.125rem!important;max-width:100%!important}.upgrade-plan-card,.upgrade-plans-grid{margin:0 auto!important;width:100%!important}.upgrade-plan-card{border-radius:12px!important;box-sizing:border-box!important;max-width:none!important;padding:1.5rem 1.25rem!important}.upgrade-most-popular-badge{font-size:.6875rem!important;padding:4px 11px!important;top:-11px!important}.upgrade-plan-header{margin-bottom:1.125rem!important}.upgrade-plan-card .upgrade-plan-name{font-size:1.375rem!important;margin-bottom:.5rem!important}.upgrade-plan-card .upgrade-plan-description{font-size:.875rem!important;line-height:1.4!important}.upgrade-plan-pricing{margin-bottom:1.125rem!important}.upgrade-price-display{margin-bottom:.625rem!important}.upgrade-price{font-size:2.75rem!important}.upgrade-currency{font-size:1.375rem!important;margin-top:5px!important}.upgrade-period{font-size:.9375rem!important}.upgrade-yearly-info{line-height:1.4!important}.upgrade-billing-note,.upgrade-original-price,.upgrade-savings,.upgrade-yearly-info{font-size:.8125rem!important}.upgrade-team-selector{box-sizing:border-box!important;margin-bottom:1.25rem!important;padding:1rem!important;width:100%!important}.upgrade-team-size{font-size:1rem!important}.upgrade-control-btn{font-size:1.1rem!important;height:32px!important;width:32px!important}.upgrade-team-breakdown{box-sizing:border-box!important;font-size:.85rem!important;padding:.5rem!important;width:100%!important}.upgrade-plan-features{margin-bottom:1.25rem!important;width:100%!important}.upgrade-feature-item{padding:.25rem 0!important;width:100%!important}.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%!important}.upgrade-no-upgrades{width:100%!important}}@media (max-width:768px){.upgrade-modal{max-width:95%!important}.upgrade-modal-overlay{padding:.875rem!important}.upgrade-modal-content{border-radius:12px!important;max-height:90vh!important}.upgrade-modal .upgrade-modal-header{padding:1.25rem!important}.upgrade-modal .upgrade-modal-header h2{font-size:1.375rem!important}.upgrade-modal-close{font-size:1.5rem!important;height:2.125rem!important;width:2.125rem!important}.upgrade-modal-body{min-height:auto!important;padding:1.5rem 1.25rem!important}.upgrade-subtitle{font-size:.875rem!important;line-height:1.5!important}.billing-toggle-upgrade,.upgrade-subtitle{margin-bottom:1.5rem!important}.billing-toggle-upgrade .upgrade-billing-btn{font-size:.875rem!important;padding:9px 16px!important}.billing-toggle-upgrade .upgrade-save-badge{font-size:.6875rem!important;padding:2px 6px!important}.upgrade-plans-grid{gap:1.25rem!important}.upgrade-plans-grid,.upgrade-plans-grid.single-plan{grid-template-columns:1fr!important}.upgrade-plan-card{padding:1.5rem 1.25rem!important}.upgrade-plan-name{font-size:1.375rem!important}.upgrade-plan-description{font-size:.8125rem!important}.upgrade-price{font-size:2.5rem!important}.upgrade-currency{font-size:1.25rem!important;margin-top:4px!important}.upgrade-period{font-size:.875rem!important}.upgrade-price-per-stencil{font-size:.8125rem!important}.upgrade-team-selector{margin:1rem 0!important;padding:1rem!important}.upgrade-team-size{font-size:1rem!important}.upgrade-control-btn{font-size:1.125rem!important;height:32px!important;width:32px!important}.upgrade-plan-features{gap:.625rem!important}.upgrade-feature-item,.upgrade-plan-features{font-size:.875rem!important}.upgrade-plan-button{font-size:.9375rem!important;padding:.875rem 1.75rem!important}.upgrade-most-popular-badge{font-size:.6875rem!important;padding:5px 12px!important}.upgrade-confirmation-modal{max-width:90%!important}.upgrade-confirmation-body,.upgrade-confirmation-warning{padding:1.5rem!important}.upgrade-confirmation-warning h3{font-size:1.375rem!important}.upgrade-confirmation-warning p{font-size:.9375rem!important}.upgrade-confirmation-actions{align-items:stretch!important;flex-direction:column!important;gap:.75rem!important;justify-content:stretch!important;padding:1.25rem!important}.upgrade-confirmation-actions button{flex:1 1 100%!important;font-size:.9375rem!important;padding:.875rem 1rem!important;width:100%!important}.downgrade-info-section{padding:1.25rem!important}.downgrade-info-item h4{font-size:.9375rem!important}.downgrade-info-value{font-size:1rem!important}.downgrade-price{font-size:1.375rem!important}.upgrade-no-upgrades{padding:2.5rem 1.5rem!important}.upgrade-no-upgrades p:first-child{font-size:1.5rem!important}.upgrade-no-upgrades-subtitle{font-size:.9375rem!important}.upgrade-modal-loading{padding:2.5rem 1.5rem!important}.upgrade-loading-text{font-size:.9375rem!important}}@media (max-width:575px){.upgrade-modal-overlay{padding:.625rem!important}.upgrade-modal-content{border-radius:10px!important;margin:0!important;max-height:90vh!important}.upgrade-modal .upgrade-modal-header{gap:.5rem!important;padding:1rem 1.125rem!important}.upgrade-modal .upgrade-modal-header h2{font-size:1.125rem!important;line-height:1.3!important}.upgrade-modal-close{font-size:1.375rem!important;height:1.875rem!important;padding:.25rem!important;width:1.875rem!important}.upgrade-modal-body{min-height:auto!important;padding:1.125rem .875rem!important}.upgrade-subtitle{font-size:.8125rem!important;line-height:1.5!important;margin-bottom:1.25rem!important}.billing-toggle-upgrade{margin-bottom:1.25rem!important;max-width:100%!important;padding:2px!important;width:-webkit-fit-content!important;width:fit-content!important}.billing-toggle-upgrade .upgrade-billing-btn{font-size:.8125rem!important;gap:4px!important;padding:7px 11px!important}.billing-toggle-upgrade .upgrade-save-badge{font-size:.625rem!important;padding:2px 5px!important}.upgrade-plans-grid{gap:.875rem!important;grid-template-columns:1fr!important}.upgrade-plan-card{padding:1.25rem 1.125rem!important}.upgrade-plan-name{font-size:1.25rem!important}.upgrade-price{font-size:2.25rem!important}.upgrade-currency{font-size:1.125rem!important;margin-top:4px!important}.upgrade-plan-features{gap:.5rem!important;margin:.875rem 0!important}.upgrade-feature-item{font-size:.8125rem!important;gap:.5rem!important}.upgrade-no-upgrades{padding:1.75rem 1.125rem!important}.upgrade-no-upgrades p:first-child{font-size:1.25rem!important}.upgrade-no-upgrades-subtitle{font-size:.875rem!important}.upgrade-confirmation-body{padding:1.125rem!important}.upgrade-confirmation-actions{gap:.625rem!important;padding:.875rem!important}.upgrade-confirmation-actions button{font-size:.875rem!important;padding:.75rem 1.25rem!important}}@media (max-width:400px){.upgrade-modal-overlay{padding:.5rem!important}.upgrade-modal-content{border-radius:8px!important;margin:0!important;max-height:92vh!important}.upgrade-modal-header{padding:.75rem .875rem!important}.upgrade-modal-header h2{font-size:1rem!important;line-height:1.3!important}.upgrade-modal-close{font-size:1.25rem!important;height:1.75rem!important;width:1.75rem!important}.upgrade-confirmation-modal{max-width:100%!important}.upgrade-confirmation-warning{padding:.875rem .625rem!important}.upgrade-confirmation-warning .upgrade-warning-icon{font-size:2rem!important;margin-bottom:.5rem!important}.upgrade-confirmation-warning h3{font-size:1rem!important;margin-bottom:.5rem!important}.upgrade-confirmation-warning p{font-size:.75rem!important;line-height:1.4!important;margin-bottom:.5rem!important}.upgrade-confirmation-warning ul{font-size:.75rem!important;margin:.75rem auto!important;max-width:100%!important;padding-left:.75rem!important}.upgrade-confirmation-warning li{line-height:1.4!important;margin-bottom:.375rem!important}.upgrade-confirmation-warning .upgrade-confirmation-question{font-size:.8125rem!important;margin-top:.75rem!important}.upgrade-confirmation-actions{align-items:stretch!important;flex-direction:column!important;gap:.5rem!important;justify-content:stretch!important;padding:.75rem!important}.upgrade-confirmation-actions button{flex:1 1 100%!important;font-size:.8125rem!important;padding:.625rem .875rem!important;width:100%!important}.upgrade-modal-body{min-height:auto!important;padding:.875rem .5rem!important}.upgrade-subtitle{font-size:.75rem!important;margin-bottom:1rem!important;padding:0 .25rem!important}.billing-toggle-upgrade{margin-bottom:1rem!important;max-width:calc(100% - .5rem)!important;padding:2px!important;width:-webkit-fit-content!important;width:fit-content!important}.billing-toggle-upgrade .upgrade-billing-btn{font-size:.75rem!important;gap:3px!important;padding:6px 8px!important}.billing-toggle-upgrade .upgrade-save-badge{border-radius:4px!important;font-size:.5625rem!important;padding:1px 4px!important}.upgrade-plans-grid{gap:.75rem!important}.upgrade-plan-card{padding:1rem .875rem!important}.upgrade-plan-name{font-size:1.25rem!important;margin-bottom:.375rem!important}.upgrade-plan-price-row{margin-bottom:.75rem!important}.upgrade-price{font-size:2.25rem!important}.upgrade-currency{font-size:1.125rem!important;margin-top:3px!important}.upgrade-period{font-size:.8125rem!important}.upgrade-price-per-stencil{font-size:.75rem!important;margin-top:.375rem!important}.upgrade-plan-features{gap:.375rem!important;margin:.875rem 0!important}.upgrade-feature-item{font-size:.8125rem!important;gap:.375rem!important;padding:.25rem 0!important}.upgrade-feature-item svg{height:14px!important;min-width:14px!important;width:14px!important}.upgrade-plan-cta{font-size:.875rem!important;margin-top:1rem!important;padding:.75rem 1rem!important}.upgrade-no-upgrades{padding:1.5rem 1rem!important}.upgrade-no-upgrades p:first-child{font-size:1.25rem!important;margin-bottom:.75rem!important}.upgrade-no-upgrades-subtitle{font-size:.875rem!important;line-height:1.4!important}.upgrade-modal-loading{min-height:auto!important;padding:2rem 1rem!important}.upgrade-loading-text{font-size:.875rem!important;margin-top:1.25rem!important}.upgrade-seats-selector{gap:.5rem!important;margin:.875rem 0!important}.upgrade-seats-label{font-size:.8125rem!important}.upgrade-seats-controls{gap:.5rem!important}.upgrade-seats-btn{font-size:1.125rem!important;height:2rem!important;width:2rem!important}.upgrade-seats-display{font-size:.9375rem!important;min-width:2.5rem!important}}.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-price-per-stencil{color:#10b981}.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!important}.upgrade-modal-header{padding:.875rem 1rem!important}.upgrade-modal-header h2{font-size:1.15rem!important}.upgrade-modal-body{min-height:auto!important;padding:1rem .875rem!important}.upgrade-confirmation-warning{padding:.75rem!important}.upgrade-confirmation-warning h3{font-size:1.15rem!important;margin-bottom:.5rem!important}.upgrade-confirmation-warning p{font-size:.875rem!important;line-height:1.4!important;margin-bottom:.5rem!important}.upgrade-confirmation-actions{align-self:stretch!important;padding:.875rem!important;width:100%!important}.upgrade-confirmation-actions.downgrade-actions{flex-direction:column!important;gap:.625rem!important}.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!important;gap:.625rem!important}.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!important;padding:0 .5rem!important}.downgrade-info-item{margin-bottom:.75rem!important}.downgrade-info-value{font-size:.9375rem!important}.downgrade-price{font-size:1.15rem!important}.downgrade-info-label{font-size:.75rem!important}.downgrade-info-note{font-size:.8125rem!important;line-height:1.4!important}.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!important}}@media (max-width:768px){.upgrade-modal-content{border-radius:12px!important;max-height:90vh!important}.upgrade-modal-header{padding:1rem 1.25rem!important}.upgrade-modal-header h2{font-size:1.15rem!important}.upgrade-modal-body{min-height:auto!important;padding:1.25rem 1rem!important}.upgrade-confirmation-warning{padding:.75rem!important}.upgrade-confirmation-warning h3{font-size:1.15rem!important;margin-bottom:.5rem!important}.upgrade-confirmation-warning p{font-size:.875rem!important;margin-bottom:.625rem!important}.upgrade-confirmation-body{padding:1rem!important}.upgrade-confirmation-actions{align-self:stretch!important;flex-direction:column!important;gap:.75rem!important;padding:1rem!important;width:100%!important}.upgrade-confirmation-actions button{flex:1 0 auto!important;font-size:.9375rem!important;padding:.75rem 1rem!important;width:100%!important}.downgrade-info-value{font-size:.9375rem!important}.downgrade-price{font-size:1.15rem!important}.downgrade-info-label{font-size:.75rem!important}.downgrade-info-note{font-size:.8125rem!important}.downgrade-info-section{margin:1.5rem 0!important;padding:0 .75rem!important}.downgrade-info-item{margin-bottom:.875rem!important}.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}}.downgrade-confirmation-icon{align-items:center;background:linear-gradient(135deg,#a855f7,#8b5cf6);border-radius:50%;box-shadow:0 8px 20px #a855f74d;display:flex;font-size:2.5rem;height:70px;justify-content:center;margin:0 auto 1.5rem;width:70px}.downgrade-confirmation-title{color:#a855f7;font-size:1.75rem;font-weight:700;margin-bottom:2rem;text-align:center}.upgrade-confirmation-icon{align-items:center;background:linear-gradient(135deg,#a855f7,#8b5cf6);border-radius:50%;box-shadow:0 8px 20px #a855f74d;display:flex;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.upgrade-confirmation-title{align-items:center;color:#a855f7;display:flex;font-size:2rem;font-weight:700;gap:12px;justify-content:center;margin-bottom:1rem;text-align:center}@media (max-width:768px){.downgrade-confirmation-icon{font-size:2rem!important;height:60px!important;margin-bottom:1.25rem!important;width:60px!important}.downgrade-confirmation-title{font-size:1.5rem!important;margin-bottom:1.5rem!important}.upgrade-confirmation-icon{height:50px!important;margin-bottom:1.25rem!important;width:50px!important}.upgrade-confirmation-title{font-size:1.65rem!important;margin-bottom:.875rem!important}}@media (max-width:575px){.downgrade-confirmation-icon{font-size:1.75rem!important;height:55px!important;margin-bottom:1rem!important;width:55px!important}.downgrade-confirmation-title{font-size:1.375rem!important;margin-bottom:1.25rem!important}.upgrade-confirmation-icon{height:45px!important;margin-bottom:1rem!important;width:45px!important}.upgrade-confirmation-title{font-size:1.5rem!important;gap:10px!important;margin-bottom:.75rem!important}}@media (max-width:400px){.downgrade-confirmation-icon{font-size:1.5rem!important;height:50px!important;margin-bottom:.875rem!important;width:50px!important}.downgrade-confirmation-title{font-size:1.25rem!important;margin-bottom:1rem!important}.upgrade-confirmation-icon{height:40px!important;margin-bottom:.875rem!important;width:40px!important}.upgrade-confirmation-title{font-size:1.25rem!important;gap:8px!important;margin-bottom:.625rem!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%}.parity-deals-banner-wrapper{animation:slideInFromTop .4s ease-out;margin-bottom:2rem;width:100%}.parity-deals-banner-wrapper [data-pd-banner],.parity-deals-banner-wrapper [data-pd-banner]>*,.parity-deals-banner-wrapper div[class*=banner],.parity-deals-banner-wrapper div[class*=promo],.parity-deals-banner-wrapper div[style*=background]{background:linear-gradient(135deg,#9333ea,#7e22ce)!important;border:none!important;border-radius:16px!important;box-shadow:0 4px 16px #9333ea26!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;margin:0!important;max-width:100%!important;padding:1.25rem 2rem!important;width:100%!important}.parity-deals-banner-wrapper [data-pd-banner] *,.parity-deals-banner-wrapper div[class*=banner] *,.parity-deals-banner-wrapper p,.parity-deals-banner-wrapper span,.parity-deals-banner-wrapper strong{color:#fff!important;line-height:1.5!important;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}.parity-deals-banner-wrapper [class*=code],.parity-deals-banner-wrapper code,.parity-deals-banner-wrapper strong{cursor:text!important;user-select:all!important;-webkit-user-select:all!important;-moz-user-select:all!important;-ms-user-select:all!important}.parity-deals-banner-wrapper [data-pd-banner] button:not([class*=cta]):not([class*=button]),.parity-deals-banner-wrapper button[aria-label*=Close],.parity-deals-banner-wrapper button[aria-label*=Dismiss],.parity-deals-banner-wrapper button[aria-label*=close],.parity-deals-banner-wrapper button[aria-label*=dismiss]{align-items:center!important;background:#0000!important;border:none!important;border-radius:6px!important;color:#ffffffb3!important;cursor:pointer!important;display:flex!important;font-size:18px!important;font-weight:400!important;height:16px!important;justify-content:center!important;min-width:16px!important;opacity:.8!important;padding:0!important;transition:all .2s ease!important;width:16px!important}.parity-deals-banner-wrapper [data-pd-banner] button:not([class*=cta]):not([class*=button]):hover,.parity-deals-banner-wrapper button[aria-label*=Close]:hover,.parity-deals-banner-wrapper button[aria-label*=Dismiss]:hover,.parity-deals-banner-wrapper button[aria-label*=close]:hover,.parity-deals-banner-wrapper button[aria-label*=dismiss]:hover{background:#ffffff1a!important;color:#fff!important;opacity:1!important}.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}.currency-notice{background:#a855f714;border:1px solid #a855f733;border-radius:8px;color:#4b5563;display:block;font-size:.875rem;margin:1.25rem auto 0;max-width:600px;padding:.75rem 1rem;text-align:center}.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:2px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;height:100%;padding:2rem;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}.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)}.price-per-stencil{color:#10b981;font-size:1rem;font-weight:600}.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}.plan-features{margin-bottom:0!important}.feature-item{align-items:center;font-size:.95rem;gap:.75rem;margin-bottom:.5rem;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;margin-top:1.5rem!important;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}}@media (max-width:400px){.pricing{padding:1.5rem 0!important}.currency{margin-top:0!important}.pricing-container{padding:0 .75rem!important}.plan-card{padding:1.25rem!important}.pricing-title{font-size:1.5rem!important}.pricing-subtitle{font-size:.875rem!important}.price{font-size:2rem!important}.price-period{font-size:.875rem!important}.plan-name{font-size:1.125rem!important}.billing-btn,.plan-description{font-size:.8125rem!important}.billing-btn{padding:6px 12px!important}.most-popular-badge{font-size:.6875rem!important;padding:4px 12px!important}.feature-item{font-size:.8125rem!important;padding:.275rem 0!important}.btn-get-started,.plan-button,.plan-button.primary,.plan-button.secondary{font-size:.8125rem!important;height:38px!important;max-height:38px!important;min-height:38px!important;padding:.5rem 1rem!important}.team-selector{border-radius:12px!important;margin-bottom:1.5rem!important;padding:.875rem!important}.team-header{margin-bottom:.5rem!important}.team-size{font-size:.9375rem!important;gap:.375rem!important}.artist-controls{gap:.5rem!important}.control-btn{border-radius:6px!important;font-size:1rem!important;height:32px!important;width:32px!important}.team-breakdown{border-radius:6px!important;font-size:.75rem!important;padding:.375rem!important}}.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,#060507 40%,#040404);bottom:-10rem;content:"";height:350px;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 .currency-notice{background:#a855f726;border-color:#a855f74d;color:#d1d5db}.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:#000;border-color:#2a2a2a;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{position:absolute}@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)}}.best-results{background:#fff;overflow-x:hidden;overflow-y:visible;padding:6rem 0;position:relative}.best-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}.best-results-content{margin:0 auto;max-width:1200px;padding:0 1rem;position:relative;text-align:center;z-index:1}.best-results .section-title{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:.75rem;text-align:center}.best-results .section-subtitle{color:#6b7280;font-size:1.125rem;margin-bottom:3rem;text-align:center}.requirements-carousel{margin:0 auto;max-width:1000px;overflow:visible;position:relative}.requirements-wrapper{max-width:100%;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%}.requirements-slides{-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout style paint;display:flex;transform:translateZ(0);transition:transform .5s cubic-bezier(.4,0,.2,1);width:800%;will-change:transform}.requirements-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;gap:0;padding:0 2rem;width:12.5%}.requirements-image-wrapper{border-radius:20px 20px 0 0;box-shadow:none;max-width:600px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.requirements-image-wrapper:hover{box-shadow:none}.requirements-image{display:block;height:auto;width:100%}.best-details-panel{background:#fff;border:1px solid #f3f4f6;border-radius:0 0 20px 20px;border-top:none;box-shadow:0 20px 40px #00000026;max-width:600px;padding:2rem;text-align:left;width:100%}.requirement-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.requirement-header h4{font-size:1.5rem;font-weight:700;margin:0}.do-not .requirement-header,.do-not .requirement-header h4{color:#dc2626!important}.do-upload .requirement-header,.do-upload .requirement-header h4{color:#16a34a!important}.icon-check,.icon-x{flex-shrink:0;height:24px;width:24px}.do-not .icon-x{color:#dc2626}.do-upload .icon-check{color:#16a34a}.requirement-image{aspect-ratio:1;background:#f3f4f6;border-radius:12px;margin-bottom:1.5rem;overflow:hidden;position:relative;width:100%}.requirement-image img{display:block;height:100%;object-fit:cover;width:100%}.requirement-list{list-style:none;margin:0;padding:0}.requirement-list li{border-bottom:1px solid #f3f4f6;color:#4b5563;font-size:1rem;line-height:1.5;padding:.625rem 0}.requirement-list li:last-child{border-bottom:none}.requirement-list li:before{content:"•";font-weight:700;margin-right:.75rem}.do-not .requirement-list li:before{color:#dc2626}.do-upload .requirement-list li:before{color:#16a34a}.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:10}.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}.requirements-carousel .slide-indicators{display:flex;gap:.5rem;justify-content:center;margin-top:2rem;position:relative;z-index:2}.requirements-carousel .indicator{background:#0000;border:2px solid #d1d5db;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.requirements-carousel .indicator:hover{border-color:#a855f7;transform:scale(1.1)}.requirements-carousel .indicator.active{background:#a855f7;border-color:#a855f7;transform:scale(1.2)}.requirements-carousel .indicator:disabled{cursor:not-allowed}.requirements-carousel .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){.best-results{padding:5rem 0}.best-results .section-title{font-size:2rem}.requirements-carousel{max-width:100%;overflow:hidden}.requirements-wrapper{overflow:hidden}.requirements-slides{width:800%}.requirements-container{padding:0 1rem;width:12.5%}.nav-arrow{display:none}.requirements-carousel .swipe-hint{display:block}}@media (max-width:767px){.best-results{padding:4rem 0}.best-results-content{padding:0 1rem}.best-results .section-title{font-size:1.75rem}.best-results .section-subtitle{font-size:1rem;margin-bottom:2rem}.requirements-carousel{max-width:100%;overflow:hidden;padding:0 1rem}.requirements-wrapper{overflow:hidden}.requirements-slides{width:800%}.requirements-container{width:12.5%}.requirement-card{margin:0;max-width:100%;padding:1.5rem;width:100%}.requirements-carousel .swipe-hint{display:block}.requirements-carousel .slide-indicators{margin-top:1.5rem}.nav-arrow{display:none!important}}@media (max-width:550px){.requirements-container{padding:0!important}.best-details-panel,.best-results-content,.requirements-image-wrapper{max-width:100%!important}.best-results-content{padding:0 .75rem!important}}@media (max-width:440px){.best-results{padding:3rem 0!important}.best-results .container{margin:0!important;max-width:100%!important;padding:0!important}.best-results-content{max-width:100%!important;padding:0 .75rem!important}.best-results .section-title{font-size:1.5rem!important;line-height:1.2!important}.best-results .section-subtitle{font-size:.875rem!important;line-height:1.4!important;margin-bottom:1.5rem!important}.requirements-carousel{margin:0 auto!important}.requirements-carousel,.requirements-wrapper{max-width:100%!important;overflow:hidden!important;padding:0!important;width:100%!important}.requirements-slides{display:flex!important;width:800%!important}.requirements-container{box-sizing:border-box!important;flex-shrink:0!important;gap:0!important;min-width:12.5%!important;padding:0 .25rem!important;width:12.5%!important}.requirements-image-wrapper{border-radius:12px 12px 0 0!important;box-sizing:border-box!important;max-width:100%!important;width:100%!important}.requirements-image{display:block!important;height:auto!important;object-fit:cover!important;width:100%!important}.best-details-panel{border-radius:0 0 12px 12px!important;box-sizing:border-box!important;max-width:100%!important;padding:1rem!important;width:100%!important}.requirement-header{gap:.5rem!important;margin-bottom:1rem!important}.requirement-header h4{font-size:1.1rem!important;line-height:1.2!important}.requirement-header svg{height:20px!important;width:20px!important}.requirement-list{gap:.75rem!important}.requirement-list li{font-size:.8125rem!important;line-height:1.4!important;padding-left:1.5rem!important}.requirements-carousel .swipe-hint{bottom:1rem!important;font-size:.8125rem!important;padding:.4rem .75rem!important}.requirements-carousel .slide-indicators{gap:.5rem!important;margin-top:1.25rem!important}.requirements-carousel .slide-indicators .indicator{height:6px!important;width:6px!important}}.dark-mode .best-results{background:#050505;position:relative}.dark-mode .best-results:before{background:linear-gradient(180deg,#040404,#080609 40%,#0000);height:350px;top:0;z-index:0}.dark-mode .best-results:after,.dark-mode .best-results:before{content:"";left:0;pointer-events:none;position:absolute;right:0}.dark-mode .best-results:after{background:linear-gradient(180deg,#0000,#060507 50%,#050505);bottom:0;height:300px;z-index:1}.dark-mode .best-results-content{position:relative;z-index:2}.dark-mode .best-results .section-title{color:#fff}.dark-mode .best-results .section-subtitle{color:#9ca3af}.dark-mode .requirements-image-wrapper{box-shadow:0 20px 40px #00000080}.dark-mode .requirements-image-wrapper:hover{box-shadow:0 24px 48px #0009}.dark-mode .best-details-panel{background:#111;border:1px solid #2a2a2a;box-shadow:0 10px 30px #00000080}.dark-mode .do-not .requirement-header,.dark-mode .do-not .requirement-header h4{color:#f87171!important}.dark-mode .do-upload .requirement-header,.dark-mode .do-upload .requirement-header h4{color:#4ade80!important}.dark-mode .do-not .icon-x{color:#f87171!important}.dark-mode .do-upload .icon-check{color:#4ade80!important}.dark-mode .requirement-list{color:#9ca3af}.dark-mode .requirement-list li{border-bottom-color:#2a2a2a;color:#e0e0e0}.dark-mode .do-not .requirement-list li:before{color:#f87171}.dark-mode .do-upload .requirement-list li:before{color:#4ade80}.dark-mode .requirements-carousel .nav-arrow{background:#1a1a1a;border-color:#2a2a2a;color:#9ca3af}.dark-mode .requirements-carousel .nav-arrow:hover{background:#111;border-color:#a855f7;color:#a855f7}.dark-mode .requirements-carousel .indicator{border-color:#4b5563}.dark-mode .requirements-carousel .indicator:hover{border-color:#a855f7}.dark-mode .requirements-carousel .indicator.active{background:#a855f7;border-color:#a855f7}.dark-mode .requirements-carousel .swipe-hint{background:#a855f74d;color:#fff}.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;border-radius:12px;display:inline-block;font-size:1rem;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .2s ease}.btn-primary:hover{background:#6d28d9;transform:translateY(-1px)}@media (max-width:400px){.faq{padding:2rem 0!important}.container{padding:0 .75rem!important}.section-title{font-size:1.5rem!important;margin-bottom:.75rem!important}.section-subtitle{font-size:.875rem!important;margin-bottom:1.5rem!important}.faq-item{margin-bottom:.25rem!important;padding:.5rem 0!important}.faq-question{font-size:.9375rem!important;gap:.5rem!important;padding:.625rem 0!important}.faq-icon{height:16px!important;min-width:16px!important;width:16px!important}.faq-answer{font-size:.8125rem!important;line-height:1.5!important;padding:0 0 .625rem 1.75rem!important}.faq-cta{border-radius:14px!important;margin-top:2rem!important;padding:1.5rem 1rem!important}.faq-cta h3{font-size:1.125rem!important;margin-bottom:.75rem!important}.faq-cta p{font-size:.8125rem!important;margin-bottom:1rem!important}.btn-primary-large{font-size:.875rem!important;padding:.75rem 1.5rem!important}}@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:400px){.team{padding:2rem 0!important}.team-content{padding:0 .75rem!important}.section-title{font-size:1.5rem!important;margin-bottom:.75rem!important}.section-subtitle{font-size:.875rem!important;margin-bottom:2rem!important}.team-grid{gap:1.5rem!important}.team-card{border-radius:18px!important;padding:1.5rem 1.25rem!important}.team-avatar-wrapper{margin-bottom:1rem!important}.team-avatar,.team-avatar-wrapper{height:100px!important;width:100px!important}.team-name{font-size:1.375rem!important;margin-bottom:.25rem!important}.team-role{font-size:.6875rem!important;margin-bottom:.75rem!important;padding:.25rem .75rem!important}.team-description{font-size:.8125rem!important;line-height:1.5!important;margin-bottom:1rem!important}.team-follow-btn{font-size:.8125rem!important;padding:.625rem 1.25rem!important}.team-follow-btn svg{height:14px!important;width:14px!important}}@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,#050505,#040404 40%,#0000);content:"";height:300px;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:400px){.footer{padding:2rem 0 0!important}.footer-content{padding:0 .75rem!important}.brand-name{font-size:1.3rem!important}.brand-description{font-size:.8125rem!important;line-height:1.5!important}.social-links{gap:.625rem!important}.social-links .social-link,.social-links a{font-size:.875rem!important;height:36px!important;width:36px!important}.column-title{font-size:.9375rem!important;margin-bottom:.75rem!important}.footer-links li{margin-bottom:.5rem!important}.footer-links a{font-size:.8125rem!important}.footer-newsletter{border-radius:12px!important;padding:1rem!important}.newsletter-title{font-size:1rem!important;margin-bottom:.375rem!important}.newsletter-description{font-size:.75rem!important;margin-bottom:.75rem!important}.newsletter-btn,.newsletter-input{font-size:.8125rem!important;padding:.625rem .875rem!important}.footer-bottom{padding:1rem 0!important}.copyright{font-size:.75rem!important}.footer-legal-links{gap:1rem!important}.footer-legal-links a{font-size:.75rem!important}}@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}.breathing-logo-container{align-items:center;display:flex;height:280px;justify-content:center;position:relative;width:280px}.breathing-glow-orb{animation:orbGlow 3s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#a855f766,#9333ea33 50%,#0000 70%);border-radius:50%;filter:blur(40px);height:200px;position:absolute;width:200px}.dark-mode .breathing-glow-orb{background:radial-gradient(circle at 30% 30%,#a855f799,#9333ea4d 50%,#0000 70%)}.breathing-icon-wrapper{align-items:center;animation:iconFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#fff,#f8faff);border-radius:50%;box-shadow:0 8px 32px #a855f740,0 0 0 1px #a855f71a,inset 0 2px 8px #fffc;color:#a855f7;display:flex;height:140px;justify-content:center;position:relative;width:140px;z-index:2}.dark-mode .breathing-icon-wrapper{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);box-shadow:0 8px 32px #a855f766,0 0 0 1px #a855f733,inset 0 2px 8px #ffffff0d}.breathing-logo{height:90px;object-fit:contain;width:90px}.breathing-rings{height:100%;pointer-events:none;position:absolute;width:100%}.breathing-ring{animation:ringExpand 2.5s ease-out infinite;border:2px solid #a855f74d;border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.dark-mode .breathing-ring{border-color:#a855f766}.breathing-ring.ring-1{animation-delay:0s;height:140px;width:140px}.breathing-ring.ring-2{animation-delay:.8s;height:140px;width:140px}.breathing-ring.ring-3{animation-delay:1.6s;height:140px;width:140px}@media (max-width:767px){.breathing-logo-container{height:240px;width:240px}.breathing-glow-orb{height:160px;width:160px}.breathing-icon-wrapper{height:120px;width:120px}.breathing-logo{height:75px;width:75px}.breathing-ring.ring-1,.breathing-ring.ring-2,.breathing-ring.ring-3{height:120px;width:120px}@keyframes ringExpand{0%{border-width:2px;height:120px;opacity:0;width:120px}20%{opacity:1}to{border-width:0;height:240px;opacity:0;width:240px}}}@media (max-width:430px){.breathing-logo-container{height:200px;width:200px}.breathing-glow-orb{height:140px;width:140px}.breathing-icon-wrapper{height:100px;width:100px}.breathing-logo{height:60px;width:60px}.breathing-ring.ring-1,.breathing-ring.ring-2,.breathing-ring.ring-3{height:100px;width:100px}@keyframes ringExpand{0%{border-width:2px;height:100px;opacity:0;width:100px}20%{opacity:1}to{border-width:0;height:200px;opacity:0;width:200px}}}.loading-overlay{align-items:center;background-color:#fff!important;bottom:0;display:flex;height:90vh;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100vw;z-index:9999}.dark-mode .loading-overlay{background-color:#000!important}body:has(.loading-overlay){height:100vh;overflow:hidden}.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 .settings-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 .settings-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 .settings-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 h3{color:#1a202c;font-size:1.5rem;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}.settings-plan-card{background:#f8faff;border:none;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:none;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 h3,.payment-method h4{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.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}.trial-info-section{background:linear-gradient(135deg,#a855f70d,#9333ea0d);border:2px solid #a855f733;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.trial-info-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.trial-info-header svg{flex-shrink:0}.trial-info-header h4{color:#a855f7;font-size:1.1rem;font-weight:600;margin:0}.trial-info-content{display:flex;flex-direction:column;gap:1rem}.trial-info-badge{align-items:center;background:linear-gradient(135deg,#a855f7,#9333ea);border:2px solid #a855f7;border-radius:8px;box-shadow:0 4px 12px #a855f74d;display:inline-flex;gap:.5rem;padding:.5rem 1rem;width:-webkit-fit-content;width:fit-content}.trial-info-badge.trial-cancelled{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:2px solid #ef4444!important;box-shadow:0 4px 12px #ef44444d!important}.trial-info-badge svg{stroke:#fff;flex-shrink:0}.trial-info-badge span{color:#fff;font-size:.875rem;font-weight:700;text-shadow:0 1px 2px #0000001a}.trial-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.trial-info-item{display:flex;flex-direction:column;gap:.25rem}.trial-info-label{color:#718096;font-size:.875rem;font-weight:500;margin:0}.trial-info-value{color:#1a202c;font-size:1rem;font-weight:600;margin:0}.trial-info-note{border-top:1px solid #a855f71a;color:#718096;font-size:.875rem;line-height:1.5;margin:0;padding-top:.5rem}.trial-info-actions{display:flex;gap:.75rem;margin-top:1rem}.trial-action-btn{background:#0000;border:2px solid;border-radius:8px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:.75rem 1rem;transition:all .2s ease}.trial-action-btn.cancel{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff}.trial-action-btn.cancel:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626}.trial-action-btn.resume{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;color:#fff}.trial-action-btn.resume:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#7c3aed}.trial-action-btn.upgrade{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.trial-action-btn.upgrade:hover{background:linear-gradient(135deg,#059669,#047857);border-color:#059669}.trial-action-btn:disabled{background:#e5e7eb!important;border-color:#d1d5db!important;color:#9ca3af!important;cursor:not-allowed;opacity:.5}.settings-trial-upgrade-processing-banner{align-items:center!important;background:#8b5cf61a!important;border:1px solid #8b5cf64d!important;border-radius:8px!important;display:flex!important;gap:12px!important;margin-top:12px!important;padding:12px 16px!important}.settings-trial-upgrade-spinner{animation:spin 1s linear infinite!important;border:2px solid #8b5cf64d!important;border-radius:50%!important;border-top-color:#8b5cf6!important;height:16px!important;width:16px!important}.settings-trial-upgrade-processing-text{color:#8b5cf6!important;font-size:14px!important;font-weight:500!important;line-height:1.4!important}.settings-trial-pricing-breakdown{background:linear-gradient(135deg,#10b98114,#05966914);border:2px solid #10b9814d;border-radius:12px;margin:1rem 0;padding:1rem}.settings-trial-pricing-header{color:#10b981;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.settings-trial-pricing-items{display:flex;flex-direction:column;font-size:.875rem;gap:.5rem}.settings-trial-pricing-row{color:#1a202c;display:flex;justify-content:space-between}.settings-trial-pricing-row.vat{color:#6b7280}.settings-trial-pricing-row.total{border-top:1px solid #10b98133;color:#1a202c;font-size:1rem;font-weight:700;padding-top:.5rem}.settings-trial-pricing-note{color:#6b7280;font-size:.75rem;font-style:italic;margin-top:.75rem}.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}.billing-item,.history-list{display:flex;flex-direction:column;gap:1rem}.billing-item{align-items:flex-start;background:#f8faff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .2s ease}.billing-item:hover{border-color:#a855f7;box-shadow:0 2px 8px #a855f71a}.billing-item-info h4{color:#1a202c;font-size:1.0625rem;font-weight:600;margin:0 0 .5rem}.billing-item-info p{color:#718096;font-size:.875rem;margin:0}.billing-item-actions{align-items:center;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;width:100%}.billing-item-amount{align-items:center;display:flex;font-size:1.0625rem;text-align:left;white-space:nowrap}.amount,.billing-item-amount{color:#1a202c;font-weight:600}.amount{display:block;font-size:1.1rem;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!important;color:#fff;cursor:pointer;display:flex;font-size:.9375rem!important;font-weight:500;justify-content:center;min-height:48px;padding:.75rem 1.25rem!important}.btn-primary:hover{background:#9333ea;border-color:#9333ea}.btn-secondary{background:#f8faff;border:2px solid #e2e8f0;border-radius:12px!important;color:#a855f7;cursor:pointer;font-size:.9375rem;font-weight:500;padding:.75rem 1.25rem!important}.btn-secondary:hover{background:#a855f70d;border-color:#a855f7}.btn-danger{background:#fee;border:none;border-radius:12px!important;color:#dc2626;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9375rem!important;font-weight:500;min-height:48px;padding:.75rem 1.25rem!important;transition:all .2s ease}.btn-danger:hover{background:#fca5a5}.btn-link{display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.save-btn{margin-top:1rem}@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 h3{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,.save-default-color-button{align-items:center!important;box-sizing:border-box!important;display:flex!important;font-size:.875rem!important;height:auto!important;justify-content:center!important;min-height:44px!important;padding:.65rem 1.1rem!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-item{align-items:flex-start!important;flex-direction:column!important;gap:1rem!important}.billing-item-info{width:100%!important}.billing-item-actions{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:.75rem!important;justify-content:space-between!important;overflow:hidden!important;width:100%!important}.billing-item-actions button{flex-shrink:0!important;white-space:nowrap!important}.billing-item-amount{flex-shrink:1!important;font-size:1rem;overflow:hidden!important;text-align:left!important;text-overflow:ellipsis!important;white-space:nowrap!important}.billing-grid,.form-grid{gap:1.25rem;grid-template-columns:1fr}.billing-info,.billing-item,.current-plan,.history-item,.notification-item,.settings-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}.trial-info-grid{gap:.75rem;grid-template-columns:1fr}}@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!important;border-radius:12px!important;border-top:1px solid #e2e8f0!important;box-shadow:none!important;margin:0!important;order:2;padding:0!important}.section-header h3{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!important;flex-direction:column!important;gap:1rem!important}.billing-item-info{width:100%!important}.billing-item-actions{align-items:stretch!important;display:flex!important;flex-direction:column!important;gap:1rem!important;width:100%!important}.billing-item-actions button{min-width:0!important;min-width:auto!important;width:100%!important}.billing-item-amount{font-size:1.125rem;text-align:left!important;width:100%!important}.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,.save-default-color-button{align-items:center!important;box-sizing:border-box!important;display:flex!important;font-size:.8125rem!important;height:auto!important;justify-content:center!important;min-height:42px!important;padding:.6rem 1rem!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%}.trial-info-grid{gap:.75rem;grid-template-columns:1fr}}@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 h3{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,.settings-plan-card,.trial-info-section{padding:1rem}.trial-info-header h3{font-size:1rem}.trial-info-label,.trial-info-value{font-size:.875rem}.trial-info-note{font-size:.8125rem;padding-top:.75rem}.settings-trial-upgrade-processing-banner{gap:10px!important;margin-top:10px!important;padding:10px 12px!important}.settings-trial-upgrade-spinner{height:14px!important;width:14px!important}.settings-trial-upgrade-processing-text{font-size:13px!important}.trial-info-actions{flex-direction:column;gap:.5rem}.trial-action-btn{width:100%}.settings-trial-modal-content{max-width:95%}.settings-trial-modal-body,.settings-trial-modal-footer,.settings-trial-modal-header{padding-left:1.5rem;padding-right:1.5rem}.settings-trial-modal-footer{flex-direction:column-reverse}.settings-trial-modal-footer button{width:100%}.billing-date-container{align-items:flex-start}.subscription-warning{justify-content:flex-start;margin-top:.5rem;width:100%}.btn-danger,.btn-primary,.btn-secondary,.save-default-color-button{font-size:.75rem!important;min-height:38px!important;padding:.55rem .9rem!important}.form-input{font-size:.95rem;padding:.75rem}.security-section{margin-top:1.5rem;padding-top:1.5rem}.billing-item-actions button{font-size:.8125rem;min-width:120px!important}.billing-item-amount{font-size:1rem}.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}.settings-trial-upgrade-processing-banner{align-items:flex-start!important;flex-direction:column!important;gap:8px!important;margin-top:8px!important;padding:8px 10px!important}.settings-trial-upgrade-spinner{height:12px!important;width:12px!important}.settings-trial-upgrade-processing-text{font-size:12px!important}.billing-history p,.payment-method p{font-size:.85rem}.billing-item-actions button{font-size:.875rem;min-width:100px!important;padding:.625rem .875rem}.billing-item-amount{font-size:.9375rem;min-width:70px}.trial-info-section{padding:.875rem}.trial-info-header h3{font-size:.95rem}.trial-info-label,.trial-info-value{font-size:.8125rem}.trial-info-note{font-size:.75rem}.settings-trial-modal-content{height:auto!important;margin:.375rem!important;max-height:none!important;max-width:calc(100% - .75rem)!important}.settings-trial-modal-header{padding:1.125rem 1.25rem!important}.settings-trial-modal-header h3{font-size:1rem!important}.settings-trial-modal-body{flex-shrink:1!important;overflow-y:visible!important;padding:1.25rem!important}.settings-trial-modal-body li,.settings-trial-modal-body p{font-size:.875rem!important}.settings-trial-benefit-icon,.settings-trial-benefit-text{font-size:.8125rem!important}.settings-trial-modal-footer{padding:1.125rem!important}.settings-trial-modal-btn{font-size:.875rem!important;padding:.625rem 1.25rem!important}.settings-trial-benefits-list{margin:.75rem 0!important;padding:.875rem .875rem .875rem 1rem!important}.settings-trial-benefits-list li{padding:.375rem .5rem .375rem .75rem!important}.settings-trial-pricing-breakdown{margin:.625rem 0!important;padding:.625rem!important}.settings-trial-pricing-header{font-size:.8125rem!important}.settings-trial-pricing-row{font-size:.75rem!important}.settings-trial-pricing-note{font-size:.6875rem!important}.settings-trial-modal-close{font-size:1.25rem!important;height:1.75rem!important;width:1.75rem!important}.settings-trial-notice-box{font-size:.75rem;line-height:1.4;margin-top:.625rem;padding:.625rem}.settings-trial-notice-box strong{white-space:nowrap}}.modal-overlay{animation:modalOverlayFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto;padding:2rem 1rem}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.settings-trial-modal-overlay{align-items:center;animation:modalOverlayFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal-content{animation:modalContentSlideIn .3s ease-out;box-shadow:0 24px 64px #0003;margin:0 auto;max-width:480px}@keyframes modalContentSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dark-mode .modal-content{background:#0a0a0a}.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}.settings-trial-modal-close{align-items:center!important;background:none!important;border:none!important;border-radius:4px!important;color:#6b7280!important;cursor:pointer!important;display:flex!important;flex-grow:0!important;flex-shrink:0!important;font-size:1.5rem!important;height:2rem!important;justify-content:center!important;line-height:1!important;margin:0!important;max-height:2rem!important;max-width:2rem!important;min-height:2rem!important;min-width:2rem!important;padding:.5rem!important;position:relative!important;transition:all .2s ease!important;width:2rem!important}.settings-trial-modal-close:hover{background:#f3f4f6!important;color:#374151!important}.settings-trial-modal-close:focus{box-shadow:0 0 0 2px #a855f733!important;outline:none!important}.modal-body{padding:2rem}.settings-trial-modal-content{animation:modalContentSlideIn .3s ease-out!important;border-radius:16px!important;box-shadow:0 24px 64px #0003!important;display:block!important;margin:0 auto!important;max-height:calc(100vh - 2rem)!important;max-width:480px!important;overflow-y:auto!important;position:relative!important}.settings-trial-modal-content,.settings-trial-modal-header{background:#fff!important;box-sizing:border-box!important;width:100%!important}.settings-trial-modal-header{align-items:center!important;border-bottom:2px solid!important;display:flex!important;flex-shrink:0!important;flex-wrap:nowrap!important;gap:1rem!important;justify-content:space-between!important;min-height:-webkit-fit-content!important;min-height:fit-content!important;padding:1.5rem 1.75rem!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1!important}.settings-trial-modal-header.cancel{border-bottom-color:#ef4444!important}.settings-trial-modal-header.upgrade{border-bottom-color:#10b981!important}.settings-trial-modal-header h3{color:#1f2937!important;flex:1 1!important;font-size:1.125rem!important;font-weight:600!important;margin:0!important;min-width:0!important;overflow:hidden!important;padding:0!important;text-overflow:ellipsis!important;white-space:nowrap!important}.settings-trial-modal-body{overflow-y:visible!important;padding:1.75rem!important}.settings-trial-modal-body p{color:#4b5563;font-size:.9375rem;line-height:1.5;margin:0 0 .75rem}.settings-trial-modal-body p:last-child{margin-bottom:0}.settings-trial-modal-body ul{color:#4b5563;list-style:none;margin:.75rem 0;padding-left:0}.settings-trial-modal-body ul:last-child{margin-bottom:0}.settings-trial-modal-body li{margin-bottom:.375rem}.settings-trial-modal-body li:last-child{margin-bottom:0}.settings-trial-benefits-list{background:#f9fafb;border-radius:8px;margin:.75rem 0!important;padding:.875rem!important}.settings-trial-benefits-list.warning{background:#fef2f2;border:1px solid #fecaca}.settings-trial-benefits-list.success{background:linear-gradient(135deg,#a855f714,#9333ea14);border:2px solid #a855f74d}.settings-trial-benefits-list.success.green{background:linear-gradient(135deg,#10b98114,#05966914);border:2px solid #10b9814d}.settings-trial-benefits-list li{align-items:flex-start;border-radius:6px;display:flex;gap:.5rem;margin-bottom:.25rem!important;padding:.375rem .5rem;transition:background .2s ease}.settings-trial-benefits-list li:hover{background:#ffffff80}.settings-trial-benefits-list li:last-child{margin-bottom:0!important}.settings-trial-benefit-icon{flex-shrink:0;font-size:.8125rem;font-weight:700;line-height:1.5}.settings-trial-benefits-list.warning .settings-trial-benefit-icon{color:#ef4444}.settings-trial-benefits-list.success .settings-trial-benefit-icon{color:#a855f7}.settings-trial-benefits-list.success.green .settings-trial-benefit-icon{color:#10b981}.settings-trial-benefit-text{color:#4b5563;flex:1 1;font-size:.8125rem;line-height:1.5}.settings-trial-notice-box{background:#a855f71a;border:1px solid #a855f74d;border-radius:8px;color:#4b5563;font-size:.875rem;line-height:1.5;margin-top:1rem;padding:.875rem}.settings-trial-notice-box.warning{background:#ef44441a;border:1px solid #ef44444d}.settings-trial-notice-box strong{color:#1f2937;font-weight:600}.settings-trial-modal-footer{background:#fff!important;border-top:1px solid #e5e7eb!important;bottom:0!important;display:flex!important;flex-shrink:0!important;gap:.75rem!important;justify-content:flex-end!important;padding:1.5rem 1.75rem!important;position:-webkit-sticky!important;position:sticky!important}.settings-trial-modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s ease}.settings-trial-modal-btn.secondary{background:#f3f4f6;color:#374151}.settings-trial-modal-btn.secondary:hover{background:#e5e7eb}.settings-trial-modal-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.settings-trial-modal-btn.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.settings-trial-modal-btn.primary{background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff}.settings-trial-modal-btn.primary:hover{background:linear-gradient(135deg,#9333ea,#7e22ce)}.settings-trial-modal-btn:disabled{cursor:not-allowed;opacity:.5}.dark-mode .settings-trial-modal-header{background:#0a0a0a!important;border-bottom-color:inherit!important}.dark-mode .settings-trial-modal-header.cancel{border-bottom-color:#ef4444!important}.dark-mode .settings-trial-modal-header.upgrade{border-bottom-color:#10b981!important}.dark-mode .settings-trial-modal-header h3{color:#f3f4f6!important}.dark-mode .settings-trial-modal-close{color:#9ca3af!important}.dark-mode .settings-trial-modal-close:hover{background:#1f1f1f!important;color:#e5e7eb!important}.dark-mode .settings-trial-modal-footer{background:#0a0a0a!important;border-top-color:#2a2a2a!important}.dark-mode .settings-trial-benefits-list{background:#1a1a1a;border-color:#2d2d2d}.dark-mode .settings-trial-benefits-list.warning{background:#2d1a1a;border-color:#4a2020}.dark-mode .settings-trial-benefits-list.success{background:linear-gradient(135deg,#a855f71f,#9333ea1f);border-color:#a855f766}.dark-mode .settings-trial-benefits-list.success.green{background:linear-gradient(135deg,#10b9811f,#0596691f);border-color:#10b98166}.dark-mode .settings-trial-benefits-list li:hover{background:#ffffff0d}.dark-mode .settings-trial-benefit-text{color:#d1d5db}.dark-mode .settings-trial-benefits-list.warning .settings-trial-benefit-icon{color:#f87171}.dark-mode .settings-trial-benefits-list.success .settings-trial-benefit-icon{color:#c084fc}.dark-mode .settings-trial-benefits-list.success.green .settings-trial-benefit-icon{color:#34d399}.dark-mode .settings-trial-notice-box{background:#a855f726;border:1px solid #a855f766;color:#d1d5db}.dark-mode .settings-trial-notice-box.warning{background:#ef444426;border:1px solid #ef444466}.dark-mode .settings-trial-notice-box strong{color:#f3f4f6}.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}.settings-price-display{align-items:baseline;display:flex;justify-content:center}.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}.trial-info-grid,.upgrade-plans-grid,.upgrade-plans-grid.single-plan{grid-template-columns:1fr}.trial-info-grid{gap:.75rem}.settings-trial-modal-content{margin:1rem!important;max-width:95%!important}.settings-trial-modal-header{padding:1.375rem 1.5rem!important}.settings-trial-modal-body{padding:1.5rem!important}.settings-trial-benefits-list{margin:1rem 0!important;padding:1rem 1rem 1rem 1.25rem!important}.settings-trial-benefits-list li{padding:.5rem .625rem .5rem .875rem!important}.settings-trial-benefit-icon,.settings-trial-benefit-text{font-size:.8125rem!important}.settings-trial-modal-footer{padding:1.375rem 1.5rem!important}.settings-trial-pricing-breakdown{margin:.875rem 0!important;padding:.875rem!important}.settings-trial-pricing-header{font-size:.9375rem!important}.settings-trial-pricing-row{font-size:.875rem!important}.settings-trial-pricing-note{font-size:.8125rem!important}.settings-trial-notice-box{font-size:.8125rem;margin-top:.875rem;padding:.75rem}}@media (max-width:575px){.modal-content{border-radius:12px;margin:.5rem}.settings-trial-modal-content{margin:.5rem!important;max-width:calc(100% - 1rem)!important}.settings-trial-modal-header{padding:1rem 1.25rem!important}.settings-trial-modal-header h3{font-size:1.125rem!important}.settings-trial-modal-body{padding:1.375rem!important}.settings-trial-benefits-list{margin:.875rem 0!important;padding:1rem 1rem 1rem 1.25rem!important}.settings-trial-benefits-list li{padding:.5rem .625rem .5rem .875rem!important}.settings-trial-benefit-icon,.settings-trial-benefit-text{font-size:.8125rem!important}.settings-trial-modal-footer{flex-direction:column!important;padding:1.25rem!important}.settings-trial-modal-footer .settings-trial-modal-btn{width:100%!important}.settings-trial-pricing-breakdown{margin:.75rem 0!important;padding:.75rem!important}.settings-trial-pricing-header{font-size:.875rem!important}.settings-trial-pricing-row{font-size:.8125rem!important}.settings-trial-pricing-note{font-size:.75rem!important}.settings-trial-notice-box{font-size:.8125rem;margin-top:.75rem;padding:.75rem}.settings-trial-notice-box strong{white-space:nowrap}.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}.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 h3{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 .settings-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 h3{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:hover{border-color:#a855f7;box-shadow:0 2px 8px #a855f733}.dark-mode .billing-item-info h4{color:#fff}.dark-mode .billing-item-info p{color:#b0b0b0}.dark-mode .amount,.dark-mode .billing-item-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 .settings-trial-modal-overlay{background:#000c}.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 .settings-trial-modal-close{color:#b0b0b0}.dark-mode .settings-trial-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 .trial-info-section{background:linear-gradient(135deg,#a855f714,#9333ea14);border-color:#a855f74d}.dark-mode .trial-info-header h4{color:#c084fc}.dark-mode .trial-info-badge{background:linear-gradient(135deg,#c084fc,#a855f7);border-color:#c084fc;box-shadow:0 4px 12px #c084fc66}.dark-mode .trial-info-badge svg{stroke:#fff}.dark-mode .trial-info-badge span{color:#fff}.dark-mode .trial-info-label{color:#9ca3af}.dark-mode .trial-info-value{color:#f3f4f6}.dark-mode .trial-info-note{border-top-color:#a855f733;color:#9ca3af}.dark-mode .trial-action-btn.cancel{background:linear-gradient(135deg,#f87171,#ef4444);border-color:#f87171;color:#fff}.dark-mode .trial-action-btn.cancel:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444}.dark-mode .trial-action-btn.resume{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-color:#a78bfa;color:#fff}.dark-mode .trial-action-btn.resume:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6}.dark-mode .trial-action-btn.upgrade{background:linear-gradient(135deg,#34d399,#10b981);border-color:#34d399;color:#fff}.dark-mode .trial-action-btn.upgrade:hover{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.dark-mode .trial-action-btn:disabled{background:#374151!important;border-color:#4b5563!important;color:#6b7280!important}.dark-mode .settings-trial-upgrade-processing-banner{background:#8b5cf626!important;border:1px solid #8b5cf666!important}.dark-mode .settings-trial-upgrade-spinner{border-color:#a78bfa #8b5cf666 #8b5cf666!important}.dark-mode .settings-trial-upgrade-processing-text{color:#a78bfa!important}.dark-mode .settings-trial-modal-content{background:#0a0a0a!important}.dark-mode .settings-trial-modal-header h3{color:#f3f4f6}.dark-mode .settings-trial-pricing-breakdown{background:linear-gradient(135deg,#10b9811f,#0596691f);border-color:#10b98166}.dark-mode .settings-trial-pricing-header{color:#34d399}.dark-mode .settings-trial-pricing-row{color:#e5e7eb}.dark-mode .settings-trial-pricing-row.vat{color:#9ca3af}.dark-mode .settings-trial-pricing-row.total{border-top-color:#10b9814d;color:#f3f4f6}.dark-mode .settings-trial-pricing-note{color:#9ca3af}.dark-mode .settings-trial-modal-body li,.dark-mode .settings-trial-modal-body p,.dark-mode .settings-trial-modal-body ul{color:#d1d5db}.dark-mode .settings-trial-modal-footer{border-top-color:#2a2a2a}.dark-mode .settings-trial-modal-btn.secondary{background:#1f1f1f;color:#e5e7eb}.dark-mode .settings-trial-modal-btn.secondary:hover{background:#2a2a2a}.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%}}.custom-color-picker{max-width:400px}.settings-color-swatches-container{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.settings-color-swatch-item{cursor:pointer;transition:all .2s ease}.settings-color-swatch-circle{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;height:48px;justify-content:center;transition:all .2s ease;width:48px}.settings-color-swatch-item:hover .settings-color-swatch-circle{box-shadow:0 4px 12px #0003;transform:scale(1.15)}.settings-color-swatch-item.active .settings-color-swatch-circle{box-shadow:0 0 0 3px #a855f780;transform:scale(1.1)}.save-default-color-button{align-items:center;background:#a855f7;border:2px solid #a855f7;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;justify-content:center;margin-bottom:1rem;min-height:48px;padding:.75rem 1.25rem;transition:all .2s ease}.save-default-color-button:hover:not(:disabled){background:#9333ea;border-color:#9333ea}.save-default-color-button:disabled{cursor:not-allowed;opacity:.6}.color-save-message{color:#22c55e;font-size:.875rem;font-weight:500;margin-bottom:1rem}.black-color-warning{align-items:flex-start;background:linear-gradient(135deg,#fbbf241a,#f59e0b14);border:1.5px solid #fbbf244d;border-radius:12px;color:#f59e0b;display:flex;font-size:.875rem;gap:.75rem;line-height:1.6;margin-bottom:1rem;margin-top:1rem;padding:1rem}.black-color-warning svg{stroke:#f59e0b;flex-shrink:0;margin-top:2px}.black-color-warning strong{color:#f59e0b;font-weight:600}@media (max-width:1199px){.settings-color-swatch-circle{height:44px!important;width:44px!important}.settings-color-swatches-container{gap:.6rem!important}.save-default-color-button{font-size:.875rem;min-height:44px!important;padding:.65rem 1.1rem}}@media (max-width:767px){.settings-color-swatch-circle{height:40px!important;width:40px!important}.settings-color-swatches-container{gap:.5rem!important}.save-default-color-button{font-size:.8125rem;min-height:42px!important;padding:.6rem 1rem}.color-save-message{font-size:.8125rem}.black-color-warning{font-size:.8125rem;gap:.625rem;padding:.875rem}}@media (max-width:480px){.settings-color-swatch-circle{height:36px!important;width:36px!important}.settings-color-swatches-container{gap:.5rem!important}.save-default-color-button{font-size:.75rem;min-height:38px!important;padding:.55rem .9rem}.color-save-message{font-size:.75rem}.black-color-warning{border-radius:10px;font-size:.75rem;gap:.5rem;padding:.75rem}.black-color-warning svg{height:14px;width:14px}}@media (max-width:400px){.save-default-color-button{font-size:.7rem;min-height:36px!important;padding:.5rem .85rem}}@media (max-width:360px){.settings-color-swatch-circle{height:32px!important;width:32px!important}.settings-color-swatches-container{gap:.4rem!important}.save-default-color-button{font-size:.6875rem;min-height:36px!important;padding:.5rem .8rem}.color-save-message{font-size:.6875rem}}.color-picker-inline .custom-color-picker{max-width:400px;width:100%}.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{gap:.75rem}.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:#a855f7;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}.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}@media (max-width:400px){.settings-container{padding:.5rem!important}.settings-header{gap:.5rem!important;margin-bottom:.75rem!important;padding-left:0!important}.settings-icon{border-radius:8px!important;padding:8px!important}.settings-icon svg{height:18px!important;width:18px!important}.settings-title{font-size:1.25rem!important}.settings-subtitle,.unsaved-changes-warning{font-size:.75rem!important}.unsaved-changes-warning{gap:.5rem!important;margin-bottom:1rem!important;padding:.625rem .75rem!important}.warning-icon svg{height:16px!important;width:16px!important}.settings-content{gap:.75rem!important}.settings-sidebar{border-radius:8px!important;gap:.375rem!important;padding:.75rem!important}.settings-tab{padding:.625rem .75rem!important}.settings-trial-modal-content{height:auto!important;margin:.25rem!important;max-height:none!important;max-width:calc(100% - .5rem)!important}.settings-trial-modal-header{padding:1rem 1.125rem!important}.settings-trial-modal-header h3{font-size:.9375rem!important}.settings-trial-modal-body{flex-shrink:1!important;overflow-y:visible!important;padding:1.125rem!important}.settings-trial-modal-body p{font-size:.875rem!important;margin-bottom:.75rem!important}.settings-trial-modal-body ul{margin:.75rem 0!important;padding-left:1.25rem!important}.settings-trial-modal-body li{font-size:.875rem!important;margin-bottom:.375rem!important}.settings-trial-modal-footer{padding:1rem!important}.settings-trial-modal-btn{font-size:.8125rem!important;padding:.5rem 1rem!important}.settings-trial-pricing-breakdown{margin:.625rem 0!important;padding:.625rem!important}.settings-trial-pricing-header{font-size:.8125rem!important;margin-bottom:.625rem!important}.settings-trial-benefits-list{margin:.625rem 0!important;padding:.625rem .625rem .625rem .875rem!important}.settings-trial-benefits-list li{margin-bottom:.375rem!important;padding:.375rem .5rem .375rem .625rem!important}.settings-trial-benefit-icon{font-size:.6875rem!important}.settings-trial-benefit-text{font-size:.75rem!important}.settings-trial-pricing-row{font-size:.8125rem!important}.settings-trial-pricing-row.total{font-size:.875rem!important}.settings-trial-pricing-note{border-radius:8px!important;font-size:.6875rem!important;font-size:.8125rem!important;gap:.5rem!important;margin-bottom:0!important;margin-top:.625rem!important}.settings-trial-notice-box{border-radius:6px;font-size:.6875rem;line-height:1.4;margin-top:.625rem;padding:.625rem}.settings-trial-notice-box strong{white-space:nowrap}.tab-icon svg{height:16px!important;width:16px!important}.settings-main{border-radius:8px!important;margin:.75rem 0 0!important;padding:.75rem 0 0!important}.settings-section{border-radius:8px!important;border-width:1px!important;padding:1rem!important}.section-header{margin-bottom:1rem!important}.section-header h3{font-size:1rem!important;margin-bottom:.25rem!important}.section-header p{font-size:.75rem!important}.trial-info-section{border-radius:8px!important;padding:.75rem!important}.trial-info-header{gap:.5rem!important;margin-bottom:.75rem!important}.trial-info-header h3{font-size:.875rem!important}.trial-info-badge{font-size:.6875rem!important;padding:.25rem .5rem!important}.trial-info-label{font-size:.75rem!important}.trial-info-value{font-size:.8125rem!important}.trial-info-note{font-size:.6875rem!important;margin-top:.75rem!important;padding-top:.625rem!important}.trial-info-actions{gap:.5rem!important}.trial-action-btn{font-size:.8125rem!important;padding:.625rem .875rem!important}.settings-trial-modal-header{padding:1rem 1.25rem!important}.settings-trial-modal-header h3{font-size:1rem!important}.settings-trial-modal-body{font-size:.875rem!important;padding:1.25rem!important}.settings-trial-modal-footer{gap:.5rem!important;padding:1rem 1.25rem!important}.settings-trial-modal-btn{font-size:.875rem!important;padding:.625rem 1.25rem!important}.section-header p{font-size:.8125rem!important}.avatar-section{border-radius:8px!important;margin-bottom:1rem!important;padding:.875rem!important}.avatar-container{gap:.875rem!important;margin-bottom:.75rem!important}.avatar-display{border-width:2px!important;height:50px!important;width:50px!important}.avatar-placeholder{font-size:1.125rem!important}.avatar-controls{flex-direction:column!important;gap:.5rem!important;width:100%!important}.avatar-upload-btn,.remove-avatar-btn{font-size:.8125rem!important;gap:.375rem!important;padding:.625rem .875rem!important;width:100%!important}.avatar-upload-btn svg,.remove-avatar-btn svg{height:14px!important;width:14px!important}.avatar-info{margin-top:.75rem!important}.avatar-help{font-size:.75rem!important;margin-bottom:.125rem!important}.avatar-formats{font-size:.6875rem!important}.form-grid{gap:.875rem!important;margin-bottom:1rem!important}.form-group{margin-bottom:.875rem!important}.form-group label{font-size:.8125rem!important;margin-bottom:.375rem!important}.form-input{border-radius:8px!important;border-width:1px!important;font-size:.875rem!important;padding:.625rem .75rem!important}.field-help-text{font-size:.75rem!important;margin-top:.375rem!important}.security-section{margin-bottom:1rem!important;margin-top:1rem!important;padding-top:1rem!important}.security-header{gap:.5rem!important;margin-bottom:1rem!important}.security-icon svg{height:18px!important;width:18px!important}.security-header h3{font-size:1.125rem!important}.security-buttons{gap:.625rem!important}.security-buttons button{font-size:.8125rem!important;min-height:38px!important;padding:.625rem 1rem!important}.btn-danger,.btn-primary,.btn-secondary,.settings-color-section .btn-primary,.settings-shading-section .btn-primary{font-size:.7rem!important;min-height:36px!important;padding:.5rem .85rem!important}.settings-plan-card{border-radius:8px!important;margin-bottom:1rem!important;padding:1rem!important}.plan-header{align-items:flex-start!important;flex-direction:column!important;gap:.625rem!important;margin-bottom:1rem!important}.plan-header>div{gap:.375rem!important}.plan-header h2,.plan-header>div h2{font-size:1.125rem!important}.plan-header p,.plan-header>div p{font-size:.75rem!important}.plan-icon svg{height:18px!important;width:18px!important}.plan-subtitle{font-size:.8125rem!important;margin-bottom:1rem!important;margin-top:.375rem!important}.current-plan{border-radius:8px!important;gap:.75rem!important;margin-bottom:1rem!important;padding:1rem!important}.plan-info h3{font-size:1rem!important;margin-bottom:.125rem!important}.plan-price{font-size:.8125rem!important;gap:.375rem!important}.billing-interval-badge{border-radius:3px!important;font-size:.625rem!important;padding:.125rem .375rem!important}.plan-status{border-radius:8px!important;font-size:.75rem!important;padding:.375rem .75rem!important}.credits-breakdown-text,.plan-secondary-text{font-size:.75rem!important;margin-top:.125rem!important}.no-subscription-cta{border-radius:8px!important;margin-bottom:1rem!important;padding:1.25rem!important}.no-subscription-cta .emoji-icon{font-size:2rem!important;margin-bottom:.625rem!important}.no-subscription-cta h3{font-size:1.125rem!important;margin-bottom:.375rem!important}.no-subscription-cta p{font-size:.8125rem!important;margin-bottom:1rem!important}.no-subscription-cta .cta-button-wrapper{gap:.625rem!important}.no-subscription-cta .btn-primary{font-size:.875rem!important;padding:.625rem 1.25rem!important}.no-subscription-features{gap:.625rem!important;grid-template-columns:1fr!important;margin-top:1rem!important}.feature-card{border-radius:6px!important;padding:.75rem!important}.feature-card .feature-icon{font-size:1.125rem!important;margin-bottom:.375rem!important}.feature-card h4{font-size:.75rem!important;margin-bottom:.125rem!important}.feature-card p{font-size:.6875rem!important}.usage-section{margin-bottom:1rem!important}.usage-section h4{font-size:1rem!important;margin-bottom:.75rem!important}.usage-stats{margin-bottom:.5rem!important}.usage-current{font-size:.875rem!important}.usage-bar{border-radius:3px!important;height:6px!important;margin-bottom:.5rem!important}.usage-remaining{font-size:.8125rem!important}.plan-actions{gap:.625rem!important}.plan-actions button{font-size:.8125rem!important;min-height:38px!important;padding:.625rem 1rem!important}.usage-history{padding-top:1rem!important}.usage-history h3{font-size:1.125rem!important;margin-bottom:.375rem!important}.usage-history p{font-size:.8125rem!important;margin-bottom:1rem!important}.history-item{border-radius:8px!important;gap:.75rem!important;padding:.875rem!important}.history-info{gap:.625rem!important}.download-icon{font-size:1rem!important}.history-info h4{font-size:.875rem!important;margin-bottom:.125rem!important}.history-info p{font-size:.75rem!important}.history-item .btn-secondary{font-size:.75rem!important;min-height:34px!important;padding:.5rem .75rem!important}.billing-card{border-radius:8px!important;padding:1rem!important}.billing-card,.billing-grid{margin-bottom:1rem!important}.billing-grid{gap:.875rem!important}.billing-info{border-radius:8px!important;gap:.375rem!important;padding:.875rem!important}.billing-info>div{gap:.5rem!important}.calendar-icon{font-size:1rem!important}.billing-info h4{font-size:.875rem!important;margin-bottom:.125rem!important}.billing-info p{font-size:.75rem!important}.billing-date{font-size:.8125rem!important}.subscription-warning{border-radius:6px!important;font-size:.75rem!important;gap:.375rem!important;padding:.375rem .5rem!important}.subscription-warning svg{height:14px!important;width:14px!important}.pending-downgrade-notice{border-radius:8px!important;gap:.5rem!important;margin:1rem 0!important;padding:.75rem!important}.pending-downgrade-icon svg{height:16px!important;width:16px!important}.pending-downgrade-title{font-size:.8125rem!important;margin-bottom:.375rem!important}.pending-downgrade-description{font-size:.75rem!important;margin-bottom:.375rem!important}.pending-downgrade-hint{font-size:.6875rem!important}.payment-method{margin-bottom:1rem!important}.payment-method h3{font-size:1rem!important;margin-bottom:.75rem!important}.payment-method p{font-size:.75rem!important}.card-info{border-radius:8px!important;gap:.75rem!important;padding:.875rem!important}.card-icon{font-size:1.125rem!important}.card-details{margin-left:0!important}.card-number{font-size:.875rem!important;margin-bottom:.125rem!important}.card-expiry{font-size:.75rem!important}.billing-actions{gap:.625rem!important;margin-bottom:1rem!important}.billing-actions button{font-size:.8125rem!important;min-height:38px!important;padding:.625rem 1rem!important}.billing-history{padding-top:1rem!important}.billing-history h3{font-size:1.5rem;margin-bottom:.5rem}.billing-history p{font-size:.8125rem!important;margin-bottom:1rem!important}.billing-item,.history-list{gap:.75rem!important}.billing-item{border-radius:8px!important;padding:.875rem!important}.billing-item-info h4{font-size:.875rem!important;margin-bottom:.125rem!important}.billing-item-info p{font-size:.75rem!important}.amount{font-size:.875rem!important;margin-bottom:.125rem!important}.status{font-size:.75rem!important}.notification-groups{gap:.875rem!important;margin-bottom:1rem!important}.notification-item{border-radius:8px!important;gap:.75rem!important;padding:.875rem!important}.notification-info h4{font-size:.875rem!important;margin-bottom:.375rem!important}.notification-info p{font-size:.75rem!important}.toggle-switch{transform:scale(.85)!important}.toggle-label{font-size:.75rem!important;margin-left:.375rem!important;min-width:60px!important}.btn-danger,.btn-primary,.btn-secondary{border-radius:10px!important;font-size:.8125rem!important;min-height:44px!important;padding:.5rem .875rem!important}.btn-link{font-size:.8125rem!important;gap:.375rem!important;padding:.375rem 0!important}.btn-link svg{height:14px!important;width:14px!important}.save-btn{margin-top:.75rem!important}.customization-card{border-radius:8px!important;padding:1rem!important}.customization-header{margin-bottom:1rem!important}.customization-header h3{font-size:1rem!important;margin-bottom:.375rem!important}.customization-header p{font-size:.75rem!important}.customization-content{gap:1rem!important}.color-picker-inline{border-radius:8px!important;padding:1rem .625rem!important}.color-display{gap:.625rem!important}.color-swatch-button{border-radius:8px!important;border-width:2px!important;height:45px!important;width:45px!important}.color-label{font-size:.75rem!important}.color-value{font-size:.8125rem!important}.color-picker-wrapper{border-radius:8px!important;min-width:240px!important;padding:.625rem!important}.custom-color-picker{gap:.75rem!important}.color-preview{border-radius:8px!important;border-width:2px!important;height:60px!important}.color-hex,.color-hex-input{border-radius:6px!important;font-size:.8125rem!important;padding:.375rem .75rem!important;width:110px!important}.slider-group{gap:.5rem!important}.slider-label{font-size:.75rem!important}.slider-value{border-radius:4px!important;font-size:.6875rem!important;padding:.25rem .5rem!important}.color-slider{border-radius:13px!important;height:26px!important}.color-slider::-webkit-slider-thumb{border-width:3px!important;height:22px!important;width:22px!important}.color-slider::-moz-range-thumb{border-width:3px!important;height:22px!important;width:22px!important}.black-color-btn{border-radius:6px!important;font-size:.8125rem!important;margin-top:.375rem!important;padding:.625rem .875rem!important}.black-color-btn svg{height:14px!important;width:14px!important}.customization-note{border-radius:6px!important;font-size:.75rem!important;gap:.5rem!important;padding:.75rem!important}.customization-note svg{height:16px!important;width:16px!important}.customization-content .message{border-radius:6px!important;font-size:.75rem!important;gap:.375rem!important;padding:.625rem .75rem!important}.modal-content{border-radius:10px!important;margin:.375rem!important;max-height:92vh!important}.modal-header{padding:1rem 1.25rem!important}.modal-header h3{font-size:1rem!important}.modal-close{font-size:1.5rem!important;height:2rem!important;padding:.375rem!important;width:2rem!important}.modal-body{padding:1rem!important}.modal-footer{gap:.5rem!important;padding:1rem 1.25rem!important}.modal-footer button{font-size:.8125rem!important;min-height:38px!important;padding:.625rem 1rem!important}.upgrade-modal .modal-header h2{font-size:1.25rem!important}.upgrade-modal-body{padding:1rem .75rem!important}.upgrade-subtitle{font-size:.8125rem!important;margin-bottom:1.5rem!important}.upgrade-warning{border-radius:6px!important;font-size:.8125rem!important;margin:1rem!important;padding:.75rem 1rem!important}.billing-toggle-upgrade{border-radius:8px!important;margin-bottom:1.5rem!important;padding:3px!important}.billing-toggle-upgrade .billing-btn{border-radius:6px!important;font-size:.8125rem!important;gap:6px!important;padding:8px 14px!important}.billing-toggle-upgrade .save-badge{border-radius:4px!important;font-size:.625rem!important;padding:1px 6px!important}.upgrade-plans-grid{gap:1rem!important}.upgrade-plan-card{border-radius:12px!important;padding:1.25rem 1rem!important}.most-popular-badge{border-radius:16px!important;font-size:.625rem!important;padding:4px 14px!important;top:-12px!important}.plan-header{margin-bottom:1.25rem!important}.upgrade-plan-card .plan-name{font-size:1.375rem!important;margin-bottom:.5rem!important}.upgrade-plan-card .plan-description{font-size:.875rem!important}.plan-pricing{margin-bottom:1.25rem!important}.currency{font-size:1.25rem!important;margin-right:3px!important;margin-top:6px!important}.price{font-size:2.5rem!important}.period{font-size:.875rem!important;margin-left:4px!important}.original-price,.yearly-info{font-size:.75rem!important}.original-price,.savings{margin-bottom:1px!important}.savings{font-size:.8125rem!important}.billing-note{font-size:.6875rem!important;margin-top:3px!important}.team-selector{border-radius:12px!important;margin-bottom:1.25rem!important;padding:.875rem!important}.team-header{margin-bottom:.5rem!important}.team-size{font-size:.875rem!important;gap:.375rem!important}.artist-controls{gap:.5rem!important}.control-btn{border-radius:6px!important;font-size:1rem!important;height:32px!important;width:32px!important}.team-breakdown{border-radius:6px!important;font-size:.75rem!important;padding:.375rem!important}.plan-features{margin-bottom:1.25rem!important}.feature-item{padding:.125rem 0!important}.check-icon{height:16px!important;width:16px!important}.check-icon svg{height:10px!important;width:10px!important}.feature-item span{font-size:.8125rem!important}.plan-button{border-radius:10px!important;font-size:.875rem!important;padding:.875rem 1.25rem!important}.no-upgrades{padding:2rem 1rem!important}.no-upgrades p:first-child{font-size:1.25rem!important;margin-bottom:.75rem!important}.no-upgrades-subtitle{font-size:.875rem!important}.confirmation-warning{padding:1rem!important}.confirmation-warning .warning-icon{font-size:2rem!important;margin-bottom:.75rem!important}.confirmation-warning h3{font-size:1.125rem!important;margin-bottom:.75rem!important}.confirmation-warning p{font-size:.8125rem!important;margin-bottom:.75rem!important}.confirmation-warning ul{font-size:.8125rem!important;margin:1rem auto!important}.confirmation-warning li{margin-bottom:.5rem!important}.confirmation-warning .confirmation-question{font-size:.875rem!important;margin-top:1rem!important}.confirmation-actions{gap:.625rem!important;padding:1rem!important}.confirmation-actions button{border-radius:6px!important;font-size:.8125rem!important;padding:.625rem 1.25rem!important}.auth-message{border-radius:6px!important;font-size:.75rem!important;margin-bottom:.75rem!important;padding:.625rem .75rem!important}.loading-preferences{font-size:.8125rem!important;padding:1.25rem!important}.settings-loading-content{gap:1rem!important}.settings-loading-text{font-size:.875rem!important}.studio-warning-body{max-height:calc(92vh - 160px)!important;padding:.875rem!important}.studio-warning-box{border-radius:6px!important;margin-bottom:.75rem!important;padding:.75rem!important}.studio-warning-box h4{font-size:.8125rem!important;margin-bottom:.25rem!important}.studio-warning-box p{font-size:.6875rem!important}.studio-warning-footer{gap:.5rem!important;padding:.875rem 1rem!important}.studio-warning-footer button{font-size:.8125rem!important;min-height:38px!important;padding:.625rem 1rem!important}.back-to-home{padding-top:1.25rem!important}}.settings-address-section{border-top:1px solid #e2e8f0;margin-bottom:2rem;padding-top:2rem}.settings-address-section h3{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.settings-address-section p{color:#718096;font-size:.875rem;margin:0 0 1.5rem}.settings-color-section{border-top:1px solid #e2e8f0;margin-bottom:2rem;padding-top:2rem}.settings-color-section h3{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.settings-color-section p{color:#718096;font-size:.875rem;margin:0 0 1.5rem}.settings-color-section .btn-primary{display:flex;margin:1rem 0 0;width:100%}.settings-shading-section{border-top:1px solid #e2e8f0;margin-bottom:2rem;padding-top:2rem}.settings-shading-section h3{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.settings-shading-section p{color:#718096;font-size:.875rem;margin:0 0 1.5rem}.settings-shading-section .btn-primary{display:flex;margin:1rem 0 0;width:100%}.shading-toggle-container{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.shading-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.shading-option:hover{background:#faf5ff;border-color:#a855f7}.shading-radio{align-items:center;border:2px solid #cbd5e1;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.shading-radio.active{background:#a855f7;border-color:#a855f7}.shading-radio svg{color:#fff}.shading-option-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.shading-option-icon{align-items:center;background:#f8faff;border-radius:8px;color:#a855f7;display:flex;height:40px;justify-content:center;width:40px}.shading-option-title{color:#1a202c;font-size:1rem;font-weight:600}.shading-option-desc{color:#718096;font-size:.875rem;margin-top:.125rem}.shading-preview-slider{align-items:center;display:flex;justify-content:center;margin-bottom:2rem;margin-top:2rem;width:100%}.shading-preview-slider .before-after-slider-customizable{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.settings-address-form{display:flex;flex-direction:column;gap:1rem}.settings-address-row{display:flex;gap:1rem;width:100%}.settings-address-row-split{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.settings-address-field{display:flex;flex-direction:column;gap:.5rem}.settings-address-field-full{width:100%}.settings-address-field-half{flex:1 1}.settings-address-field label{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.875rem;font-weight:500}.settings-address-input,.settings-address-select{background:#fff;background:var(--input-background,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;box-sizing:border-box;color:#1f2937;color:var(--text-primary,#1f2937);font-family:inherit;font-size:.9375rem;height:50%;height:45px;padding:.6875rem .875rem!important;transition:all .2s ease;width:100%}.settings-address-input:focus,.settings-address-select:focus{border-color:#9333ea;border-color:var(--primary-color,#9333ea);box-shadow:0 0 0 3px #9333ea1a;outline:none}.settings-address-input::placeholder{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.settings-address-select{background-image:none!important;background-position:right 1rem center;background-repeat:no-repeat!important;background-size:14px;cursor:pointer;padding-right:2.5rem}@supports ((-webkit-appearance:base-select) or (appearance:base-select)){.settings-address-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a855f7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat!important;background-size:14px;cursor:pointer;padding-right:2.5rem}}@supports ((-webkit-appearance:base-select) or (appearance:base-select)){.settings-address-select,.settings-address-select::picker(select){-webkit-appearance:base-select;appearance:base-select}.settings-address-select{background-image:none;padding:0}}.settings-address-select button{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;font-size:.9375rem;justify-content:space-between;padding:0;pointer-events:none!important;text-align:left;width:100%}.settings-address-select button *{pointer-events:none!important}.settings-address-select selectedcontent{flex:1 1;overflow:hidden;padding-left:0;padding-right:.5rem;pointer-events:none!important;text-overflow:ellipsis;white-space:nowrap}.settings-address-select selectedcontent *{pointer-events:none!important}.settings-address-select::picker-icon{align-items:center!important;color:#a855f7!important;display:flex!important;justify-content:center!important;margin-left:.5rem!important;margin-right:.25rem!important;pointer-events:none!important;transition:rotate .3s!important}.settings-address-select:open::picker-icon{rotate:180deg}.settings-address-select::picker(select){background:#fff;background:var(--input-background,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:anchor(left);margin-top:.25rem;max-height:300px;max-width:anchor-size(width);min-width:anchor-size(width);overflow-x:hidden;overflow-y:auto;padding:0;top:calc(anchor(bottom) + 4px);width:anchor-size(width)}.settings-address-select::picker(select){opacity:0;transform:translateY(-8px) scale(.96);transition:opacity .2s ease,transform .2s ease,display allow-discrete .2s ease,overlay allow-discrete .2s ease}.settings-address-select::picker(select):popover-open{opacity:1;transform:translateY(0) scale(1)}@starting-style{.settings-address-select::picker(select):popover-open{opacity:0;transform:translateY(-8px) scale(.96)}}.settings-address-select option{align-items:center!important;background:#0000!important;border:none!important;color:#1f2937!important;color:var(--text-primary,#1f2937)!important;cursor:pointer!important;display:flex!important;font-size:.875rem!important;margin:0!important;outline:none!important;padding:.5rem .75rem!important;transition:background .15s ease!important}.settings-address-select option:focus,.settings-address-select option:hover{background:#a855f714!important;outline:none!important}.settings-address-select option:checked{background:linear-gradient(135deg,#a855f726,#9333ea1f)!important;border:none!important;border-left:3px solid #a855f7!important;color:#9333ea!important;font-weight:600!important;outline:none!important;padding-left:calc(.75rem - 3px)!important}.settings-address-select option::checkmark{align-items:center;background:#a855f726;border-radius:4px;color:#a855f7;content:"✓";display:flex;font-size:1.25rem;font-weight:700;height:20px;justify-content:center;margin-left:auto;order:1;width:20px}@-moz-document url-prefix(){.settings-address-select{color-scheme:light!important}}.settings-address-select::-ms-expand{display:none}.settings-address-select:hover{background-color:#faf5ff;border-color:#a855f7}.settings-address-select:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f726;outline:none}.settings-address-actions{display:flex;justify-content:flex-start;margin-top:.5rem}.settings-address-button{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.settings-address-button-save{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 2px 8px #a855f74d;color:#fff}.settings-address-button-save:hover{box-shadow:0 4px 12px #a855f766;transform:translateY(-2px)}.settings-address-button-save:active{transform:translateY(0)}.dark-mode .settings-address-section{border-color:#2a2a2a}.dark-mode .settings-address-section h3{color:#fff}.dark-mode .settings-address-section p{color:#b0b0b0}.dark-mode .settings-color-section{border-color:#2a2a2a}.dark-mode .settings-color-section h3{color:#fff}.dark-mode .settings-color-section p{color:#b0b0b0}.dark-mode .settings-shading-section{border-color:#2a2a2a}.dark-mode .settings-shading-section h3{color:#fff}.dark-mode .settings-shading-section p{color:#b0b0b0}.dark-mode .shading-preview-slider{box-shadow:0 2px 8px #ffffff0d}.dark-mode .shading-option{background:#1a1a1a;border-color:#2a2a2a}.dark-mode .shading-option:hover{background:#1a0a2e;border-color:#a855f7}.dark-mode .shading-option-icon{background:#2a2a2a;color:#a855f7}.dark-mode .shading-option-title{color:#fff}.dark-mode .shading-option-desc{color:#b0b0b0}.dark-mode .shading-radio{border-color:#4a4a4a}.dark-mode .settings-address-field label{color:#fff}.dark-mode .settings-address-input,.dark-mode .settings-address-select{background:#000;border-color:#2a2a2a;color:#fff}.dark-mode .settings-address-input:focus,.dark-mode .settings-address-select:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}.dark-mode .settings-address-input::placeholder{color:grey}.dark-mode .settings-address-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b794f6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}@supports ((-webkit-appearance:base-select) or (appearance:base-select)){.dark-mode .settings-address-select{background-image:none;background:#000;border-color:#2a2a2a;color:#f3f4f6}.dark-mode .settings-address-select::picker(select){background:#000;border-color:#2a2a2a;box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d}}.dark-mode .settings-address-select button{color:#f3f4f6;color:var(--text-primary,#f3f4f6)}.dark-mode .settings-address-select::picker-icon{color:#b794f6}.dark-mode .settings-address-select option{background:#000!important;color:#f3f4f6!important}.dark-mode .settings-address-select option:focus,.dark-mode .settings-address-select option:hover{background:#a855f726!important}.dark-mode .settings-address-select option:checked{background:#a855f733!important;color:#e9d5ff!important}.dark-mode .settings-address-select option::checkmark{color:#b794f6}@-moz-document url-prefix(){.dark-mode .settings-address-select{color-scheme:dark}}.dark-mode .settings-address-select:hover{background-color:#1a0a2e;border-color:#a855f7}.dark-mode .settings-address-select:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}.settings-address-select::picker(select)::-webkit-scrollbar{width:8px}.settings-address-select::picker(select)::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.settings-address-select::picker(select)::-webkit-scrollbar-thumb{background:#a855f7;border-radius:4px}.settings-address-select::picker(select)::-webkit-scrollbar-thumb:hover{background:#9333ea}.dark-mode .settings-address-select::picker(select)::-webkit-scrollbar-track{background:#0f172a}.dark-mode .settings-address-select::picker(select)::-webkit-scrollbar-thumb{background:#b794f6}.dark-mode .settings-address-select::picker(select)::-webkit-scrollbar-thumb:hover{background:#a855f7}@media (max-width:1199px) and (min-width:857px){.settings-address-section h3,.settings-color-section h3,.settings-shading-section h3{font-size:1.5rem}.settings-address-section p,.settings-color-section p,.settings-shading-section p{font-size:.875rem;margin-bottom:1.5rem}.shading-option{gap:.875rem;padding:.875rem}.shading-option-icon{height:36px;width:36px}.shading-option-title{font-size:.9375rem}.shading-option-desc{font-size:.8125rem}.settings-address-form,.settings-address-row,.settings-address-row-split{gap:.875rem}.settings-address-input,.settings-address-select{font-size:.875rem;padding:.6875rem .875rem}.settings-address-select button{font-size:.875rem;padding:0}.settings-address-select::picker-icon{margin-left:.375rem!important;margin-right:.125rem!important}.settings-address-button{font-size:.875rem;padding:.6875rem 1.25rem}}@media (max-width:856px){.billing-history h3,.payment-method h3,.payment-method h4,.settings-address-section h3,.settings-color-section h3,.settings-shading-section h3{font-size:1.25rem}.settings-address-section p,.settings-color-section p,.settings-shading-section p{font-size:.875rem;margin-bottom:1.5rem}.shading-option{gap:.75rem;padding:.75rem}.shading-option-icon{height:32px;width:32px}.shading-option-title{font-size:.875rem}.shading-option-desc{font-size:.75rem}.settings-address-form,.settings-address-row,.settings-address-row-split{gap:.75rem}.settings-address-input,.settings-address-select{border-radius:6px;font-size:.875rem;padding:.625rem .75rem}.settings-address-select button{font-size:.875rem;padding:0}.settings-address-select::picker-icon{margin-left:.375rem!important;margin-right:.125rem!important}.settings-address-button{border-radius:6px;font-size:.875rem;padding:.625rem 1.125rem}}@media (max-width:575px){.billing-history h3,.payment-method h3,.payment-method h4,.settings-address-section h3,.settings-color-section h3,.settings-shading-section h3{font-size:1.25rem}.settings-address-section p,.settings-color-section p,.settings-shading-section p{font-size:.875rem;margin-bottom:1.5rem}.shading-option{gap:.625rem;padding:.625rem}.shading-option-content{gap:.5rem}.shading-option-icon{height:28px;width:28px}.shading-option-title{font-size:.8125rem}.shading-option-desc{font-size:.6875rem}.settings-address-form,.settings-address-row{gap:.625rem}.settings-address-row-split{gap:.625rem;grid-template-columns:1fr}.settings-address-field label{font-size:.8125rem}.settings-address-input,.settings-address-select{font-size:.8125rem;padding:.5625rem .75rem}.settings-address-select button{font-size:.8125rem;padding:0}.settings-address-actions{margin-top:.25rem}.settings-address-button{font-size:.8125rem;padding:.625rem 1rem;width:100%}}@media (max-width:480px){.billing-history h3,.payment-method h3,.payment-method h4,.settings-address-section h3,.settings-color-section h3,.settings-shading-section h3{font-size:1.125rem}.shading-option{gap:.5rem;padding:.5rem}.shading-option-content{gap:.375rem}.shading-option-icon{border-radius:6px;height:28px;width:28px}.shading-option-icon svg{height:16px;width:16px}.shading-option-title{font-size:.8125rem}.shading-option-desc{font-size:.6875rem}.shading-radio{height:18px;width:18px}.shading-radio svg{height:10px;width:10px}.settings-address-description{font-size:.6875rem;line-height:1.4}.settings-address-field label{font-size:.75rem;gap:.375rem}.settings-address-input,.settings-address-select{font-size:.75rem;padding:.5rem .625rem}.settings-address-select button{font-size:.75rem;padding:0}.settings-address-button{font-size:.75rem;padding:.5625rem .875rem}}@media (max-width:400px){.billing-history h3,.payment-method h3,.payment-method h4,.settings-address-section h3,.settings-color-section h3,.settings-shading-section h3{font-size:1.0625rem}.settings-address-section p,.settings-color-section p,.settings-shading-section p{font-size:.75rem}.shading-option{gap:.5rem;padding:.5rem}.shading-option-content{gap:.375rem}.shading-option-icon{border-radius:6px;height:28px;width:28px}.shading-option-icon svg{height:16px;width:16px}.shading-option-title{font-size:.75rem}.shading-option-desc{font-size:.625rem}.shading-radio{height:16px;width:16px}.shading-radio svg{height:9px;width:9px}.settings-address-description{font-size:.625rem}.settings-address-field label{font-size:.6875rem}.settings-address-input,.settings-address-select{font-size:.6875rem;padding:.5rem}.settings-address-select button{font-size:.6875rem}.settings-address-button{font-size:.6875rem;padding:.5rem .75rem}}.settings-orders-loading{background:linear-gradient(135deg,#a855f708,#a855f703);border:1px solid #e2e8f0;border-radius:12px;margin-top:1.5rem;padding:3rem 2rem;text-align:center}.settings-orders-loading p{color:#718096;font-size:.9375rem;font-weight:500;margin-top:1rem}.settings-orders-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#a855f7;display:inline-block;height:40px;width:40px}.dark-mode .settings-orders-loading{background:linear-gradient(135deg,#a855f714,#a855f705);border-color:#2a2a2a}.dark-mode .settings-orders-loading p{color:#b0b0b0}.dark-mode .settings-orders-spinner{border-color:#a855f7 #2a2a2a #2a2a2a}.settings-pagination{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:.5rem;justify-content:center;margin-top:2rem;padding-top:1.5rem}.settings-pagination-button{align-items:center;background:#f8faff;border:2px solid #e2e8f0;border-radius:8px;color:#a855f7;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s ease}.settings-pagination-button:hover:not(:disabled){background:#a855f70d;border-color:#a855f7}.settings-pagination-button:disabled{cursor:not-allowed;opacity:.5}.settings-pagination-button svg{flex-shrink:0}.settings-pagination-numbers{align-items:center;display:flex;gap:.5rem}.settings-pagination-number{align-items:center;background:#f8faff;border:2px solid #e2e8f0;border-radius:8px;color:#1a202c;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:40px;justify-content:center;min-width:40px;padding:.5rem;transition:all .2s ease}.settings-pagination-number:hover:not(:disabled){background:#a855f70d;border-color:#a855f7;color:#a855f7}.settings-pagination-number.active{background:#a855f7;border-color:#a855f7;color:#fff}.settings-pagination-number:disabled{cursor:not-allowed;opacity:.5}.settings-pagination-ellipsis{color:#718096;font-weight:500;padding:0 .25rem}.dark-mode .settings-pagination{border-top-color:#2a2a2a}.dark-mode .settings-pagination-button{background:#111;border-color:#2a2a2a;color:#a855f7}.dark-mode .settings-pagination-button:hover:not(:disabled){background:#a855f71a;border-color:#a855f7}.dark-mode .settings-pagination-number{background:#111;border-color:#2a2a2a;color:#fff}.dark-mode .settings-pagination-number:hover:not(:disabled){background:#a855f71a;border-color:#a855f7;color:#a855f7}.dark-mode .settings-pagination-number.active{background:#a855f7;border-color:#a855f7;color:#fff}.dark-mode .settings-pagination-ellipsis{color:grey}@media (max-width:1199px) and (min-width:857px){.settings-pagination{flex-wrap:wrap;gap:.75rem}.settings-pagination-button{font-size:.9375rem;padding:.75rem 1.25rem}.settings-pagination-number{font-size:.9375rem;height:44px;min-width:44px}}@media (max-width:856px){.settings-pagination{gap:.5rem}.settings-pagination-button{font-size:.875rem}.settings-pagination-number{font-size:.875rem;height:40px;min-width:40px}.settings-pagination-next,.settings-pagination-prev{gap:0!important;height:40px;min-width:40px!important;padding:.625rem!important;width:40px!important}.settings-pagination-button span{display:none}}@media (max-width:575px){.settings-pagination{gap:.375rem}.settings-pagination-button{font-size:.8125rem;padding:.5rem .75rem}.settings-pagination-number{font-size:.8125rem;height:36px;min-width:36px}.settings-pagination-next,.settings-pagination-prev{gap:0!important;min-width:36px!important;padding:.5rem!important;width:36px!important}}@media (max-width:480px){.settings-pagination{gap:.25rem;margin-top:1.5rem;padding-top:1rem}.settings-pagination-number{font-size:.75rem;height:32px;min-width:32px;padding:.375rem}.settings-pagination-next,.settings-pagination-prev{gap:0!important;height:32px!important;min-width:32px!important;padding:.375rem!important;width:32px!important}.settings-pagination-next svg,.settings-pagination-prev svg{height:14px;width:14px}}@media (max-width:400px){.settings-pagination{gap:.25rem;margin-top:1.25rem;padding-top:.875rem}.settings-pagination-number{font-size:.6875rem;height:28px;min-width:28px;padding:.25rem}.settings-pagination-next,.settings-pagination-prev{gap:0!important;height:28px!important;min-width:28px!important;padding:.35rem!important;width:28px!important}.settings-pagination-next svg,.settings-pagination-prev svg{height:12px;width:12px}}.settings-password-reset-overlay{align-items:center;animation:settingsPasswordResetFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.settings-password-reset-content{animation:settingsPasswordResetSlideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow-y:auto;position:relative;width:100%}.settings-password-reset-close{align-items:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px;z-index:10}.settings-password-reset-close:hover{background:#0000001a;transform:rotate(90deg)}.settings-password-reset-close svg{color:#6b7280}.settings-password-reset-icon{display:flex;justify-content:center;padding:2rem 2rem 0}.settings-password-reset-icon svg{color:#a855f7;height:48px;width:48px}.settings-password-reset-header{padding:1rem 2rem;text-align:center}.settings-password-reset-header h3{color:#111827;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.settings-password-reset-header p{color:#6b7280;font-size:.9375rem;line-height:1.5;margin:0}.settings-password-reset-body{padding:0 2rem 2rem}.settings-password-reset-alert{align-items:flex-start;border-radius:10px;display:flex;font-size:.875rem;gap:.75rem;line-height:1.5;margin-bottom:1.5rem;padding:.875rem 1rem}.settings-password-reset-alert-error{background-color:#ef44441a;border:1px solid #ef444433;color:#dc2626}.settings-password-reset-alert svg{flex-shrink:0;height:18px;margin-top:.125rem;width:18px}.settings-password-reset-email-display{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.settings-password-reset-email-display svg{color:#9333ea;flex-shrink:0}.settings-password-reset-email-display span{color:#111827;font-size:.9375rem;font-weight:500}.settings-password-reset-info{display:flex;flex-direction:column;gap:.75rem}.settings-password-reset-info-item{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.625rem}.settings-password-reset-info-item svg{color:#10b981;flex-shrink:0}.settings-password-reset-footer{background:linear-gradient(180deg,#0000 0,#00000005);border-top:1px solid #0000000f;display:flex;gap:.75rem;margin-top:auto;padding:1.5rem}.settings-password-reset-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}.settings-password-reset-btn:disabled{cursor:not-allowed;opacity:.5}.settings-password-reset-btn-secondary{background:#fff;border:1.5px solid #e5e7eb;color:#6b7280}.settings-password-reset-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.settings-password-reset-btn-primary{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 4px 12px #a855f74d;color:#fff}.settings-password-reset-btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #a855f766;transform:translateY(-2px)}.settings-password-reset-spinner{animation:settingsPasswordResetSpin 1s linear infinite}@keyframes settingsPasswordResetFadeIn{0%{opacity:0}to{opacity:1}}@keyframes settingsPasswordResetSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes settingsPasswordResetSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dark-mode .settings-password-reset-content{background:#1a1a1a;box-shadow:0 20px 60px #0009}.dark-mode .settings-password-reset-close{background:#ffffff0d}.dark-mode .settings-password-reset-close:hover{background:#ffffff1a}.dark-mode .settings-password-reset-close svg{color:#d1d5db}.dark-mode .settings-password-reset-header h3{color:#f9fafb}.dark-mode .settings-password-reset-header p{color:#9ca3af}.dark-mode .settings-password-reset-alert-error{background-color:#dc262626;border-color:#dc26264d;color:#fca5a5}.dark-mode .settings-password-reset-email-display{background:linear-gradient(135deg,#262626,#1f1f1f);border-color:#404040}.dark-mode .settings-password-reset-email-display span{color:#e5e7eb}.dark-mode .settings-password-reset-info-item{color:#9ca3af}.dark-mode .settings-password-reset-footer{background:linear-gradient(180deg,#0000 0,#ffffff05);background-color:#0f0f0f;border-top-color:#262626}.dark-mode .settings-password-reset-btn-secondary{background:#262626;border-color:#404040;color:#d1d5db}.dark-mode .settings-password-reset-btn-secondary:hover:not(:disabled){background:#2d2d2d;border-color:#525252}.dark-mode .settings-password-reset-btn-primary{background:linear-gradient(135deg,#a855f7,#9333ea)}@media (max-width:1199px){.settings-password-reset-content{max-width:450px!important;padding:0!important}.settings-password-reset-icon{padding:1.75rem 1.75rem 0!important}.settings-password-reset-icon svg{height:44px!important;width:44px!important}.settings-password-reset-header{padding:.875rem 1.75rem!important}.settings-password-reset-header h3{font-size:1.375rem!important}.settings-password-reset-header p{font-size:.875rem!important}.settings-password-reset-body{padding:0 1.75rem 1.75rem!important}.settings-password-reset-footer{flex-direction:row!important;justify-content:flex-end!important;padding:1.375rem!important}.settings-password-reset-btn{flex:0 0 auto!important;min-width:120px!important}}@media (max-width:768px){.settings-password-reset-overlay{padding:.5rem!important}.settings-password-reset-content{border-radius:18px!important;max-height:88vh!important;max-width:95%!important;width:95%!important}.settings-password-reset-close{height:32px!important;right:.875rem!important;top:.875rem!important;width:32px!important}.settings-password-reset-icon{padding:1.5rem 1.5rem 0!important}.settings-password-reset-icon svg{height:42px!important;width:42px!important}.settings-password-reset-header{padding:.75rem 1.5rem!important}.settings-password-reset-header h3{font-size:1.3rem!important}.settings-password-reset-header p{font-size:.9375rem!important;line-height:1.5!important}.settings-password-reset-body{padding:0 1.5rem 1.5rem!important}.settings-password-reset-alert{font-size:.9375rem!important;padding:.75rem .875rem!important}.settings-password-reset-email-display{font-size:1rem!important;padding:.875rem!important}.settings-password-reset-email-display span{font-size:1rem!important}.settings-password-reset-info-item{font-size:.9375rem!important}.settings-password-reset-footer{flex-direction:column-reverse!important;gap:.625rem!important;padding:1.25rem!important}.settings-password-reset-btn{flex:1 1!important;font-size:1rem!important;padding:.875rem!important;width:100%!important}}@media (max-width:575px){.settings-password-reset-content{border-radius:16px!important;max-height:82vh!important}.settings-password-reset-close{height:30px!important;right:.75rem!important;top:.75rem!important;width:30px!important}.settings-password-reset-icon{padding:1.375rem 1.375rem 0!important}.settings-password-reset-icon svg{height:38px!important;width:38px!important}.settings-password-reset-header{padding:.625rem 1.375rem!important}.settings-password-reset-header h3{font-size:1.15rem!important}.settings-password-reset-header p{font-size:.875rem!important}.settings-password-reset-body{padding:0 1.375rem 1.375rem!important}.settings-password-reset-alert{font-size:.875rem!important;padding:.625rem .75rem!important}.settings-password-reset-email-display{padding:.75rem!important}.settings-password-reset-email-display span{font-size:.9375rem!important}.settings-password-reset-info-item{font-size:.875rem!important}.settings-password-reset-footer{padding:1.125rem!important}.settings-password-reset-btn{font-size:.9375rem!important;padding:.8125rem!important}}@media (max-width:400px){.settings-password-reset-overlay{padding:.5rem!important}.settings-password-reset-content{border-radius:12px!important;margin:.5rem!important;max-height:72vh!important;max-width:95%!important;width:95%!important}.settings-password-reset-close{height:28px!important;padding:.25rem!important;right:.65rem!important;top:.65rem!important;width:28px!important}.settings-password-reset-close svg{height:16px!important;width:16px!important}.settings-password-reset-icon{padding:1.125rem 1.125rem 0!important}.settings-password-reset-icon svg{height:34px!important;width:34px!important}.settings-password-reset-header{padding:.5rem 1.125rem!important}.settings-password-reset-header h3{font-size:1rem!important;margin-bottom:.375rem!important}.settings-password-reset-header p{font-size:.8125rem!important;line-height:1.4!important}.settings-password-reset-body{padding:0 1.125rem 1.125rem!important}.settings-password-reset-alert{font-size:.8125rem!important;gap:.5rem!important;padding:.5rem .625rem!important}.settings-password-reset-alert svg{height:16px!important;width:16px!important}.settings-password-reset-email-display{gap:.5rem!important;margin-bottom:1.125rem!important;padding:.625rem .75rem!important}.settings-password-reset-email-display svg{height:18px!important;width:18px!important}.settings-password-reset-email-display span{font-size:.875rem!important}.settings-password-reset-info{gap:.625rem!important}.settings-password-reset-info-item{font-size:.8125rem!important;gap:.5rem!important}.settings-password-reset-info-item svg{height:16px!important;width:16px!important}.settings-password-reset-footer{gap:.5rem!important;padding:1rem!important}.settings-password-reset-btn{border-radius:8px!important;font-size:.875rem!important;padding:.75rem!important}.settings-password-reset-btn-primary svg{height:16px!important;width:16px!important}}.studio-billing-warning-overlay{align-items:center;animation:studioBillingWarningFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.studio-billing-warning-content{animation:studioBillingWarningSlideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow-y:auto;position:relative;width:100%}.studio-billing-warning-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.studio-billing-warning-header h3{color:#111827;font-size:1.25rem;font-weight:600;line-height:1.2;margin:0}.studio-billing-warning-close{align-items:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;min-height:32px;min-width:32px;transition:all .2s ease;width:32px}.studio-billing-warning-close:hover{background:#0000001a;transform:rotate(90deg)}.studio-billing-warning-close svg{color:#6b7280;height:20px;width:20px}.studio-billing-warning-body{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.studio-billing-warning-box{align-items:flex-start;border:2px solid;border-radius:12px;display:flex;gap:.75rem;padding:1rem}.studio-billing-warning-box-danger{background:#ef44441a;border-color:#ef4444}.studio-billing-warning-box-purple{background:#a855f71a;border-color:#a855f7}.studio-billing-warning-box-warning{background:#fbbf241a;border-color:#f59e0b}.studio-billing-warning-box span{flex-shrink:0;font-size:1.5rem;line-height:1}.studio-billing-warning-box h4{font-size:.95rem;font-weight:600;margin:0 0 .5rem}.studio-billing-warning-box-danger h4{color:#ef4444}.studio-billing-warning-box-purple h4{color:#a855f7}.studio-billing-warning-box-warning h4{color:#f59e0b}.studio-billing-warning-box p{color:#374151;font-size:.875rem;line-height:1.5;margin:0}.studio-billing-warning-box>div{flex:1 1;min-width:0}.studio-billing-warning-info{color:#9ca3af;font-size:.85rem;font-style:italic;margin:0;padding:0 .5rem;text-align:center}.studio-billing-warning-footer{background:linear-gradient(180deg,#0000 0,#00000005);border-top:1px solid #0000000f;display:flex;gap:.75rem;margin-top:auto;padding:1.5rem}.studio-billing-warning-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}.studio-billing-warning-btn:disabled{cursor:not-allowed;opacity:.5}.studio-billing-warning-btn-primary{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 4px 12px #a855f74d;color:#fff}.studio-billing-warning-btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #a855f766;transform:translateY(-2px)}.studio-billing-warning-btn-secondary{background:#fff;border:1.5px solid #e5e7eb;color:#6b7280}.studio-billing-warning-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}@keyframes studioBillingWarningFadeIn{0%{opacity:0}to{opacity:1}}@keyframes studioBillingWarningSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dark-mode .studio-billing-warning-content{background:#1a1a1a;box-shadow:0 20px 60px #0009}.dark-mode .studio-billing-warning-header{border-bottom-color:#262626}.dark-mode .studio-billing-warning-header h3{color:#f9fafb}.dark-mode .studio-billing-warning-close{background:#ffffff0d}.dark-mode .studio-billing-warning-close:hover{background:#ffffff1a}.dark-mode .studio-billing-warning-close svg{color:#d1d5db}.dark-mode .studio-billing-warning-box-danger{background:#dc262626;border-color:#ef444466}.dark-mode .studio-billing-warning-box-purple{background:#a855f726;border-color:#a855f766}.dark-mode .studio-billing-warning-box-warning{background:#fbbf2426;border-color:#f59e0b66}.dark-mode .studio-billing-warning-box p{color:#d1d5db}.dark-mode .studio-billing-warning-info{color:#9ca3af}.dark-mode .studio-billing-warning-footer{background:linear-gradient(180deg,#0000 0,#ffffff05);background-color:#0f0f0f;border-top-color:#262626}.dark-mode .studio-billing-warning-btn-secondary{background:#262626;border-color:#404040;color:#d1d5db}.dark-mode .studio-billing-warning-btn-secondary:hover:not(:disabled){background:#2d2d2d;border-color:#525252}@media (max-width:1199px){.studio-billing-warning-content{max-width:520px!important}.studio-billing-warning-header{padding:1.375rem!important}.studio-billing-warning-header h3{font-size:1.15rem!important}.studio-billing-warning-body{padding:1.375rem!important}.studio-billing-warning-box{padding:.875rem!important}.studio-billing-warning-box h4{font-size:.9rem!important}.studio-billing-warning-footer{flex-direction:row!important;justify-content:flex-end!important;padding:1.375rem!important}.studio-billing-warning-btn{flex:0 0 auto!important;min-width:140px!important}}@media (max-width:768px){.studio-billing-warning-overlay{padding:.5rem!important}.studio-billing-warning-content{border-radius:18px!important;max-height:88vh!important;max-width:95%!important;width:95%!important}.studio-billing-warning-header{padding:1.25rem!important}.studio-billing-warning-header h3{font-size:1.1rem!important}.studio-billing-warning-close{height:30px!important;min-height:30px!important;min-width:30px!important;width:30px!important}.studio-billing-warning-close svg{height:18px!important;width:18px!important}.studio-billing-warning-body{gap:.875rem!important;padding:1.25rem!important}.studio-billing-warning-box{gap:.625rem!important;padding:.75rem!important}.studio-billing-warning-box span{font-size:1.375rem!important}.studio-billing-warning-box h4{font-size:.9rem!important}.studio-billing-warning-box p{font-size:.9375rem!important}.studio-billing-warning-info{font-size:.9rem!important}.studio-billing-warning-footer{flex-direction:column-reverse!important;gap:.625rem!important;padding:1.25rem!important}.studio-billing-warning-btn{flex:1 1!important;font-size:1rem!important;padding:.875rem!important;width:100%!important}}@media (max-width:575px){.studio-billing-warning-content{border-radius:16px!important;max-height:82vh!important}.studio-billing-warning-header{padding:1.125rem!important}.studio-billing-warning-header h3{font-size:1.05rem!important}.studio-billing-warning-close{height:28px!important;min-height:28px!important;min-width:28px!important;width:28px!important}.studio-billing-warning-close svg{height:16px!important;width:16px!important}.studio-billing-warning-body{gap:.75rem!important;padding:1.125rem!important}.studio-billing-warning-box{padding:.625rem!important}.studio-billing-warning-box span{font-size:1.25rem!important}.studio-billing-warning-box h4{font-size:.875rem!important;margin-bottom:.375rem!important}.studio-billing-warning-box p{font-size:.875rem!important}.studio-billing-warning-info{font-size:.8125rem!important}.studio-billing-warning-footer{padding:1.125rem!important}.studio-billing-warning-btn{font-size:.9375rem!important;padding:.8125rem!important}}@media (max-width:400px){.studio-billing-warning-overlay{padding:.5rem!important}.studio-billing-warning-content{border-radius:12px!important;margin:.5rem!important;max-height:72vh!important;max-width:95%!important;width:95%!important}.studio-billing-warning-header{border-bottom:1px solid #e5e7eb!important;padding:1rem!important}.dark-mode .studio-billing-warning-header{border-bottom-color:#262626!important}.studio-billing-warning-header h3{font-size:.95rem!important}.studio-billing-warning-close{height:26px!important;min-height:26px!important;min-width:26px!important;width:26px!important}.studio-billing-warning-close svg{height:14px!important;width:14px!important}.studio-billing-warning-body{gap:.625rem!important;padding:1rem!important}.studio-billing-warning-box{border-width:1.5px!important;gap:.5rem!important;padding:.5rem .625rem!important}.studio-billing-warning-box span{font-size:1.125rem!important}.studio-billing-warning-box h4{font-size:.8125rem!important;margin-bottom:.25rem!important}.studio-billing-warning-box p{font-size:.8125rem!important;line-height:1.4!important}.studio-billing-warning-info{font-size:.75rem!important;padding:0 .25rem!important}.studio-billing-warning-footer{gap:.5rem!important;padding:1rem!important}.studio-billing-warning-btn{border-radius:8px!important;font-size:.875rem!important;padding:.75rem!important}}.cancel-trial-overlay{align-items:center;animation:cancelTrialFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.cancel-trial-content{animation:cancelTrialSlideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow-y:auto;position:relative;width:100%}.cancel-trial-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.cancel-trial-header h3{color:#111827;font-size:1.25rem;font-weight:600;line-height:1.2;margin:0}.cancel-trial-close{align-items:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;min-height:36px;min-width:36px;transition:all .2s ease;width:36px}.cancel-trial-close:hover:not(:disabled){background:#0000001a;transform:rotate(90deg)}.cancel-trial-close:disabled{cursor:not-allowed;opacity:.5}.cancel-trial-close svg{color:#6b7280}.cancel-trial-body{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.cancel-trial-body>p{color:#374151;font-size:.9375rem;font-weight:500;margin:0 0 .5rem}.cancel-trial-benefits-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.cancel-trial-benefits-list li{align-items:flex-start;background:#ef444414;border:1px solid #ef444433;border-radius:10px;display:flex;gap:.75rem;padding:.75rem}.cancel-trial-benefit-icon{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:20px;justify-content:center;margin-top:.125rem;min-width:20px;width:20px}.cancel-trial-benefit-text{color:#374151;flex:1 1;font-size:.875rem;line-height:1.5}.cancel-trial-notice-box{background:#fbbf241a;border:2px solid #f59e0b;border-radius:10px;color:#374151;font-size:.875rem;line-height:1.5;padding:1rem}.cancel-trial-notice-box strong{color:#f59e0b}.cancel-trial-footer{background:linear-gradient(180deg,#0000 0,#00000005);border-top:1px solid #0000000f;display:flex;gap:.75rem;margin-top:auto;padding:1.5rem}.cancel-trial-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}.cancel-trial-btn:disabled{cursor:not-allowed;opacity:.5}.cancel-trial-btn-secondary{background:#fff;border:1.5px solid #e5e7eb;color:#6b7280}.cancel-trial-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.cancel-trial-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.cancel-trial-btn-danger:hover:not(:disabled){box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}@keyframes cancelTrialFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cancelTrialSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dark-mode .cancel-trial-content{background:#1a1a1a;box-shadow:0 20px 60px #0009}.dark-mode .cancel-trial-header{border-bottom-color:#262626}.dark-mode .cancel-trial-header h3{color:#f9fafb}.dark-mode .cancel-trial-close{background:#ffffff0d}.dark-mode .cancel-trial-close:hover:not(:disabled){background:#ffffff1a}.dark-mode .cancel-trial-body>p,.dark-mode .cancel-trial-close svg{color:#d1d5db}.dark-mode .cancel-trial-benefits-list li{background:#ef444426;border-color:#ef44444d}.dark-mode .cancel-trial-benefit-text{color:#d1d5db}.dark-mode .cancel-trial-notice-box{background:#fbbf2426;border-color:#f59e0b66;color:#d1d5db}.dark-mode .cancel-trial-footer{background:linear-gradient(180deg,#0000 0,#ffffff05);background-color:#0f0f0f;border-top-color:#262626}.dark-mode .cancel-trial-btn-secondary{background:#262626;border-color:#404040;color:#d1d5db}.dark-mode .cancel-trial-btn-secondary:hover:not(:disabled){background:#2d2d2d;border-color:#525252}@media (max-width:1199px){.cancel-trial-content{max-width:480px!important}.cancel-trial-header{padding:1.375rem!important}.cancel-trial-header h3{font-size:1.15rem!important}.cancel-trial-body{padding:1.375rem!important}.cancel-trial-body>p{font-size:.875rem!important}.cancel-trial-benefits-list li{padding:.625rem!important}.cancel-trial-notice-box{padding:.875rem!important}.cancel-trial-footer{flex-direction:row!important;justify-content:flex-end!important;padding:1.375rem!important}.cancel-trial-btn{flex:0 0 auto!important;min-width:130px!important}}@media (max-width:768px){.cancel-trial-overlay{padding:.5rem!important}.cancel-trial-content{border-radius:18px!important;max-height:88vh!important;max-width:95%!important;width:95%!important}.cancel-trial-header{padding:1.25rem!important}.cancel-trial-header h3{font-size:1.1rem!important}.cancel-trial-close{height:32px!important;min-height:32px!important;min-width:32px!important;width:32px!important}.cancel-trial-close svg{height:18px!important;width:18px!important}.cancel-trial-body{gap:.875rem!important;padding:1.25rem!important}.cancel-trial-body>p{font-size:.9375rem!important;margin-bottom:.375rem!important}.cancel-trial-benefits-list{gap:.625rem!important}.cancel-trial-benefits-list li{padding:.75rem!important}.cancel-trial-benefit-text,.cancel-trial-notice-box{font-size:.9375rem!important}.cancel-trial-notice-box{padding:.875rem!important}.cancel-trial-footer{flex-direction:column-reverse!important;gap:.625rem!important;padding:1.25rem!important}.cancel-trial-btn{flex:1 1!important;font-size:1rem!important;padding:.875rem!important;width:100%!important}}@media (max-width:575px){.cancel-trial-content{border-radius:16px!important;max-height:82vh!important}.cancel-trial-header{padding:1.125rem!important}.cancel-trial-header h3{font-size:1.05rem!important}.cancel-trial-close{height:30px!important;min-height:30px!important;min-width:30px!important;width:30px!important}.cancel-trial-close svg{height:16px!important;width:16px!important}.cancel-trial-body{gap:.75rem!important;padding:1.125rem!important}.cancel-trial-body>p{font-size:.875rem!important}.cancel-trial-benefits-list li{gap:.625rem!important;padding:.625rem!important}.cancel-trial-benefit-icon{font-size:.6875rem!important;height:18px!important;min-width:18px!important;width:18px!important}.cancel-trial-benefit-text,.cancel-trial-notice-box{font-size:.875rem!important}.cancel-trial-notice-box{padding:.75rem!important}.cancel-trial-footer{padding:1.125rem!important}.cancel-trial-btn{font-size:.9375rem!important;padding:.8125rem!important}}@media (max-width:400px){.cancel-trial-overlay{padding:.5rem!important}.cancel-trial-content{border-radius:12px!important;margin:.5rem!important;max-height:72vh!important;max-width:95%!important;width:95%!important}.cancel-trial-header{border-bottom:1px solid #e5e7eb!important;padding:1rem!important}.dark-mode .cancel-trial-header{border-bottom-color:#262626!important}.cancel-trial-header h3{font-size:.95rem!important}.cancel-trial-close{height:28px!important;min-height:28px!important;min-width:28px!important;width:28px!important}.cancel-trial-close svg{height:14px!important;width:14px!important}.cancel-trial-body{gap:.625rem!important;padding:1rem!important}.cancel-trial-body>p{font-size:.8125rem!important;margin-bottom:.25rem!important}.cancel-trial-benefits-list{gap:.5rem!important}.cancel-trial-benefits-list li{border-radius:8px!important;gap:.5rem!important;padding:.5rem .625rem!important}.cancel-trial-benefit-icon{font-size:.625rem!important;height:16px!important;margin-top:.0625rem!important;min-width:16px!important;width:16px!important}.cancel-trial-benefit-text,.cancel-trial-notice-box{font-size:.8125rem!important;line-height:1.4!important}.cancel-trial-notice-box{border-radius:8px!important;border-width:1.5px!important;padding:.625rem .75rem!important}.cancel-trial-footer{gap:.5rem!important;padding:1rem!important}.cancel-trial-btn{border-radius:8px!important;font-size:.875rem!important;padding:.75rem!important}}.upgrade-trial-overlay{align-items:center;animation:upgradeTrialFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.upgrade-trial-content{animation:upgradeTrialSlideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow-y:auto;position:relative;width:100%}.upgrade-trial-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.upgrade-trial-header h3{color:#111827;font-size:1.25rem;font-weight:600;line-height:1.2;margin:0}.upgrade-trial-close{align-items:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;min-height:36px;min-width:36px;transition:all .2s ease;width:36px}.upgrade-trial-close:hover{background:#0000001a;transform:rotate(90deg)}.upgrade-trial-close svg{color:#6b7280}.upgrade-trial-body{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.upgrade-trial-body>p{color:#374151;font-size:.9375rem;margin:0}.upgrade-trial-body>p strong{color:#111827;font-weight:600}.upgrade-trial-pricing-breakdown{background:#10b98114;border:2px solid #10b98133;border-radius:12px;margin:.5rem 0;padding:1rem}.upgrade-trial-pricing-header{color:#059669;font-size:.95rem;font-weight:600;margin-bottom:.75rem;text-align:center}.upgrade-trial-pricing-items{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.upgrade-trial-pricing-row{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;padding:.375rem 0}.upgrade-trial-pricing-row span:first-child{color:#6b7280}.upgrade-trial-pricing-row span:last-child{color:#111827;font-weight:500}.upgrade-trial-pricing-row.vat{border-top:1px solid #10b98126;padding-top:.5rem}.upgrade-trial-pricing-row.total{border-top:2px solid #10b9814d;margin-top:.25rem;padding-top:.75rem}.upgrade-trial-pricing-row.total span{color:#059669;font-size:1rem;font-weight:600}.upgrade-trial-pricing-note{color:#9ca3af;font-size:.75rem;font-style:italic;text-align:center}.upgrade-trial-benefits-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:.5rem 0 0;padding:0}.upgrade-trial-benefits-list li{align-items:flex-start;background:#a855f714;border:1px solid #a855f733;border-radius:10px;display:flex;gap:.75rem;padding:.75rem}.upgrade-trial-benefit-icon{align-items:center;background:#a855f7;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:20px;justify-content:center;margin-top:.125rem;min-width:20px;width:20px}.upgrade-trial-benefit-text{color:#374151;flex:1 1;font-size:.875rem;line-height:1.5}.upgrade-trial-notice-box{background:#3b82f61a;border:2px solid #3b82f6;border-radius:10px;color:#374151;font-size:.875rem;line-height:1.5;padding:1rem}.upgrade-trial-notice-box strong{color:#3b82f6}.upgrade-trial-footer{background:linear-gradient(180deg,#0000 0,#00000005);border-top:1px solid #0000000f;display:flex;gap:.75rem;margin-top:auto;padding:1.5rem}.upgrade-trial-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}.upgrade-trial-btn-secondary{background:#fff;border:1.5px solid #e5e7eb;color:#6b7280}.upgrade-trial-btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.upgrade-trial-btn-primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.upgrade-trial-btn-primary:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}@keyframes upgradeTrialFadeIn{0%{opacity:0}to{opacity:1}}@keyframes upgradeTrialSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dark-mode .upgrade-trial-content{background:#1a1a1a;box-shadow:0 20px 60px #0009}.dark-mode .upgrade-trial-header{border-bottom-color:#262626}.dark-mode .upgrade-trial-header h3{color:#f9fafb}.dark-mode .upgrade-trial-close{background:#ffffff0d}.dark-mode .upgrade-trial-close:hover{background:#ffffff1a}.dark-mode .upgrade-trial-body>p,.dark-mode .upgrade-trial-close svg{color:#d1d5db}.dark-mode .upgrade-trial-body>p strong{color:#f9fafb}.dark-mode .upgrade-trial-pricing-breakdown{background:#10b98126;border-color:#10b9814d}.dark-mode .upgrade-trial-pricing-row span:first-child{color:#9ca3af}.dark-mode .upgrade-trial-pricing-row span:last-child{color:#e5e7eb}.dark-mode .upgrade-trial-pricing-row.vat{border-top-color:#10b98140}.dark-mode .upgrade-trial-pricing-row.total{border-top-color:#10b98159}.dark-mode .upgrade-trial-benefits-list li{background:#a855f726;border-color:#a855f74d}.dark-mode .upgrade-trial-benefit-text{color:#d1d5db}.dark-mode .upgrade-trial-notice-box{background:#3b82f626;border-color:#3b82f666;color:#d1d5db}.dark-mode .upgrade-trial-footer{background:linear-gradient(180deg,#0000 0,#ffffff05);background-color:#0f0f0f;border-top-color:#262626}.dark-mode .upgrade-trial-btn-secondary{background:#262626;border-color:#404040;color:#d1d5db}.dark-mode .upgrade-trial-btn-secondary:hover{background:#2d2d2d;border-color:#525252}@media (max-width:1199px){.upgrade-trial-content{max-width:520px!important}.upgrade-trial-header{padding:1.375rem!important}.upgrade-trial-header h3{font-size:1.15rem!important}.upgrade-trial-body{padding:1.375rem!important}.upgrade-trial-pricing-breakdown{padding:.875rem!important}.upgrade-trial-benefits-list li{padding:.625rem!important}.upgrade-trial-notice-box{padding:.875rem!important}.upgrade-trial-footer{flex-direction:row!important;justify-content:flex-end!important;padding:1.375rem!important}.upgrade-trial-btn{flex:0 0 auto!important;min-width:130px!important}}@media (max-width:768px){.upgrade-trial-overlay{padding:.5rem!important}.upgrade-trial-content{border-radius:18px!important;max-height:88vh!important;max-width:95%!important;width:95%!important}.upgrade-trial-header{padding:1.25rem!important}.upgrade-trial-header h3{font-size:1.1rem!important}.upgrade-trial-close{height:32px!important;min-height:32px!important;min-width:32px!important;width:32px!important}.upgrade-trial-close svg{height:18px!important;width:18px!important}.upgrade-trial-body{gap:.875rem!important;padding:1.25rem!important}.upgrade-trial-body>p{font-size:.9375rem!important}.upgrade-trial-pricing-breakdown{padding:.875rem!important}.upgrade-trial-pricing-header,.upgrade-trial-pricing-row{font-size:.9375rem!important}.upgrade-trial-pricing-row.total span{font-size:1.0625rem!important}.upgrade-trial-pricing-note{font-size:.8125rem!important}.upgrade-trial-benefits-list{gap:.625rem!important}.upgrade-trial-benefits-list li{padding:.75rem!important}.upgrade-trial-benefit-text,.upgrade-trial-notice-box{font-size:.9375rem!important}.upgrade-trial-notice-box{padding:.875rem!important}.upgrade-trial-footer{flex-direction:column-reverse!important;gap:.625rem!important;padding:1.25rem!important}.upgrade-trial-btn{flex:1 1!important;font-size:1rem!important;padding:.875rem!important;width:100%!important}}@media (max-width:575px){.upgrade-trial-content{border-radius:16px!important;max-height:82vh!important}.upgrade-trial-header{padding:1.125rem!important}.upgrade-trial-header h3{font-size:1.05rem!important}.upgrade-trial-close{height:30px!important;min-height:30px!important;min-width:30px!important;width:30px!important}.upgrade-trial-close svg{height:16px!important;width:16px!important}.upgrade-trial-body{gap:.75rem!important;padding:1.125rem!important}.upgrade-trial-body>p{font-size:.875rem!important}.upgrade-trial-pricing-breakdown{padding:.75rem!important}.upgrade-trial-pricing-header{font-size:.875rem!important;margin-bottom:.625rem!important}.upgrade-trial-pricing-row{font-size:.875rem!important}.upgrade-trial-pricing-row.total span{font-size:1rem!important}.upgrade-trial-pricing-note{font-size:.75rem!important}.upgrade-trial-benefits-list li{gap:.625rem!important;padding:.625rem!important}.upgrade-trial-benefit-icon{font-size:.6875rem!important;height:18px!important;min-width:18px!important;width:18px!important}.upgrade-trial-benefit-text,.upgrade-trial-notice-box{font-size:.875rem!important}.upgrade-trial-notice-box{padding:.75rem!important}.upgrade-trial-footer{padding:1.125rem!important}.upgrade-trial-btn{font-size:.9375rem!important;padding:.8125rem!important}}@media (max-width:400px){.upgrade-trial-overlay{padding:.5rem!important}.upgrade-trial-content{border-radius:12px!important;margin:.5rem!important;max-height:72vh!important;max-width:95%!important;width:95%!important}.upgrade-trial-header{border-bottom:1px solid #e5e7eb!important;padding:1rem!important}.dark-mode .upgrade-trial-header{border-bottom-color:#262626!important}.upgrade-trial-header h3{font-size:.95rem!important}.upgrade-trial-close{height:28px!important;min-height:28px!important;min-width:28px!important;width:28px!important}.upgrade-trial-close svg{height:14px!important;width:14px!important}.upgrade-trial-body{gap:.625rem!important;padding:1rem!important}.upgrade-trial-body>p{font-size:.8125rem!important}.upgrade-trial-pricing-breakdown{border-width:1.5px!important;padding:.625rem .75rem!important}.upgrade-trial-pricing-header{font-size:.8125rem!important;margin-bottom:.5rem!important}.upgrade-trial-pricing-items{gap:.375rem!important;margin-bottom:.5rem!important}.upgrade-trial-pricing-row{font-size:.8125rem!important;padding:.25rem 0!important}.upgrade-trial-pricing-row.total span{font-size:.9375rem!important}.upgrade-trial-pricing-note{font-size:.6875rem!important}.upgrade-trial-benefits-list{gap:.5rem!important;margin-top:.375rem!important}.upgrade-trial-benefits-list li{border-radius:8px!important;gap:.5rem!important;padding:.5rem .625rem!important}.upgrade-trial-benefit-icon{font-size:.625rem!important;height:16px!important;margin-top:.0625rem!important;min-width:16px!important;width:16px!important}.upgrade-trial-benefit-text,.upgrade-trial-notice-box{font-size:.8125rem!important;line-height:1.4!important}.upgrade-trial-notice-box{border-radius:8px!important;border-width:1.5px!important;padding:.625rem .75rem!important}.upgrade-trial-footer{gap:.5rem!important;padding:1rem!important}.upgrade-trial-btn{border-radius:8px!important;font-size:.875rem!important;padding:.75rem!important}}.resume-trial-overlay{align-items:center;animation:resumeTrialFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.resume-trial-content{animation:resumeTrialSlideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow-y:auto;position:relative;width:100%}.resume-trial-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.resume-trial-header h3{color:#111827;font-size:1.25rem;font-weight:600;line-height:1.2;margin:0}.resume-trial-close{align-items:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;min-height:36px;min-width:36px;transition:all .2s ease;width:36px}.resume-trial-close:hover:not(:disabled){background:#0000001a;transform:rotate(90deg)}.resume-trial-close:disabled{cursor:not-allowed;opacity:.5}.resume-trial-close svg{color:#6b7280}.resume-trial-body{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.resume-trial-body>p{color:#374151;font-size:.9375rem;margin:0}.resume-trial-body>p strong{color:#111827;font-weight:600}.resume-trial-benefits-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:.5rem 0 0;padding:0}.resume-trial-benefits-list li{align-items:flex-start;background:#10b98114;border:1px solid #10b98133;border-radius:10px;display:flex;gap:.75rem;padding:.75rem}.resume-trial-benefit-icon{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:20px;justify-content:center;margin-top:.125rem;min-width:20px;width:20px}.resume-trial-benefit-text{color:#374151;flex:1 1;font-size:.875rem;line-height:1.5}.resume-trial-notice-box{background:#3b82f61a;border:2px solid #3b82f6;border-radius:10px;color:#374151;font-size:.875rem;line-height:1.5;padding:1rem}.resume-trial-notice-box strong{color:#3b82f6}.resume-trial-footer{background:linear-gradient(180deg,#0000 0,#00000005);border-top:1px solid #0000000f;display:flex;gap:.75rem;margin-top:auto;padding:1.5rem}.resume-trial-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}.resume-trial-btn:disabled{cursor:not-allowed;opacity:.5}.resume-trial-btn-secondary{background:#fff;border:1.5px solid #e5e7eb;color:#6b7280}.resume-trial-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.resume-trial-btn-primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.resume-trial-btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}@keyframes resumeTrialFadeIn{0%{opacity:0}to{opacity:1}}@keyframes resumeTrialSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dark-mode .resume-trial-content{background:#1a1a1a;box-shadow:0 20px 60px #0009}.dark-mode .resume-trial-header{border-bottom-color:#262626}.dark-mode .resume-trial-header h3{color:#f9fafb}.dark-mode .resume-trial-close{background:#ffffff0d}.dark-mode .resume-trial-close:hover:not(:disabled){background:#ffffff1a}.dark-mode .resume-trial-body>p,.dark-mode .resume-trial-close svg{color:#d1d5db}.dark-mode .resume-trial-body>p strong{color:#f9fafb}.dark-mode .resume-trial-benefits-list li{background:#10b98126;border-color:#10b9814d}.dark-mode .resume-trial-benefit-text{color:#d1d5db}.dark-mode .resume-trial-notice-box{background:#3b82f626;border-color:#3b82f666;color:#d1d5db}.dark-mode .resume-trial-footer{background:linear-gradient(180deg,#0000 0,#ffffff05);background-color:#0f0f0f;border-top-color:#262626}.dark-mode .resume-trial-btn-secondary{background:#262626;border-color:#404040;color:#d1d5db}.dark-mode .resume-trial-btn-secondary:hover:not(:disabled){background:#2d2d2d;border-color:#525252}@media (max-width:1199px){.resume-trial-content{max-width:480px!important}.resume-trial-header{padding:1.375rem!important}.resume-trial-header h3{font-size:1.15rem!important}.resume-trial-body{padding:1.375rem!important}.resume-trial-body>p{font-size:.875rem!important}.resume-trial-benefits-list li{padding:.625rem!important}.resume-trial-notice-box{padding:.875rem!important}.resume-trial-footer{flex-direction:row!important;justify-content:flex-end!important;padding:1.375rem!important}.resume-trial-btn{flex:0 0 auto!important;min-width:130px!important}}@media (max-width:768px){.resume-trial-overlay{padding:.5rem!important}.resume-trial-content{border-radius:18px!important;max-height:88vh!important;max-width:95%!important;width:95%!important}.resume-trial-header{padding:1.25rem!important}.resume-trial-header h3{font-size:1.1rem!important}.resume-trial-close{height:32px!important;min-height:32px!important;min-width:32px!important;width:32px!important}.resume-trial-close svg{height:18px!important;width:18px!important}.resume-trial-body{gap:.875rem!important;padding:1.25rem!important}.resume-trial-body>p{font-size:.9375rem!important}.resume-trial-benefits-list{gap:.625rem!important}.resume-trial-benefits-list li{padding:.75rem!important}.resume-trial-benefit-text,.resume-trial-notice-box{font-size:.9375rem!important}.resume-trial-notice-box{padding:.875rem!important}.resume-trial-footer{flex-direction:column-reverse!important;gap:.625rem!important;padding:1.25rem!important}.resume-trial-btn{flex:1 1!important;font-size:1rem!important;padding:.875rem!important;width:100%!important}}@media (max-width:575px){.resume-trial-content{border-radius:16px!important;max-height:82vh!important}.resume-trial-header{padding:1.125rem!important}.resume-trial-header h3{font-size:1.05rem!important}.resume-trial-close{height:30px!important;min-height:30px!important;min-width:30px!important;width:30px!important}.resume-trial-close svg{height:16px!important;width:16px!important}.resume-trial-body{gap:.75rem!important;padding:1.125rem!important}.resume-trial-body>p{font-size:.875rem!important}.resume-trial-benefits-list li{gap:.625rem!important;padding:.625rem!important}.resume-trial-benefit-icon{font-size:.6875rem!important;height:18px!important;min-width:18px!important;width:18px!important}.resume-trial-benefit-text,.resume-trial-notice-box{font-size:.875rem!important}.resume-trial-notice-box{padding:.75rem!important}.resume-trial-footer{padding:1.125rem!important}.resume-trial-btn{font-size:.9375rem!important;padding:.8125rem!important}}@media (max-width:400px){.resume-trial-overlay{padding:.5rem!important}.resume-trial-content{border-radius:12px!important;margin:.5rem!important;max-height:72vh!important;max-width:95%!important;width:95%!important}.resume-trial-header{border-bottom:1px solid #e5e7eb!important;padding:1rem!important}.dark-mode .resume-trial-header{border-bottom-color:#262626!important}.resume-trial-header h3{font-size:.95rem!important}.resume-trial-close{height:28px!important;min-height:28px!important;min-width:28px!important;width:28px!important}.resume-trial-close svg{height:14px!important;width:14px!important}.resume-trial-body{gap:.625rem!important;padding:1rem!important}.resume-trial-body>p{font-size:.8125rem!important}.resume-trial-benefits-list{gap:.5rem!important;margin-top:.375rem!important}.resume-trial-benefits-list li{border-radius:8px!important;gap:.5rem!important;padding:.5rem .625rem!important}.resume-trial-benefit-icon{font-size:.625rem!important;height:16px!important;margin-top:.0625rem!important;min-width:16px!important;width:16px!important}.resume-trial-benefit-text,.resume-trial-notice-box{font-size:.8125rem!important;line-height:1.4!important}.resume-trial-notice-box{border-radius:8px!important;border-width:1.5px!important;padding:.625rem .75rem!important}.resume-trial-footer{gap:.5rem!important;padding:1rem!important}.resume-trial-btn{border-radius:8px!important;font-size:.875rem!important;padding:.75rem!important}}.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-tips{background:#8b5cf60d;border-bottom:1px solid #8b5cf626;display:flex;gap:24px;padding:16px 28px}.crop-modal-body{-webkit-overflow-scrolling:touch;justify-content:center;min-height:300px;overflow-x:hidden;overflow-y:auto;padding:28px;scroll-behavior:smooth}.crop-modal-body,.crop-tip{align-items:center;display:flex;flex:1 1}.crop-tip{gap:10px}.crop-tip svg{color:#8b5cf6;flex-shrink:0}.crop-tip span{color:#666;font-size:13px;font-weight:500}.tip-text-short{display:none}.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{border-top:1px solid #0000001a;justify-content:space-between;padding:20px 28px}.crop-footer-left,.crop-modal-footer{align-items:center;display:flex;gap:12px}.btn-crop-confirm,.btn-crop-reset,.btn-crop-skip{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;outline:none;padding:12px 20px;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}.dark-mode .crop-tips{background:#8b5cf614;border-color:#8b5cf633}.dark-mode .crop-tip svg{color:#a78bfa}.dark-mode .crop-tip span{color:#b0b0b0}@media (max-width:768px){.crop-modal-overlay{align-items:flex-start;padding:8px}.crop-modal-content{border-radius:12px;height:auto;max-height:95vh}.crop-modal-header{align-items:center;flex-direction:row;flex-shrink:0;gap:8px;padding:12px 12px 10px}.crop-modal-header h2{font-size:18px;margin:0}.crop-instructions{font-size:12px;margin:0}.crop-modal-close{padding:4px}.crop-modal-close svg{height:20px;width:20px}.crop-modal-body{flex:1 1;min-height:200px;padding:16px 12px}.crop-tips{flex-direction:row;gap:12px;justify-content:space-between;padding:10px 12px}.crop-tip{flex:1 1;gap:4px;justify-content:center}.crop-tip svg{height:16px;width:16px}.tip-text-full{display:none}.tip-text-short{display:inline;font-size:11px}.crop-container{margin:20px 0;max-height:100%}.crop-image{height:auto;max-height:47.5vh;max-width:calc(100vw - 40px);width:auto}.crop-handle.corner{height:26px;width:26px}.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:-3px!important;top:-3px!important}.crop-handle.corner.ne{right:-3px!important;top:-3px!important}.crop-handle.corner.sw{bottom:-3px!important;left:-3px!important}.crop-handle.corner.se{bottom:-3px!important;right:-3px!important}.crop-handle.edge{height:16px;width:70px}.crop-handle.edge.e,.crop-handle.edge.w{height:70px;width:16px}.crop-modal-footer{flex-direction:row;flex-shrink:0;gap:8px;padding:12px}.btn-crop-confirm,.btn-crop-reset,.btn-crop-skip{font-size:14px;padding:11px 16px}.btn-crop-confirm .btn-text,.btn-crop-reset .btn-text{display:none}.btn-crop-confirm,.btn-crop-reset{padding:11px 12px}}@media (max-width:400px){.crop-modal-overlay{padding:4px}.crop-modal-content{border-radius:8px}.crop-modal-header{padding:10px}.crop-modal-header h2{font-size:15px}.crop-instructions{font-size:10px}.crop-modal-close svg{height:18px;width:18px}.crop-tips{gap:8px;padding:8px 10px}.crop-tip svg{height:14px;width:14px}.tip-text-short{font-size:10px}.crop-modal-body{padding:10px}.crop-image{height:auto;max-height:42.75vh;max-width:calc(100vw - 32px);width:auto}.crop-handle.corner{height:22px!important;width:22px!important}.crop-handle.corner.nw{left:-3px!important;top:-3px!important}.crop-handle.corner.ne{right:-3px!important;top:-3px!important}.crop-handle.corner.sw{bottom:-3px!important;left:-3px!important}.crop-handle.corner.se{bottom:-3px!important;right:-3px!important}.crop-handle.edge{height:14px;width:60px}.crop-handle.edge.e,.crop-handle.edge.w{height:60px;width:14px}.crop-modal-footer{gap:6px;padding:10px}.btn-crop-confirm,.btn-crop-reset,.btn-crop-skip{font-size:13px;padding:10px 12px}.btn-crop-confirm .btn-text,.btn-crop-reset .btn-text{display:none}.btn-crop-confirm,.btn-crop-reset{padding:10px}.btn-crop-skip{flex:1 1}}.toast-container{left:50%;pointer-events:none;position:fixed;top:80px;transform:translateX(-50%);z-index:10000}.toast{animation:toast-slide-up .3s ease-out;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;box-shadow:0 4px 12px #10b98166,0 0 0 1px #0000001a;color:#fff;font-size:14px;font-weight:500;max-width:90vw;padding:12px 24px;pointer-events:auto;text-align:center}.toast,.toast.toast-error{border:2px solid #00000026}.toast.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444466,0 0 0 1px #0000001a}.toast.toast-exit{animation:toast-fade-out .3s ease-out}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-fade-out{0%{opacity:1}to{opacity:0}}.dark-mode .toast{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #0003;box-shadow:0 4px 12px #10b98180,0 0 0 1px #0003;color:#fff}.dark-mode .toast.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #0003;box-shadow:0 4px 12px #ef444480,0 0 0 1px #0003}@media (max-width:400px){.toast{font-size:.8125rem!important;max-width:95vw!important;padding:.625rem 1rem!important}}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#a855f7;border:2px solid #f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9333ea}.dark-mode ::-webkit-scrollbar-track{background:#1a1a1a}.dark-mode ::-webkit-scrollbar-thumb{background:#a855f7;border-color:#1a1a1a}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#c084fc}.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-container{background:radial-gradient(circle at 20% 20%,#a855f71a 0,#0000 50%),radial-gradient(circle at 80% 80%,#a855f70d 0,#0000 50%),linear-gradient(135deg,#fefbff,#f8f4ff);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:1.5rem;position:relative}.generate-header{margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:1000px;position:relative;text-align:center;z-index:1}.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;margin:0 auto;max-width:1000px;padding:0 2rem;position:relative;z-index:1}.upload-section{display:flex;flex-direction:column;order:1;width:100%}.detail-section{order:4;width:100%}.upload-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 32px #0000001f;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin:0;max-width:100%;padding:2.5rem;width:100%}.upload-area.has-stencil,.upload-card{height:auto;min-height:auto;overflow:visible}.upload-area.has-stencil{aspect-ratio:auto}.upload-title{color:#1a202c;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.upload-description{color:#718096;font-size:1rem;margin:0 0 1rem}.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;touch-action:auto;transition:all .3s ease;width:min(90%,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(90%,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{animation:none;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{animation:none;aspect-ratio:1/1;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;box-sizing:border-box;flex-shrink:0;overflow:hidden;transform:translateZ(0);width:100%;will-change:contents}.slider-container.blurred>:not(.stencil-cta-overlay):not(.error-overlay){filter:blur(6px)}@media (max-width:1199px){.slider-container.blurred>:not(.stencil-cta-overlay):not(.error-overlay){filter:none!important;opacity:.17}}@media (max-width:500px){.slider-container.blurred>:not(.stencil-cta-overlay):not(.error-overlay){filter:none!important;opacity:.17}}.generate-slider{border-radius:12px;height:100%;object-fit:contain;width:100%}.generate-slider.transparent-mode{background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,#0000 0),linear-gradient(-45deg,#ccc 25%,#0000 0),linear-gradient(45deg,#0000 75%,#ccc 0),linear-gradient(-45deg,#0000 75%,#ccc 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.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:460px){.stencil-cta-button{font-size:.75rem!important;max-width:100%!important;padding:.625rem .75rem!important;width:100%!important}.stencil-cta-button .cta-full-text{display:inline!important}.stencil-cta-button .cta-short-text{display:none!important}.stencil-cta-title{font-size:1rem!important;line-height:1.2!important}.stencil-cta-description{font-size:.75rem!important;line-height:1.3!important}.stencil-cta-overlay{max-width:94%!important;padding:1rem .75rem!important;width:94%!important}.stencil-cta-content{gap:.625rem!important;max-width:280px!important;width:100%!important}.unlock-cta-icon svg{height:24px!important;width:24px!important}.btn-download,.btn-generate,.btn-new-image,.btn-upscale{font-size:.75rem!important;padding:.625rem .75rem!important}.progress-percentage,.status-text{font-size:.75rem!important}.option-title{font-size:.875rem!important}.option-description{font-size:.75rem!important}.processing-time{font-size:.6875rem!important}.recommended-badge{font-size:.625rem!important;padding:.15rem .4rem!important}.detail-title{font-size:1.125rem!important}.detail-description{font-size:.75rem!important}.upload-title{font-size:1.25rem!important}.upload-description{font-size:.875rem!important}.progress-card{padding:1rem!important}.progress-title{font-size:.875rem!important}.progress-subtitle{font-size:.75rem!important}.time-value{font-size:1rem!important}.time-label{font-size:.6875rem!important}.progress-icon{height:32px!important;width:32px!important}.progress-icon svg{height:20px!important;width:20px!important}}@media (max-width:390px){.progress-card{padding:.75rem!important}.progress-header{gap:.625rem!important}.progress-title{font-size:.75rem!important}.progress-subtitle{font-size:.6875rem!important}.time-value{font-size:.875rem!important}.time-label{font-size:.625rem!important}.progress-icon{height:28px!important;width:28px!important}.progress-icon svg{height:18px!important;width:18px!important}.upload-title{font-size:1rem!important}.upload-description{font-size:.75rem!important}.detail-title{font-size:1rem!important}.detail-description{font-size:.6875rem!important}.option-title{font-size:.8125rem!important}.option-description{font-size:.6875rem!important}.btn-download,.btn-download-inline,.btn-generate,.btn-new-image,.btn-new-inline,.btn-upscale,.btn-upscale-inline,.stencil-cta-button{font-size:.6875rem!important;padding:.5rem .625rem!important}}@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}.resize-status{font-size:.6875rem!important;gap:.5rem!important;padding:.4rem!important}.generate-action>div,.generate-action>div strong{font-size:.7rem!important}.resize-status span{font-size:.6875rem!important}.checkout-loading-content p{font-size:.875rem!important}.checkout-loading-content .spinner{height:40px!important;width:40px!important}}@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-cta-button{font-size:.7rem!important;padding:.65rem .85rem!important}.stencil-cta-title{font-size:.95rem!important}.stencil-cta-description{font-size:.7rem!important}}.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:not(:disabled){background:#9333ea;box-shadow:0 4px 12px #a855f74d;transform:translateY(-1px)}.btn-download-inline:disabled{background:#e5e5e5;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.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%)}.generate-color-swatches-container{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.generate-color-swatch-item{cursor:pointer;transition:all .2s ease}.generate-color-swatch-circle{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;height:36px!important;justify-content:center;transition:all .2s ease;width:36px!important}.generate-color-swatch-item:hover .generate-color-swatch-circle{box-shadow:0 4px 12px #0003;transform:scale(1.15)}.generate-color-swatch-item.active .generate-color-swatch-circle{box-shadow:0 0 0 3px #a855f780;transform:scale(1.1)}@media (max-width:1199px){.generate-color-swatch-circle{height:34px!important;width:34px!important}.generate-color-swatches-container{gap:.6rem!important}}@media (max-width:767px){.generate-color-swatch-circle{height:32px!important;width:32px!important}.generate-color-swatches-container{gap:.5rem!important}}@media (max-width:480px){.generate-color-swatch-circle{height:30px!important;width:30px!important}.generate-color-swatches-container{gap:.5rem!important}}@media (max-width:360px){.generate-color-swatch-circle{height:28px!important;width:28px!important}.generate-color-swatches-container{gap:.4rem!important}}.slider-group{display:flex;flex-direction:column;gap:.5rem}.black-color-btn{align-items:center;background:#1a1a1a;border:2px solid #333;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;justify-content:center;margin-top:.5rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.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-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;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){.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{min-height:auto;overflow:visible;position:relative;width:100%}.title-with-info{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.detail-title{color:#1a202c;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.info-icon-button{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;padding:0;transition:all .2s ease}.info-icon-button:hover .info-icon-header{color:#9333ea;transform:scale(1.1)}.info-icon-header{color:#a855f7;transition:all .2s ease}.detail-modal-overlay{animation:fadeIn .2s ease-out}.detail-info-modal{animation:slideUp .3s ease-out;max-height:85vh;max-width:650px;overflow-y:auto}.detail-modal-close{align-items:center;background:#0000000d;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-left:auto;transition:all .2s ease;width:36px}.detail-modal-close:hover{background:#a855f71a;transform:scale(1.05)}.detail-modal-close svg{color:#6b7280}.detail-modal-close:hover svg{color:#a855f7}.detail-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-sizing:border-box;display:flex;gap:1rem;padding:1.5rem 2rem!important;text-align:left}.detail-modal-icon{align-items:center;background:linear-gradient(135deg,#a855f7,#9333ea);border-radius:12px;box-shadow:0 4px 12px #a855f733;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-bottom:0;width:48px}.detail-modal-icon svg{color:#fff;height:24px;width:24px}.detail-modal-header h2{color:#1a202c!important;flex:1 1;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.5;margin:0;padding:0;text-align:left}.detail-modal-subtitle{color:#6b7280;font-size:.875rem;font-weight:500;margin:0 0 1.5rem;text-align:center}.detail-modal-body{padding:1.5rem 2rem 2rem}.detail-info-list{display:flex;flex-direction:column;gap:1rem}.detail-info-item{background:linear-gradient(135deg,#f8faff,#fff);border:2px solid #e2e8f0;border-radius:14px;padding:1.25rem;transition:all .2s ease}.detail-info-item:hover{border-color:#a855f7;box-shadow:0 4px 12px #a855f726;transform:translateY(-2px)}.detail-info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.detail-info-badge{align-items:center;border:1px solid;border-radius:8px;display:inline-flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:all .2s ease}.detail-info-badge svg{flex-shrink:0}.detail-info-badge.low{background:linear-gradient(135deg,#a855f726,#9333ea1a);border-color:#a855f733;box-shadow:0 2px 8px #a855f726;color:#8b5cf6}.detail-info-badge.low:hover{background:linear-gradient(135deg,#a855f733,#9333ea26);border-color:#a855f74d;box-shadow:0 4px 12px #a855f740;transform:translateY(-1px)}.detail-info-badge.medium{background:linear-gradient(135deg,#a855f726,#9333ea1a);border-color:#a855f733;box-shadow:0 2px 8px #a855f726;color:#8b5cf6}.detail-info-badge.medium:hover{background:linear-gradient(135deg,#a855f733,#9333ea26);border-color:#a855f74d;box-shadow:0 4px 12px #a855f740;transform:translateY(-1px)}.detail-info-badge.high{background:linear-gradient(135deg,#a855f726,#9333ea1a);border-color:#a855f733;box-shadow:0 2px 8px #a855f726;color:#8b5cf6}.detail-info-badge.high:hover{background:linear-gradient(135deg,#a855f733,#9333ea26);border-color:#a855f74d;box-shadow:0 4px 12px #a855f740;transform:translateY(-1px)}.detail-info-badge.ultra{background:linear-gradient(135deg,#eab30826,#ca8a041a);border-color:#eab30833;box-shadow:0 2px 8px #eab30826;color:#eab308}.detail-info-badge.ultra:hover{background:linear-gradient(135deg,#eab30833,#ca8a0426);border-color:#eab3084d;box-shadow:0 4px 12px #eab30840;transform:translateY(-1px)}.detail-dots{align-items:center;display:flex;gap:.375rem}.detail-dot{background:#e2e8f0;border-radius:50%;height:8px;transition:all .2s ease;width:8px}.detail-dot.active{background:#a855f7;box-shadow:0 0 8px #a855f766}.detail-info-item p{color:#4a5568;font-size:.9375rem;line-height:1.65;margin:0}@media (max-width:767px){.detail-info-modal{margin:1rem;max-width:calc(100vw - 2rem)}.detail-modal-header{gap:.875rem;padding:1.25rem 1.5rem 1rem}.detail-modal-icon{height:40px;width:40px}.detail-modal-icon svg{height:20px;width:20px}.detail-modal-header h2{font-size:1.125rem}.detail-modal-subtitle{font-size:.8125rem}.detail-modal-body{padding:1.25rem 1.5rem 1.5rem}.detail-info-item{padding:1rem}}@media (max-width:440px){.detail-info-modal{margin:.5rem!important;max-height:90vh!important;max-width:calc(100vw - 1rem)!important}.detail-modal-header{gap:.625rem!important;padding:.875rem 1rem!important}.detail-modal-icon{height:32px!important;width:32px!important}.detail-modal-icon svg{height:16px!important;width:16px!important}.detail-modal-header h2{font-size:.8125rem!important}.detail-modal-subtitle{font-size:.75rem!important;margin-bottom:1rem!important}.detail-modal-body{padding:.875rem 1rem 1rem!important}.detail-info-item{padding:.75rem!important}.detail-info-badge{font-size:.6875rem!important;padding:.25rem .5rem!important}.detail-info-badge svg{height:12px!important;width:12px!important}.detail-dot{height:5px!important;width:5px!important}.detail-info-item p{font-size:.8125rem!important;line-height:1.5!important}.detail-modal-close{height:32px!important;width:32px!important}.detail-modal-close svg{height:16px!important;width:16px!important}}@media (max-width:400px){.detail-info-modal{margin:.375rem!important;max-height:100vh!important;max-width:calc(100vw - .75rem)!important}.detail-modal-header{gap:.5rem!important;padding:.75rem .875rem!important}.detail-modal-icon{height:28px!important;width:28px!important}.detail-modal-icon svg{height:14px!important;width:14px!important}.detail-modal-header h2{font-size:.75rem!important}.detail-modal-subtitle{font-size:.6875rem!important;margin-bottom:.875rem!important}.detail-modal-body{padding:.75rem .875rem .875rem!important}.detail-info-item{padding:.625rem!important}.detail-info-badge{font-size:.625rem!important;gap:.25rem!important;padding:.25rem .5rem!important}.detail-info-badge svg{height:10px!important;width:10px!important}.detail-dot{height:4px!important;width:4px!important}.detail-info-item p{font-size:.75rem!important;line-height:1.4!important}.detail-modal-close{height:28px!important;width:28px!important}.detail-modal-close svg{height:14px!important;width:14px!important}.detail-info-header{margin-bottom:.5rem!important}}.detail-description{color:#718096;font-size:.9rem;margin:0 0 1.5rem}.detail-options{display:flex;flex-direction:column;gap:1.25rem}.detail-option{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;flex:1 1;min-width:0;padding:1.25rem;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}.detail-option.locked{background:linear-gradient(135deg,#a855f70d,#a855f71a);border:2px solid #a855f7}.detail-option.locked .option-description,.detail-option.locked .option-icon,.detail-option.locked .option-title,.detail-option.locked .time{opacity:.6}.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}.transparent-mode-row .shadow-style-toggle{justify-content:flex-start;margin-left:0!important;width:100%}.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{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:.5rem;margin:0 auto;max-width:90%}.generate-action .generation-progress,.generate-action .modern-progress-container{order:1!important}.generate-action .btn-generate{order:2!important}.generate-action>div:not(.detail-section):not(.modern-progress-container):not(.generation-progress):has(strong){order:3!important}.generate-action .detail-section{order:4!important}.generate-action>div:not(.detail-section):not(.modern-progress-container):not(.generation-progress):not(:has(strong)){order:5!important}.generate-action .out-of-credits-warning{order:4.5!important}.generate-action .credits-display{order:5!important}.join-studio-notice{background:linear-gradient(135deg,#a855f726,#9333ea1a);border:2px solid #a855f766;border-radius:12px;box-shadow:0 4px 12px #a855f71a;gap:1rem;justify-content:center;margin-top:1rem;padding:1.25rem 1.5rem}.join-studio-notice,.join-studio-notice-content{align-items:center;display:flex;flex-direction:column}.join-studio-notice-content{gap:.5rem;text-align:center}.join-studio-notice-icon-wrapper{align-items:center;background-color:#a855f733;border-radius:50%;display:flex;height:40px;justify-content:center;margin-bottom:.25rem;width:40px}.join-studio-notice-title{font-size:1rem;font-weight:700;line-height:1.4}.dark-mode .join-studio-notice-title{color:#c084fc}body:not(.dark-mode) .join-studio-notice-title{color:#9333ea}.join-studio-notice-description{font-size:.875rem;font-weight:500;line-height:1.5;max-width:280px}.dark-mode .join-studio-notice-description{color:#d8b4fe}body:not(.dark-mode) .join-studio-notice-description{color:#7c3aed}.join-studio-notice-button{background:linear-gradient(135deg,#a855f7,#9333ea);border:none;border-radius:8px;box-shadow:0 2px 8px #a855f74d;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;max-width:220px;padding:.75rem 1.75rem;transition:all .2s ease;width:100%}.join-studio-notice-button:hover{box-shadow:0 4px 12px #a855f766;transform:translateY(-2px)}.join-studio-notice-button:active{transform:translateY(0)}@media (max-width:768px){.join-studio-notice{gap:.875rem;padding:1rem 1.25rem}.join-studio-notice-icon-wrapper{height:36px;width:36px}.join-studio-notice-title{font-size:.9375rem}.join-studio-notice-description{font-size:.8125rem;max-width:260px}.join-studio-notice-button{font-size:.875rem;max-width:200px;padding:.625rem 1.5rem}}@media (max-width:480px){.join-studio-notice{gap:.75rem;margin-top:.875rem;padding:.875rem 1rem}.join-studio-notice-icon-wrapper{height:32px;width:32px}.join-studio-notice-title{font-size:.875rem}.join-studio-notice-description{font-size:.75rem;max-width:240px}.join-studio-notice-button{font-size:.8125rem;max-width:180px;padding:.5rem 1.25rem}}.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}.stencil-cta-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;border-radius:16px;box-shadow:0 8px 32px #00000026;display:flex;justify-content:center;left:50%;max-width:90%;padding:2rem 2.5rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%;z-index:100}.stencil-cta-content{align-items:center;display:flex;flex-direction:column;gap:1rem;max-width:450px;position:relative;text-align:center}.stencil-cta-close-btn{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;position:absolute;right:-12px;top:-12px;transition:all .2s ease;width:32px;z-index:10}.stencil-cta-close-btn:hover{background:#000000b3;transform:scale(1.1)}.stencil-cta-close-btn:active{transform:scale(.95)}.stencil-cta-content .unlock-cta-icon svg{fill:#a855f7}.stencil-cta-title{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.stencil-cta-description{color:#6b7280;font-size:1rem;line-height:1.5;margin:0}.stencil-cta-button{background:linear-gradient(135deg,#a855f7,#9333ea);border:none;border-radius:12px;box-shadow:0 4px 16px #a855f74d;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;max-width:100%;padding:1rem 2rem;transition:all .2s ease;white-space:nowrap}.stencil-cta-button .cta-short-text{display:none}.stencil-cta-button .cta-full-text{display:inline}.stencil-cta-button:hover{background:linear-gradient(135deg,#9333ea,#7c3aed);box-shadow:0 6px 20px #a855f766;transform:translateY(-2px)}.stencil-cta-button:active{box-shadow:0 2px 10px #a855f74d;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;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{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-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}.btn-generate.hide-on-tablet{display:none!important}.generate-action .generation-progress,.generate-action .modern-progress-container{order:1!important}.generate-action .btn-generate{order:2!important}.generate-action>div:not(.detail-section):not(.modern-progress-container):not(.generation-progress):has(strong){order:3!important}.generate-action .detail-section{order:4!important}.generate-action>div:not(.detail-section):not(.modern-progress-container):not(.generation-progress):not(:has(strong)){order:5!important}.generate-action{margin:0 auto;max-width:100%}.upload-area{flex-shrink:0;height:auto;margin:1rem auto;max-width:700px;padding:1.5rem;width:min(85%,85vw,75vh)}.upload-area.has-image:has(.stencil-comparison){height:auto;max-width:850px;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%,100vw,75vh)}.detail-card{max-width:none;width:100%}.detail-options{display:flex;flex-direction:column;gap:1rem}.detail-option{padding:1.25rem;width:100%}.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}.upload-section{order:1}.detail-section{order:2}}@media (max-width:767px){.stencil-cta-overlay{max-width:90%;padding:1.75rem 1.25rem;width:85%}.stencil-cta-content{gap:.875rem;max-width:100%}.stencil-cta-close-btn{height:28px;right:-10px;top:-10px;width:28px}.stencil-cta-title{font-size:1.25rem}.stencil-cta-description{font-size:.9rem}.stencil-cta-button{font-size:.95rem;padding:.875rem 1.5rem;width:100%}.cta-short-text{display:none}.cta-full-text{display:inline}.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}.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}.generate-action{margin:0 auto;max-width:100%}.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;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}.custom-color-picker{margin:0!important;max-width:100%!important;transform:none!important;width:100%!important}.output-option-row-inline.transparent-mode-row{align-items:center!important;justify-content:flex-start!important;width:100%!important}}@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}.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:700px;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}.custom-color-picker{margin:0!important;max-width:100%!important;transform:none!important;width:100%!important}.output-option-row-inline.transparent-mode-row{align-items:center!important;justify-content:flex-start!important;width:100%!important}.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:580px){.generate-container{padding:.5rem}.stencil-cta-overlay{max-width:92%!important;padding:1.5rem 1rem!important;width:92%!important}.stencil-cta-content{gap:.75rem}.stencil-cta-close-btn{height:26px;right:-8px;top:-8px;width:26px}.stencil-cta-title{font-size:1.1rem}.stencil-cta-description{font-size:.85rem}.stencil-cta-button{font-size:.875rem;padding:.75rem 1.25rem}.stencil-cta-button .cta-full-text{display:none}.stencil-cta-button .cta-short-text{display:inline}.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}.generate-action{margin:0 auto;max-width:100%}.upload-area{flex-shrink:0;max-width:500px;padding:.75rem}.upload-area,.upload-area.has-image{height:auto;width:min(100%,100vw,60vh)}.upload-area.has-image{max-width:600px}.stencil-comparison{max-width:600px;width:min(100%,100vw,60vh)}.detail-option{min-height:auto!important;padding:.625rem!important}.option-header{gap:.5rem!important;margin-bottom:.5rem!important}.option-icon{font-size:1rem!important;height:28px!important;width:28px!important}.option-title{font-size:.875rem!important;margin-bottom:.125rem!important}.option-description{font-size:.75rem!important;line-height:1.3!important}.option-footer{margin-top:.5rem!important}.credits-cost,.processing-time{font-size:.6875rem!important}.recommended-badge{font-size:.625rem!important;padding:.125rem .375rem!important}.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:.85rem!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!important;max-width:100%!important;transform:none!important;width:100%!important}.output-option-row-inline.transparent-mode-row{align-items:center!important;justify-content:flex-start!important;width:100%!important}.color-preview{height:45px!important;margin-top:.5rem!important}.color-hex{font-size:.8rem!important;padding:.4rem .6rem!important}.save-default-color-btn{font-size:.85rem!important;padding:.8rem 1rem!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:350px){.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{margin:0!important;max-width:100%!important;transform:none!important;width:100%!important}.output-option-row-inline.transparent-mode-row{align-items:center!important;justify-content:flex-start!important;width:100%!important}.color-preview{height:50px!important}.color-hex{font-size:.75rem!important;padding:.35rem .55rem!important}.save-default-color-btn{font-size:.8rem!important;padding:.65rem .8rem!important}.color-save-message{font-size:.65rem!important}}@media (max-width:320px){.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{margin:0!important;max-width:100%!important;transform:none!important;width:100%!important}.output-option-row-inline.transparent-mode-row{align-items:center!important;justify-content:flex-start!important;width:100%!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:460px){.upload-icon{height:48px!important;width:48px!important}.upload-icon svg{height:32px!important;width:32px!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{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#0000!important;border:none!important;border-radius:0!important;contain:layout paint;isolation:isolate;margin-bottom:1rem!important;overflow:visible;padding:0!important;transform:translateZ(0);transition:none}.dark-mode .output-options-card{background:#0000!important;border:none!important}.output-options-header{border-top:1px solid #e2e8f0;padding:1rem 0 0;transition:all .2s ease;-webkit-user-select:none;user-select:none}.output-options-header:hover{opacity:.8}.dark-mode .output-options-header{border-top:1px solid #2a2a2a}.output-options-title{color:#374151;font-size:.875rem;font-weight:600;margin:0;transition:color .2s ease}.dark-mode .output-options-header:hover{border-top:1px solid #2a2a2a}.dark-mode .output-options-title{color:#718096}.output-options-chevron{color:#6b7280;cursor:pointer;flex-shrink:0}.dark-mode .output-options-chevron{color:#9ca3af}.output-options-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.output-options-content.expanded{max-height:5000px;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.output-options-content.collapsed{max-height:0}.output-options-content .output-options-inner{padding-top:.75rem}.output-option-row{align-items:center;display:flex;justify-content:space-between;padding:.25rem 0}.output-option-row-inline{align-items:stretch;display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding:.25rem 0;text-align:left}.output-option-row-inline.transparent-mode-row{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-start;margin-top:2rem!important;padding-top:1rem;width:100%}.transparent-mode-toggle{align-items:center;display:flex;gap:8px;margin-left:0!important}.transparent-mode-toggle .output-option-label{margin:0}@media (min-width:769px){.output-option-row-inline{align-items:flex-start!important;margin-top:1rem;text-align:left!important}.output-option-row-inline.transparent-mode-row{align-items:center!important;justify-content:flex-start!important;margin-top:.75rem}.output-option-label{font-size:.9rem!important;text-align:left!important}.custom-color-picker{margin:0!important;max-width:100%!important;transform:none!important;width:100%!important}}.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-title{color:#1a202c;font-size:1rem;font-weight:500;margin:0 0 .75rem}.shadow-style-radio-group{align-items:center;display:flex;gap:1rem}.shadow-style-radio-option{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem .75rem;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.shadow-style-radio-option:hover{background-color:#a855f70d}.shadow-style-radio-option input[type=radio]{cursor:pointer;opacity:0;position:absolute}.shadow-style-radio-option .radio-checkmark{border:2px solid #cbd5e0;border-radius:50%;flex-shrink:0;height:18px;position:relative;transition:all .2s ease;width:18px}.shadow-style-radio-option input[type=radio]:checked~.radio-checkmark{background-color:#a855f7;border-color:#a855f7}.shadow-style-radio-option input[type=radio]:checked~.radio-checkmark:after{background-color:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.shadow-style-label,.shadow-style-radio-option .radio-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;padding-bottom:1rem}.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:.8 rem}.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:#b0b0b0}.dark-mode .output-option-row-inline.transparent-mode-row{border-top:1px solid #2a2a2a}.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{color:#d1d5db}.dark-mode .shadow-style-radio-option:hover{background-color:#a855f726}.dark-mode .shadow-style-radio-option .radio-checkmark{border-color:#4a5568}.dark-mode .shadow-style-radio-option input[type=radio]:checked~.radio-checkmark{background-color:#a855f7;border-color:#a855f7}.dark-mode .shadow-style-radio-option .radio-label,.dark-mode .toggle-label{color:#d1d5db}.dark-mode .generate-container{background:linear-gradient(180deg,#000,#020202 40%,#050505)}.dark-mode .generate-container:before{background:radial-gradient(circle at 30% 40%,#a855f71f 0,#7c3aed14 30%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.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}.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:not(:disabled){background:#9333ea}.dark-mode .btn-download-inline:disabled{background:#2a2a2a;color:#666}.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 .stencil-cta-overlay{background:#1a1a1af7;border:1px solid #a855f74d}.dark-mode .stencil-cta-content .unlock-cta-icon svg{fill:#a855f7}.dark-mode .stencil-cta-title{color:#fff}.dark-mode .stencil-cta-description{color:#b0b0b0}.dark-mode .stencil-cta-button{background:linear-gradient(135deg,#a855f7,#9333ea)}.dark-mode .stencil-cta-button:hover{background:linear-gradient(135deg,#9333ea,#7c3aed)}.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 .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 .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{color:#fca5a5}.dark-mode .error-message,.dark-mode .trial-message.trial-expired{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}.studio-setup-warning-box{background:#a855f71a;border:1px solid #a855f74d;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem}.studio-setup-warning-title{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.dark-mode .studio-setup-warning-title,body:not(.dark-mode) .studio-setup-warning-title{color:#c084fc}.studio-setup-warning-text{font-size:.9rem;line-height:1.6;margin-bottom:0}.dark-mode .studio-setup-warning-text,body:not(.dark-mode) .studio-setup-warning-text{color:#d8b4fe}@media (max-width:1199px){.studio-modal-content{margin:1.5rem 1rem!important;max-width:480px!important}.studio-modal-content .modal-header{gap:1rem!important;padding:1.5rem 1.5rem 1.25rem!important}.studio-modal-content .modal-header h3{font-size:1.25rem!important}.studio-modal-content .modal-subtitle{font-size:.875rem!important}.studio-modal-content .modal-icon{height:48px!important;width:48px!important}.studio-modal-content .modal-body,.studio-modal-content .modal-footer{padding:1.5rem!important}.studio-setup-warning-box{margin-bottom:1.25rem!important;padding:1rem!important}.studio-setup-warning-title{font-size:.9375rem!important;margin-bottom:.625rem!important}.studio-setup-warning-text{font-size:.875rem!important}.studio-setup-info-box{padding:1.25rem!important}.studio-setup-info-box h5{font-size:.9375rem!important;margin-bottom:.625rem!important}.studio-setup-info-box li{font-size:.875rem!important;margin-bottom:.5rem!important}}@media (max-width:768px){.studio-modal-content{border-radius:12px!important;margin:1rem .75rem!important;max-width:95%!important}.studio-modal-content .modal-header{gap:.875rem!important;padding:1.25rem 1.25rem 1rem!important}.studio-modal-content .modal-header h3{font-size:1.125rem!important;line-height:1.3!important}.studio-modal-content .modal-subtitle{font-size:.8125rem!important}.studio-modal-content .modal-icon{border-radius:10px!important;height:44px!important;width:44px!important}.studio-modal-content .modal-body{padding:1.25rem!important}.studio-modal-content .modal-footer{flex-direction:column!important;gap:.625rem!important;padding:1.25rem!important}.studio-modal-content .btn-primary,.studio-modal-content .btn-secondary,.studio-modal-content .modal-footer button{width:100%!important}.studio-setup-warning-box{border-radius:10px!important;margin-bottom:1rem!important;padding:.875rem 1rem!important}.studio-setup-warning-title{font-size:.875rem!important;margin-bottom:.5rem!important}.studio-setup-warning-text{font-size:.8125rem!important;line-height:1.5!important}.studio-setup-info-box{border-radius:10px!important;padding:1rem!important}.studio-setup-info-box h5{font-size:.875rem!important;margin-bottom:.5rem!important}.studio-setup-info-box li{font-size:.8125rem!important;line-height:1.5!important;margin-bottom:.375rem!important}}@media (max-width:575px){.studio-modal-content{border-radius:10px!important;margin:.75rem .5rem!important;max-width:100%!important}.studio-modal-content .modal-header{gap:.75rem!important;padding:1rem!important}.studio-modal-content .modal-header h3{font-size:1rem!important}.studio-modal-content .modal-subtitle{font-size:.75rem!important}.studio-modal-content .modal-icon{border-radius:8px!important;height:40px!important;width:40px!important}.studio-modal-content .modal-body{padding:1rem!important}.studio-modal-content .modal-footer{gap:.5rem!important;padding:1rem!important}.studio-modal-content .btn-primary,.studio-modal-content .btn-secondary{font-size:.875rem!important;padding:.75rem 1rem!important}.studio-setup-warning-box{margin-bottom:.875rem!important;padding:.75rem .875rem!important}.studio-setup-warning-title{font-size:.8125rem!important;margin-bottom:.375rem!important}.studio-setup-warning-text{font-size:.75rem!important}.studio-setup-info-box{padding:.875rem!important}.studio-setup-info-box h5{font-size:.8125rem!important;margin-bottom:.375rem!important}.studio-setup-info-box li{font-size:.75rem!important;margin-bottom:.25rem!important}}@media (max-width:400px){.studio-modal-content{border-radius:8px!important;margin:.5rem!important}.studio-modal-content .modal-header{padding:.875rem!important}.studio-modal-content .modal-header h3{font-size:.9375rem!important}.studio-modal-content .modal-subtitle{font-size:.6875rem!important}.studio-modal-content .modal-icon{height:36px!important;width:36px!important}.studio-modal-content .modal-body,.studio-modal-content .modal-footer{padding:.875rem!important}.studio-modal-content .btn-primary,.studio-modal-content .btn-secondary{font-size:.8125rem!important;padding:.625rem 1rem!important}.studio-setup-warning-box{margin-bottom:.75rem!important;padding:.625rem .75rem!important}.studio-setup-warning-title{font-size:.75rem!important}.studio-setup-warning-text{font-size:.6875rem!important}.studio-setup-info-box{padding:.75rem!important}.studio-setup-info-box h5{font-size:.75rem!important}.studio-setup-info-box li{font-size:.6875rem!important}}.dark-mode .detail-modal-header{background:#111;border-bottom-color:#2a2a2a}.dark-mode .detail-modal-header h2{color:#fff!important}.dark-mode .detail-modal-subtitle{color:#d1d5db}.dark-mode .detail-modal-close{background:#ffffff0d}.dark-mode .detail-modal-close:hover{background:#a855f733}.dark-mode .detail-modal-close svg{color:#9ca3af}.dark-mode .detail-modal-close:hover svg{color:#c084fc}.dark-mode .detail-info-item{background:linear-gradient(135deg,#1a1a1a,#111);border-color:#2a2a2a}.dark-mode .detail-info-item:hover{border-color:#c084fc;box-shadow:0 4px 12px #c084fc33}.dark-mode .detail-info-item p{color:#d1d5db}.dark-mode .detail-dot{background:#2a2a2a}.dark-mode .detail-dot.active{background:#c084fc;box-shadow:0 0 8px #c084fc66}.dark-mode .detail-info-badge.low{background:linear-gradient(135deg,#a855f733,#9333ea26);border-color:#a855f74d;box-shadow:0 2px 8px #a855f733;color:#c084fc}.dark-mode .detail-info-badge.low:hover{background:linear-gradient(135deg,#a855f74d,#9333ea33);border-color:#a855f766;box-shadow:0 4px 12px #a855f759;transform:translateY(-1px)}.dark-mode .detail-info-badge.medium{background:linear-gradient(135deg,#a855f733,#9333ea26);border-color:#a855f74d;box-shadow:0 2px 8px #a855f733;color:#c084fc}.dark-mode .detail-info-badge.medium:hover{background:linear-gradient(135deg,#a855f74d,#9333ea33);border-color:#a855f766;box-shadow:0 4px 12px #a855f759;transform:translateY(-1px)}.dark-mode .detail-info-badge.high{background:linear-gradient(135deg,#a855f733,#9333ea26);border-color:#a855f74d;box-shadow:0 2px 8px #a855f733;color:#c084fc}.dark-mode .detail-info-badge.high:hover{background:linear-gradient(135deg,#a855f74d,#9333ea33);border-color:#a855f766;box-shadow:0 4px 12px #a855f759;transform:translateY(-1px)}@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}@media (max-width:470px){.auto-detection-notice{flex-direction:column!important;gap:.5rem!important;padding:.75rem!important;position:relative!important}.auto-detection-notice svg{height:20px!important;width:20px!important}.auto-detection-notice>div{width:100%!important}.auto-detection-notice .notice-text{font-size:.8rem!important;line-height:1.4!important}.auto-detection-notice .notice-text span{font-size:.7rem!important;line-height:1.3!important}.auto-detection-notice button{align-self:auto!important;margin-top:0!important;position:absolute!important;right:.5rem!important;top:.5rem!important}}@media (max-width:400px){.auto-detection-notice .notice-text span{display:block!important;margin-top:.5rem!important}}.initial-loading-wrapper{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.initial-loading-content{align-items:center;color:#a855f7;display:flex;flex-direction:column;gap:1rem}.initial-loading-spinner{height:48px;width:48px}.initial-loading-text{font-size:1rem;font-weight:500;margin:0}@media (max-width:400px){.initial-loading-spinner{height:36px!important;width:36px!important}.generate-action{margin:0 auto!important;max-width:100%!important}.btn-link,.initial-loading-text{font-size:.875rem!important}.btn-link{gap:.375rem!important;padding:.375rem 0!important}.back-to-home{padding-top:1.5rem!important}.output-options-title{font-size:.75rem!important}}.credits-display{color:#a855f7}.credits-display,.out-of-credits-warning{align-items:center;display:flex;flex-direction:column;font-size:.875rem;gap:.5rem;justify-content:center;margin-top:0}.out-of-credits-warning{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;padding:1rem}.credits-reset-message{align-items:center;color:#a855f7;display:flex;font-size:.75rem;gap:.5rem;justify-content:center;margin-top:.5rem}@media (max-width:767px){.credits-reset-message{font-size:.7rem}}@media (max-width:500px){.credits-reset-message{font-size:.65rem}}@media (max-width:400px){.credits-reset-message{font-size:.6rem}}@media (max-width:360px){.credits-reset-message{font-size:.55rem}}.user-type-survey-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.user-type-survey-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:32px;width:90%}.user-type-survey-header{margin-bottom:28px;text-align:center}.user-type-survey-header h2{color:#1a1a1a;font-size:26px;font-weight:700;margin:0 0 8px}.user-type-survey-header p{color:#666;font-size:16px;margin:0}.user-type-options{display:flex;gap:12px;margin-bottom:24px}.user-type-option{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;color:#495057;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:15px;font-weight:600;gap:12px;justify-content:center;padding:24px 16px;transition:all .2s ease}.user-type-option.selected{background:linear-gradient(135deg,#a855f7,#9333ea)!important;border-color:#a855f7!important;box-shadow:0 8px 20px #a855f74d;color:#fff!important;transform:scale(1.02)}.user-type-option svg{color:inherit}.user-type-option.selected svg{stroke:#fff!important;fill:none!important}.user-type-confirm-btn{background:linear-gradient(135deg,#a855f7,#9333ea);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .2s ease;width:100%}.user-type-confirm-btn:hover:not(:disabled){box-shadow:0 8px 20px #a855f766;transform:translateY(-2px)}.user-type-confirm-btn:disabled{cursor:not-allowed;opacity:.5}.dark-mode .user-type-survey-modal{background:#1a1a1a}.dark-mode .user-type-survey-header h2{color:#fff}.dark-mode .user-type-survey-header p{color:#a0a0a0}.dark-mode .user-type-option{background:#2a2a2a;border-color:#3a3a3a;color:#e0e0e0}.dark-mode .user-type-option:hover{background:#333;border-color:#444}@media (max-width:768px){.user-type-survey-modal{padding:24px}.user-type-options{flex-direction:column;gap:10px}.user-type-option{flex-direction:row;gap:16px;padding:16px}.user-type-option svg{height:24px;width:24px}}@media (max-width:440px){.user-type-survey-modal{max-width:95%;padding:20px}.user-type-survey-header h2{font-size:22px}.user-type-survey-header p{font-size:14px}.user-type-option{font-size:14px;gap:12px;padding:14px 12px}.user-type-option svg{height:20px;width:20px}.user-type-confirm-btn{font-size:15px;padding:14px}}@media (max-width:400px){.user-type-survey-modal{padding:16px}.user-type-survey-header{margin-bottom:20px}.user-type-survey-header h2{font-size:20px;margin-bottom:6px}.user-type-survey-header p{font-size:13px}.user-type-options{gap:8px;margin-bottom:16px}.user-type-option{font-size:13px;gap:10px;padding:12px 10px}.user-type-option svg{height:18px;width:18px}.user-type-confirm-btn{font-size:14px;padding:12px}}.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:400px){.auth-container{padding:3rem 1rem 1rem!important}.auth-header{margin-bottom:1.5rem!important}.back-button{font-size:.8125rem!important;gap:.375rem!important}.logo-text{font-size:1.125rem!important}.auth-card{border-radius:14px!important;padding:1.5rem!important}.auth-form-header{margin-bottom:1.5rem!important}.auth-title{font-size:1.25rem!important;margin-bottom:.375rem!important}.auth-subtitle{font-size:.75rem!important;line-height:1.4!important}.social-login{gap:.625rem!important;margin-bottom:1.5rem!important}.social-btn{font-size:.8125rem!important;gap:.5rem!important;height:40px!important;padding:.625rem 1rem!important}.social-btn svg{height:16px!important;width:16px!important}.divider{font-size:.75rem!important;margin:1.5rem 0!important}.form-group{gap:.375rem!important;margin-bottom:1rem!important}.form-group label{font-size:.8125rem!important}.form-group input{border-radius:10px!important;font-size:.875rem!important;height:42px!important;padding:.625rem .875rem!important}.form-label{font-size:.8125rem!important;margin-bottom:.375rem!important}.form-input,.form-textarea{border-radius:10px!important;font-size:.875rem!important;padding:.625rem .875rem!important}.input-icon{height:16px!important;width:16px!important}.auth-submit-btn{font-size:.875rem!important;height:44px!important;margin-top:.375rem!important;padding:.75rem 1rem!important}.form-footer{font-size:.8125rem!important}.auth-toggle,.form-footer{margin-top:1.5rem!important}.auth-toggle{padding-top:1.5rem!important}.auth-toggle p,.toggle-btn,.toggle-form{font-size:.8125rem!important}.toggle-form{margin-top:1.5rem!important}.terms{margin-top:1.25rem!important}.terms p,.terms-link{font-size:.75rem!important}.form-row{gap:1rem!important;grid-template-columns:1fr!important}}@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}.auth-forgot-password-overlay{align-items:center;animation:authForgotPasswordFadeIn .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:10000}@keyframes authForgotPasswordFadeIn{0%{opacity:0}to{opacity:1}}.auth-forgot-password-content{animation:authForgotPasswordSlideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow:hidden;width:100%}@keyframes authForgotPasswordSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-forgot-password-header{align-items:center;border-bottom:1px solid #00000014;display:flex;justify-content:space-between;padding:1.5rem 1.75rem}.auth-forgot-password-header h2{color:#111827;font-size:1.25rem;font-weight:700;margin:0}.auth-forgot-password-close{align-items:center;background:#0000000a;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.auth-forgot-password-close:hover{background:#00000014;color:#111827}.auth-forgot-password-close svg{height:20px;width:20px}.auth-forgot-password-body{flex:1 1;overflow-y:auto;padding:1.75rem}.auth-forgot-password-description{color:#6b7280;font-size:.9375rem;line-height:1.6;margin:0 0 1.25rem}.auth-forgot-password-message{align-items:flex-start;border-radius:10px;display:flex;font-size:.875rem;gap:.75rem;line-height:1.5;margin-bottom:1.25rem;padding:.875rem 1rem}.auth-forgot-password-message svg{flex-shrink:0;margin-top:.125rem}.auth-forgot-password-error{background:#ef44441a;border:2px solid #ef4444;color:#991b1b}.auth-forgot-password-error svg{stroke:#ef4444}.auth-forgot-password-success{background:#10b9811a;border:2px solid #10b981;color:#065f46}.auth-forgot-password-success svg{stroke:#10b981}.auth-forgot-password-form{display:flex;flex-direction:column;gap:1.25rem}.auth-forgot-password-form-group{display:flex;flex-direction:column;gap:.5rem}.auth-forgot-password-form-group label{color:#374151;font-size:.875rem;font-weight:600}.auth-forgot-password-form-group input{border:2px solid #e5e7eb;border-radius:10px;color:#111827;font-size:.9375rem;outline:none;padding:.75rem 1rem;transition:all .2s ease}.auth-forgot-password-form-group input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a}.auth-forgot-password-form-group input::placeholder{color:#9ca3af}.auth-forgot-password-footer{display:flex;gap:.75rem;margin-top:.5rem}.auth-forgot-password-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:.9375rem;font-weight:600;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease}.auth-forgot-password-btn:disabled{cursor:not-allowed;opacity:.6}.auth-forgot-password-btn-primary{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 4px 12px #a855f74d;color:#fff}.auth-forgot-password-btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #a855f766;transform:translateY(-2px)}.auth-forgot-password-btn-primary:active:not(:disabled){transform:translateY(0)}.auth-forgot-password-btn-secondary{background:#fff;border:1.5px solid #e5e7eb;color:#6b7280}.auth-forgot-password-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.dark-mode .auth-forgot-password-content{background:#1a1a1a}.dark-mode .auth-forgot-password-header{border-bottom-color:#262626}.dark-mode .auth-forgot-password-header h2{color:#f9fafb}.dark-mode .auth-forgot-password-close{background:#ffffff0d;color:#9ca3af}.dark-mode .auth-forgot-password-close:hover{background:#ffffff1a;color:#f9fafb}.dark-mode .auth-forgot-password-description{color:#d1d5db}.dark-mode .auth-forgot-password-error{background:#ef444426;border-color:#ef444466;color:#fca5a5}.dark-mode .auth-forgot-password-success{background:#10b98126;border-color:#10b98166;color:#6ee7b7}.dark-mode .auth-forgot-password-form-group label{color:#e5e7eb}.dark-mode .auth-forgot-password-form-group input{background:#262626;border-color:#404040;color:#f9fafb}.dark-mode .auth-forgot-password-form-group input:focus{background:#1a1a1a;border-color:#a855f7}.dark-mode .auth-forgot-password-btn-secondary{background:#262626;border-color:#404040;color:#9ca3af}.dark-mode .auth-forgot-password-btn-secondary:hover:not(:disabled){background:#2d2d2d;border-color:#525252}@media (max-width:1199px){.auth-forgot-password-content{max-width:450px!important}.auth-forgot-password-body,.auth-forgot-password-header{padding:1.5rem!important}.auth-forgot-password-footer{flex-direction:row!important;justify-content:flex-end!important}.auth-forgot-password-btn{flex:0 1 auto!important;min-width:120px!important}}@media (max-width:768px){.auth-forgot-password-overlay{padding:.75rem!important}.auth-forgot-password-content{border-radius:14px!important;max-height:88vh!important;max-width:95%!important}.auth-forgot-password-header{padding:1.25rem!important}.auth-forgot-password-header h2{font-size:1.125rem!important}.auth-forgot-password-close{height:34px!important;width:34px!important}.auth-forgot-password-body{padding:1.25rem!important}.auth-forgot-password-description{font-size:.9375rem!important}.auth-forgot-password-message{font-size:.875rem!important;padding:.875rem!important}.auth-forgot-password-form-group label{font-size:.875rem!important}.auth-forgot-password-form-group input{font-size:1rem!important;padding:.875rem 1rem!important}.auth-forgot-password-footer{flex-direction:column-reverse!important;gap:.75rem!important}.auth-forgot-password-btn{font-size:1rem!important;padding:1rem 1.5rem!important;width:100%!important}}@media (max-width:575px){.auth-forgot-password-content{border-radius:12px!important;max-height:82vh!important}.auth-forgot-password-header{padding:1.125rem!important}.auth-forgot-password-header h2{font-size:1.0625rem!important}.auth-forgot-password-body{padding:1.125rem!important}.auth-forgot-password-description{font-size:.875rem!important}.auth-forgot-password-btn{font-size:.9375rem!important}}@media (max-width:400px){.auth-forgot-password-overlay{padding:.5rem!important}.auth-forgot-password-content{border-radius:12px!important;max-height:72vh!important;max-width:95%!important}.auth-forgot-password-header{padding:1rem!important}.auth-forgot-password-header h2{font-size:1rem!important}.auth-forgot-password-close{height:32px!important;width:32px!important}.auth-forgot-password-close svg{height:18px!important;width:18px!important}.auth-forgot-password-body{padding:1rem!important}.auth-forgot-password-description{font-size:.8125rem!important;margin-bottom:1rem!important}.auth-forgot-password-message{font-size:.8125rem!important;gap:.625rem!important;padding:.75rem!important}.auth-forgot-password-message svg{height:14px!important;width:14px!important}.auth-forgot-password-form{gap:1rem!important}.auth-forgot-password-form-group label{font-size:.8125rem!important}.auth-forgot-password-form-group input{font-size:.9375rem!important;padding:.75rem .875rem!important}.auth-forgot-password-footer{gap:.625rem!important;margin-top:.25rem!important}.auth-forgot-password-btn{font-size:.875rem!important;padding:.875rem 1.25rem!important}}.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:1199px){.reset-password-container{padding:3.5rem 1.75rem 1.75rem!important}.reset-password-card{border-radius:14px!important;padding:2.5rem!important}.reset-password-title{font-size:1.75rem!important}.reset-password-subtitle{font-size:.9375rem!important}.reset-password-header{margin-bottom:1.75rem!important}.back-button{font-size:.875rem!important}.logo-text{font-size:1.15rem!important}.reset-password-info{margin-top:1.75rem!important;padding-top:1.75rem!important}}@media (max-width:768px){.reset-password-container{padding:3rem 1.5rem 1.5rem!important}.reset-password-card{border-radius:12px!important;padding:2rem!important}.reset-password-title{font-size:1.625rem!important}.reset-password-subtitle{font-size:.9rem!important}.reset-password-header{margin-bottom:1.5rem!important}.back-button{font-size:.85rem!important;gap:.4rem!important}.back-button svg{height:18px!important;width:18px!important}.logo-text{font-size:1.1rem!important}.logo-icon img{height:28px!important;width:28px!important}.error-icon svg,.password-success-icon svg{height:42px!important;width:42px!important}.form-group input{font-size:.95rem!important;padding:.8rem .9rem!important}.reset-password-actions .btn-primary,.reset-password-actions .btn-secondary,.reset-password-submit-btn{font-size:.95rem!important;padding:.8rem 1.35rem!important}.reset-password-info{margin-top:1.5rem!important;padding-top:1.5rem!important}.reset-password-form{gap:1.35rem!important}}@media (max-width:575px){.reset-password-container{padding:2.5rem 1.25rem 1.25rem!important}.reset-password-card{border-radius:10px!important;padding:1.75rem!important}.reset-password-title{font-size:1.5rem!important}.reset-password-subtitle{font-size:.875rem!important}.reset-password-header{margin-bottom:1.25rem!important}.back-button{font-size:.8rem!important;gap:.35rem!important}.back-button svg{height:16px!important;width:16px!important}.logo-text{font-size:1.05rem!important}.logo-icon img{height:26px!important;width:26px!important}.error-icon svg,.password-success-icon svg{height:38px!important;width:38px!important}.password-requirements{padding:.875rem!important}.password-requirements h4,.password-requirements li{font-size:.8125rem!important}.form-group input{font-size:.9rem!important;padding:.75rem .875rem!important}.form-group label{font-size:.8125rem!important}.reset-password-actions .btn-primary,.reset-password-actions .btn-secondary,.reset-password-submit-btn{font-size:.9rem!important;padding:.75rem 1.25rem!important}.reset-password-info{margin-top:1.25rem!important;padding-top:1.25rem!important}.reset-password-info p{font-size:.8125rem!important}.reset-password-form{gap:1.25rem!important}.reset-password-actions{gap:.65rem!important}}@media (max-width:400px){.reset-password-container{padding:2rem 1rem 1rem!important}.reset-password-card{border-radius:8px!important;padding:1.5rem!important}.reset-password-title{font-size:1.375rem!important}.reset-password-subtitle{font-size:.8125rem!important;line-height:1.4!important}.reset-password-header{gap:.75rem!important;margin-bottom:1rem!important}.back-button{font-size:.75rem!important;gap:.3rem!important}.back-button svg{height:14px!important;width:14px!important}.logo-text{font-size:1rem!important}.logo-icon img{height:24px!important;width:24px!important}.logo{gap:.5rem!important}.error-icon svg,.password-success-icon svg{height:36px!important;width:36px!important}.reset-password-form-header{margin-bottom:1.5rem!important}.password-requirements{padding:.75rem!important}.password-requirements h4{font-size:.75rem!important;margin-bottom:.4rem!important}.password-requirements li{font-size:.75rem!important;margin-bottom:.2rem!important}.form-group input{border-radius:10px!important;font-size:.875rem!important;padding:.7rem .8rem!important}.form-group label{font-size:.75rem!important}.form-group{gap:.4rem!important}.reset-password-actions .btn-primary,.reset-password-actions .btn-secondary,.reset-password-submit-btn{border-radius:10px!important;font-size:.875rem!important;padding:.7rem 1.125rem!important}.reset-password-info{margin-top:1.125rem!important;padding-top:1.125rem!important}.reset-password-info p{font-size:.75rem!important;line-height:1.4!important}.reset-password-message{font-size:.8125rem!important;padding:.75rem .875rem!important}.reset-password-form{gap:1.125rem!important}.reset-password-actions{gap:.6rem!important;margin-top:1.5rem!important}}.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;position:relative;z-index:1}.legal-page .legal-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:1.5rem;margin-left:0;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .2s ease;z-index:1}.legal-page .legal-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!important}.legal-container{padding:0 .5rem!important}.legal-title-section{padding:1.5rem!important}.legal-title-section h1{font-size:2rem!important}.legal-section{padding:1.5rem!important}.cookie-row{gap:.5rem!important;grid-template-columns:1fr!important}.gdpr-quick-actions{align-items:center!important;flex-direction:column!important}.gdpr-primary-btn,.gdpr-secondary-btn{max-width:250px!important;width:100%!important}.license-grid{grid-template-columns:1fr!important}.cookie-actions{flex-direction:column!important}.accept-all-btn,.save-preferences-btn{width:100%!important}}@media (max-width:400px){.legal-page{padding:.75rem 0!important}.legal-container{padding:0 .375rem!important}.legal-header{margin-bottom:1.5rem!important}.legal-page .legal-back-button{font-size:.8125rem!important;gap:.375rem!important;margin-bottom:.875rem!important;margin-left:0!important;padding:.625rem .875rem!important}.legal-page .legal-back-button svg{height:16px!important;width:16px!important}.legal-title-section{border-radius:.75rem!important;padding:1rem!important}.legal-title-section h1{font-size:1.5rem!important;margin-bottom:.375rem!important}.legal-subtitle{font-size:.8125rem!important}.legal-content{border-radius:.75rem!important}.legal-section{padding:1rem!important}.legal-section h2{font-size:1.125rem!important;margin-bottom:.75rem!important;padding-bottom:.375rem!important}.legal-section h3{font-size:1rem!important;margin:1rem 0 .5rem!important}.legal-section h4{font-size:.9375rem!important;margin:.75rem 0 .375rem!important}.legal-section p{line-height:1.6!important}.legal-section ol,.legal-section p,.legal-section ul{font-size:.8125rem!important;margin-bottom:.75rem!important}.legal-section ol,.legal-section ul{padding-left:1.125rem!important}.legal-section li{line-height:1.5!important;margin:.375rem 0!important}.contact-info{border-radius:.5rem!important;margin:.75rem 0!important;padding:1rem!important}.contact-info p{font-size:.8125rem!important;margin-bottom:.375rem!important}.cookie-table{border-radius:.5rem!important;margin:.75rem 0!important}.cookie-row{gap:.375rem!important;padding:.75rem!important}.cookie-duration,.cookie-name,.cookie-purpose{font-size:.75rem!important}.cookie-settings-section{padding:1rem!important}.cookie-controls{margin:1rem 0!important}.cookie-control{border-radius:.5rem!important;margin:.75rem 0!important;padding:.75rem!important}.cookie-control label{font-size:.8125rem!important;gap:.5rem!important}.cookie-control input[type=checkbox]{height:1rem!important;width:1rem!important}.cookie-control p{font-size:.75rem!important;margin:.375rem 0 0 1.5rem!important}.cookie-actions{gap:.625rem!important}.accept-all-btn,.save-preferences-btn{border-radius:.5rem!important;font-size:.8125rem!important;padding:.625rem 1rem!important}.cookie-saved-message{font-size:.8125rem!important;gap:.375rem!important}.cookie-saved-message,.cookie-status-info{border-radius:.5rem!important;padding:.75rem!important}.cookie-status-info{margin:.75rem 0!important}.cookie-status-info p{font-size:.75rem!important}.reset-consent-btn{border-radius:.5rem!important;font-size:.8125rem!important;padding:.625rem 1rem!important}.gdpr-right{border-radius:.5rem!important;margin:.75rem 0!important;padding:1rem!important}.gdpr-right h3{font-size:.9375rem!important;margin-bottom:.5rem!important}.gdpr-right p{font-size:.8125rem!important}.gdpr-action-btn{border-radius:.375rem!important;font-size:.75rem!important;margin-top:.375rem!important;padding:.5rem .875rem!important}.processing-activity{border-radius:.5rem!important;margin:.75rem 0!important;padding:1rem!important}.processing-activity h3{font-size:.9375rem!important;margin-bottom:.5rem!important}.processing-activity p{font-size:.75rem!important;margin-bottom:.25rem!important}.gdpr-contact-section{padding:1rem!important}.gdpr-contact-section h2{font-size:1.125rem!important}.gdpr-quick-actions{gap:.625rem!important;margin-top:1rem!important}.gdpr-primary-btn,.gdpr-secondary-btn{border-radius:.5rem!important;font-size:.8125rem!important;max-width:none!important;padding:.625rem 1rem!important}.license-tier{border-radius:.5rem!important;margin:1rem 0!important;padding:1rem!important}.license-badge{font-size:.625rem!important;margin-bottom:.75rem!important;padding:.1875rem .5rem!important}.license-permissions,.license-restrictions{margin:.75rem 0!important}.license-permissions li,.license-restrictions li{font-size:.75rem!important;gap:.375rem!important}.attribution-example{border-radius:.375rem!important;font-size:.6875rem!important;margin:.75rem 0!important;padding:.75rem!important}.oss-category{margin:1.25rem 0!important}.oss-component{border-radius:.375rem!important;margin:.75rem 0!important;padding:.75rem!important}.oss-component h4{font-size:.875rem!important;margin-bottom:.375rem!important}.oss-component p{font-size:.75rem!important}.license-summary{padding:1rem!important}.license-summary h2{font-size:1.125rem!important}.license-grid{gap:.75rem!important;margin-top:1rem!important}.license-card{border-radius:.5rem!important;padding:1rem!important}.license-card h3{font-size:1rem!important;margin-bottom:.5rem!important}.license-card p,.license-card ul li{font-size:.75rem!important}.license-price{font-size:1.25rem!important;margin-top:.75rem!important}}.dark-mode .legal-page{background:#000!important}.dark-mode .legal-page .legal-back-button{background:#111!important;border-color:#2a2a2a!important;color:#b0b0b0!important}.dark-mode .legal-page .legal-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}.gdpr-delete-account-overlay{align-items:center;animation:gdprDeleteAccountFadeIn .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:10000}@keyframes gdprDeleteAccountFadeIn{0%{opacity:0}to{opacity:1}}.gdpr-delete-account-content{animation:gdprDeleteAccountSlideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow:hidden;width:100%}@keyframes gdprDeleteAccountSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gdpr-delete-account-header{align-items:center;border-bottom:1px solid #00000014;display:flex;justify-content:space-between;padding:1.5rem 1.75rem}.gdpr-delete-account-header h3{color:#111827;font-size:1.25rem;font-weight:700;margin:0}.gdpr-delete-account-close{align-items:center;background:#0000000a;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.gdpr-delete-account-close:hover{background:#00000014;color:#111827}.gdpr-delete-account-close svg{height:20px;width:20px}.gdpr-delete-account-body{display:flex;flex:1 1;flex-direction:column;gap:1.25rem;overflow-y:auto;padding:1.75rem}.gdpr-delete-account-warning{background:#ef44441a;border:2px solid #ef44444d;border-radius:12px;display:flex;gap:1rem;padding:1.25rem}.gdpr-delete-account-warning-icon{align-items:center;background:#ef444426;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.gdpr-delete-account-warning-icon svg{stroke:#ef4444}.gdpr-delete-account-warning-content{flex:1 1}.gdpr-delete-account-warning-title{color:#ef4444;font-size:.9375rem;font-weight:700;margin:0 0 .5rem}.gdpr-delete-account-warning-text{color:#374151;font-size:.875rem;line-height:1.5;margin:0 0 .5rem}.gdpr-delete-account-warning-list{list-style:disc;margin:0;padding-left:1.25rem}.gdpr-delete-account-warning-list li{color:#374151;font-size:.875rem;line-height:1.6;margin-bottom:.25rem}.gdpr-delete-account-warning-list li:last-child{margin-bottom:0}.gdpr-delete-account-error{word-wrap:break-word;align-items:flex-start;background:#ef44441a;border:2px solid #ef4444;border-radius:10px;color:#991b1b;display:flex;font-size:.875rem;gap:.75rem;line-height:1.5;overflow-wrap:break-word;padding:.875rem 1rem;white-space:pre-wrap}.gdpr-delete-account-error svg{stroke:#ef4444;flex-shrink:0;margin-top:.125rem}.gdpr-delete-account-form-group{display:flex;flex-direction:column;gap:.5rem}.gdpr-delete-account-form-group label{color:#374151;font-size:.875rem;font-weight:600}.gdpr-delete-account-input{border:2px solid #e5e7eb;border-radius:10px;color:#111827;font-family:monospace;font-size:.9375rem;font-weight:600;outline:none;padding:.75rem 1rem;transition:all .2s ease}.gdpr-delete-account-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.gdpr-delete-account-input::placeholder{color:#9ca3af;font-weight:400}.gdpr-delete-account-footer{background:linear-gradient(180deg,#0000 0,#00000005);border-top:1px solid #0000000f;display:flex;gap:.75rem;padding:1.5rem 1.75rem}.gdpr-delete-account-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:.9375rem;font-weight:600;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease}.gdpr-delete-account-btn:disabled{cursor:not-allowed;opacity:.5}.gdpr-delete-account-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.gdpr-delete-account-btn-danger:hover:not(:disabled){box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.gdpr-delete-account-btn-danger:active:not(:disabled){transform:translateY(0)}.gdpr-delete-account-btn-secondary{background:#fff;border:1.5px solid #e5e7eb;color:#6b7280}.gdpr-delete-account-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.dark-mode .gdpr-delete-account-content{background:#1a1a1a}.dark-mode .gdpr-delete-account-header{border-bottom-color:#262626}.dark-mode .gdpr-delete-account-header h3{color:#f9fafb}.dark-mode .gdpr-delete-account-close{background:#ffffff0d;color:#9ca3af}.dark-mode .gdpr-delete-account-close:hover{background:#ffffff1a;color:#f9fafb}.dark-mode .gdpr-delete-account-warning{background:#ef444426;border-color:#ef444466}.dark-mode .gdpr-delete-account-warning-icon{background:#ef444433}.dark-mode .gdpr-delete-account-warning-title{color:#fca5a5}.dark-mode .gdpr-delete-account-warning-list li,.dark-mode .gdpr-delete-account-warning-text{color:#e5e7eb}.dark-mode .gdpr-delete-account-error{background:#ef444426;border-color:#ef444466;color:#fca5a5}.dark-mode .gdpr-delete-account-form-group label{color:#e5e7eb}.dark-mode .gdpr-delete-account-input{background:#262626;border-color:#404040;color:#f9fafb}.dark-mode .gdpr-delete-account-input:focus{background:#1a1a1a;border-color:#ef4444}.dark-mode .gdpr-delete-account-footer{background:linear-gradient(180deg,#0000 0,#ffffff05);border-top-color:#262626}.dark-mode .gdpr-delete-account-btn-secondary{background:#262626;border-color:#404040;color:#9ca3af}.dark-mode .gdpr-delete-account-btn-secondary:hover:not(:disabled){background:#2d2d2d;border-color:#525252}@media (max-width:1199px){.gdpr-delete-account-content{max-width:520px!important}.gdpr-delete-account-body,.gdpr-delete-account-header{padding:1.5rem!important}.gdpr-delete-account-footer{flex-direction:row!important;justify-content:flex-end!important;padding:1.5rem!important}.gdpr-delete-account-btn{flex:0 1 auto!important;min-width:140px!important}}@media (max-width:768px){.gdpr-delete-account-overlay{padding:.75rem!important}.gdpr-delete-account-content{border-radius:14px!important;max-height:88vh!important;max-width:95%!important}.gdpr-delete-account-header{padding:1.25rem!important}.gdpr-delete-account-header h3{font-size:1.125rem!important}.gdpr-delete-account-close{height:34px!important;width:34px!important}.gdpr-delete-account-body{gap:1.125rem!important;padding:1.25rem!important}.gdpr-delete-account-warning{gap:.875rem!important;padding:1.125rem!important}.gdpr-delete-account-warning-icon{height:36px!important;width:36px!important}.gdpr-delete-account-warning-icon svg{height:18px!important;width:18px!important}.gdpr-delete-account-warning-title{font-size:.9375rem!important}.gdpr-delete-account-error,.gdpr-delete-account-warning-list li,.gdpr-delete-account-warning-text{font-size:.875rem!important}.gdpr-delete-account-error{padding:.875rem!important}.gdpr-delete-account-form-group label{font-size:.875rem!important}.gdpr-delete-account-input{font-size:1rem!important;padding:.875rem 1rem!important}.gdpr-delete-account-footer{flex-direction:column-reverse!important;gap:.75rem!important;padding:1.25rem!important}.gdpr-delete-account-btn{font-size:1rem!important;padding:1rem 1.5rem!important;width:100%!important}}@media (max-width:575px){.gdpr-delete-account-content{border-radius:12px!important;max-height:82vh!important}.gdpr-delete-account-header{padding:1.125rem!important}.gdpr-delete-account-header h3{font-size:1.0625rem!important}.gdpr-delete-account-body{gap:1rem!important;padding:1.125rem!important}.gdpr-delete-account-warning{padding:1rem!important}.gdpr-delete-account-warning-title{font-size:.875rem!important}.gdpr-delete-account-warning-list li,.gdpr-delete-account-warning-text{font-size:.8125rem!important}.gdpr-delete-account-btn{font-size:.9375rem!important}}@media (max-width:400px){.gdpr-delete-account-overlay{padding:.5rem!important}.gdpr-delete-account-content{border-radius:12px!important;max-height:72vh!important;max-width:95%!important}.gdpr-delete-account-header{padding:1rem!important}.gdpr-delete-account-header h3{font-size:1rem!important}.gdpr-delete-account-close{height:32px!important;width:32px!important}.gdpr-delete-account-close svg{height:18px!important;width:18px!important}.gdpr-delete-account-body{gap:1rem!important;padding:1rem!important}.gdpr-delete-account-warning{gap:.75rem!important;padding:.875rem!important}.gdpr-delete-account-warning-icon{height:32px!important;width:32px!important}.gdpr-delete-account-warning-icon svg{height:16px!important;width:16px!important}.gdpr-delete-account-warning-title{font-size:.8125rem!important}.gdpr-delete-account-warning-text{font-size:.75rem!important;margin-bottom:.375rem!important}.gdpr-delete-account-warning-list{padding-left:1rem!important}.gdpr-delete-account-warning-list li{font-size:.75rem!important;margin-bottom:.1875rem!important}.gdpr-delete-account-error{font-size:.8125rem!important;gap:.625rem!important;padding:.75rem!important}.gdpr-delete-account-error svg{height:14px!important;width:14px!important}.gdpr-delete-account-form-group{gap:.375rem!important}.gdpr-delete-account-form-group label{font-size:.8125rem!important}.gdpr-delete-account-input{font-size:.9375rem!important;padding:.75rem .875rem!important}.gdpr-delete-account-footer{gap:.625rem!important;padding:1rem!important}.gdpr-delete-account-btn{font-size:.875rem!important;padding:.875rem 1.25rem!important}}.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:2.5rem;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:1rem;font-weight:500}.controls-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:0 1rem}.filters-wrapper{display:flex;flex-direction:column;gap:1rem}.filters-section{align-items:center;display:flex;gap:1rem}.filters-section.line-type-filter{animation:slideInDown .3s ease-out forwards;overflow:hidden}@keyframes slideInDown{0%{margin-top:0;max-height:0;opacity:0;transform:translateY(-10px)}to{margin-top:0;max-height:100px;opacity:1;transform:translateY(0)}}.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;outline:none;padding:.5rem 1rem;transition:all .2s ease}.filter-button:focus{outline:none}.filter-button:hover{border-color:#a855f7;color:#a855f7}.filter-button.active{background:#a855f7;border-color:#a855f7;color:#fff}.filter-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.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;position:relative;transition:all .3s ease}.stencil-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.stencil-paywall-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.paywall-content{align-items:center;color:#fff;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.paywall-content svg{stroke-width:2.5;color:#a855f7}.paywall-content p{font-size:1rem;font-weight:600;margin:0}.paywall-upgrade-btn{background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:8px;box-shadow:0 4px 12px #a855f74d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.paywall-upgrade-btn:hover{box-shadow:0 6px 16px #a855f766;transform:translateY(-2px)}.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}.line-type-icon{align-items:center;display:inline-flex;margin-left:.25rem;opacity:1}.badge-gold{background:linear-gradient(135deg,#eab30826,#ca8a041a);border-color:#eab30833;box-shadow:0 2px 8px #eab30826;color:#ca8a04}.badge-gold:hover{background:linear-gradient(135deg,#eab30833,#ca8a0426);border-color:#eab3084d;box-shadow:0 4px 12px #eab30840;transform:translateY(-1px)}.badge-purple{background:linear-gradient(135deg,#a855f726,#9333ea1a);border-color:#a855f733;box-shadow:0 2px 8px #a855f726;color:#7c3aed}.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:#2563eb}.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:column!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) .checkmark,.compare-checkbox-container:has(.compare-checkbox:checked) .compare-label{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)}.download-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.delete-button{align-items:center!important;background:#ef4444!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex:1 1 auto!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:.875rem!important;font-weight:600!important;gap:.5rem!important;justify-content:center!important;max-width:100%!important;min-width:100%!important;padding:.75rem 1rem!important;transition:all .2s ease!important;width:100%!important}.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}.stencils-pagination{border-top:none;display:flex;flex-direction:column;gap:1.5rem;margin-left:auto;margin-right:auto;margin-top:3rem;max-width:1400px;padding:2rem 1rem 1rem}.stencils-pagination-controls{align-items:center;display:flex;flex-wrap:nowrap!important;gap:1rem;justify-content:center}.stencils-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}.stencils-pagination-button:hover:not(:disabled){background:#a855f705;border-color:#a855f7;color:#a855f7}.stencils-pagination-button:disabled{border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.5}.stencils-page-numbers-container{align-items:center;display:flex;gap:.25rem}.stencils-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}.stencils-page-number-button:hover{background:#a855f705;border-color:#a855f7;color:#a855f7}.stencils-page-number-button.active{background:#a855f7;border-color:#a855f7;color:#fff;font-weight:600}.stencils-page-number-button.active:hover{background:#9333ea;border-color:#9333ea}.stencils-pagination-info{flex-wrap:wrap;gap:1rem;justify-content:space-between}.stencils-pagination-info,.stencils-pagination-stats{align-items:center;display:flex}.stencils-item-count{color:#718096;font-size:.875rem;font-weight:500}.stencils-page-jump{align-items:center;display:flex;gap:.5rem}.stencils-page-jump-input,.stencils-page-jump-label{color:#374151;font-size:.875rem;font-weight:500}.stencils-page-jump-input{border:1px solid #e2e8f0;border-radius:6px;padding:.5rem;text-align:center;transition:all .2s ease;width:60px}.stencils-page-jump-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.stencils-page-jump-input:invalid{border-color:#ef4444}.stencils-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}.stencils-pagination-controls{flex-wrap:nowrap!important;gap:.5rem!important;justify-content:center!important}.stencils-pagination-button{flex-shrink:0!important;font-size:.875rem!important;padding:.5rem 1rem!important}.stencils-page-number-button{flex-shrink:0!important;height:36px!important;width:36px!important}.stencils-pagination-info{align-items:center;flex-direction:column;gap:1rem;text-align:center}.stencils-page-jump{gap:.375rem}.stencils-page-jump-label{font-size:.8rem}.stencils-page-jump-input{font-size:.8rem;padding:.375rem;width:50px}.stencils-item-count,.stencils-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}.detail-badge{font-size:.7rem!important;gap:.25rem;padding:.375rem .625rem!important}.detail-badge svg{height:12px;width:12px}.stencils-pagination-controls{gap:.375rem!important}.stencils-pagination-button{font-size:.8rem!important;padding:.5rem .75rem!important}.stencils-page-number-button{font-size:.8rem!important;height:34px!important;width:34px!important}}@media (max-width:480px){.image-modal-overlay .detail-badge{display:none!important}.stencils-pagination-controls{gap:.25rem!important}.stencils-pagination-button{font-size:.75rem!important;padding:.4rem .625rem!important}.stencils-page-number-button{font-size:.75rem!important;height:32px!important;width:32px!important}}@media (max-width:475px){.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}}.filter-text-full{display:inline}.filter-text-short{display:none}.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:92vh;max-width:90vw;overflow:hidden;overflow-y:auto;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:300px;overflow:auto;padding:2rem;position:relative}.modal-image{border-radius:8px;box-shadow:0 4px 20px #0000001a;max-height:40vh;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:40vh;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}.modal-compare-checkbox-container:hover .checkmark,.modal-compare-checkbox-container:hover .compare-label{color:#a855f7}.modal-compare-checkbox-container:has(.compare-checkbox:checked) .checkmark,.modal-compare-checkbox-container:has(.compare-checkbox:checked) .compare-label{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:row;flex-wrap:wrap;gap:.75rem;order:2}.modal-meta{flex:1 1;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;min-width:0;order:1}.modal-compare-checkbox-container{flex:0 0 auto;justify-content:center;min-height:44px;order:3;padding:.625rem .75rem;width:auto}.modal-color-picker{flex:0 0 auto;justify-content:center;order:2;width:auto}.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-logo{animation:logoFloat 2s ease-in-out infinite;height:80px;margin-bottom:2rem;width:80px}@keyframes logoFloat{0%,to{opacity:.9;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}.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-paywall-overlay{background:#000000e6}.dark-mode .paywall-content{color:#f9fafb}.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}.dark-mode .compare-checkbox-container:hover .checkmark,.dark-mode .compare-checkbox-container:hover .compare-label{color:#a855f7}.dark-mode .compare-checkbox-container:has(.compare-checkbox:checked) .checkmark,.dark-mode .compare-checkbox-container:has(.compare-checkbox:checked) .compare-label{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 .stencils-pagination{background:#0000;border-color:#0000}.dark-mode .stencils-pagination-button{background:#ffffff08;border-color:#ffffff14;box-shadow:0 1px 3px #0000004d;color:#e5e7eb}.dark-mode .stencils-pagination-button:hover:not(:disabled){background:#a855f726;border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;color:#fff}.dark-mode .stencils-pagination-button:disabled{background:#ffffff03;border-color:#ffffff08;box-shadow:none;color:#4b5563}.dark-mode .stencils-page-number-button{background:#ffffff08;border-color:#ffffff14;box-shadow:0 1px 3px #0000004d;color:#d1d5db}.dark-mode .stencils-page-number-button:hover{background:#a855f726;border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;color:#fff}.dark-mode .stencils-page-number-button.active{background:linear-gradient(135deg,#a855f7,#9333ea);border-color:#a855f7;box-shadow:0 4px 12px #a855f74d,0 0 0 3px #a855f71a;color:#fff}.dark-mode .stencils-pagination-stats{color:#9ca3af}.dark-mode .stencils-page-jump-label{color:#d1d5db}.dark-mode .stencils-page-jump-input{background:#ffffff08;border-color:#ffffff14;box-shadow:inset 0 1px 3px #0000004d;color:#f9fafb}.dark-mode .stencils-page-jump-input:focus{background:#a855f70d;border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a,inset 0 1px 3px #0000004d}.dark-mode .empty-state,.dark-mode .stencils-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:#2a2a2a;border-color:#404040;color:#9ca3af}.dark-mode .modal-compare-checkbox-container:hover{background:#a855f70d;border-color:#a855f7}.dark-mode .modal-compare-checkbox-container:hover .checkmark,.dark-mode .modal-compare-checkbox-container:hover .compare-label{color:#a855f7}.dark-mode .modal-compare-checkbox-container:has(.compare-checkbox:checked) .checkmark,.dark-mode .modal-compare-checkbox-container:has(.compare-checkbox:checked) .compare-label{color:#a855f7}.dark-mode .compare-label{color:inherit}.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 .mystencils-color-swatch-circle{box-shadow:0 2px 8px #0000004d}.dark-mode .mystencils-color-swatch-item:hover .mystencils-color-swatch-circle{box-shadow:0 4px 12px #0006}.dark-mode .mystencils-color-swatch-item.active .mystencils-color-swatch-circle{box-shadow:0 0 0 3px #a855f799}.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) scale(.95);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.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) scale(1)}.stencil-card:first-child{transition-delay:0s}.stencil-card:nth-child(2){transition-delay:.06s}.stencil-card:nth-child(3){transition-delay:.12s}.stencil-card:nth-child(4){transition-delay:.18s}.stencil-card:nth-child(5){transition-delay:.24s}.stencil-card:nth-child(6){transition-delay:.3s}.stencil-card:nth-child(7){transition-delay:.36s}.stencil-card:nth-child(8){transition-delay:.42s}.stencil-card:nth-child(9){transition-delay:.48s}.stencil-card:nth-child(10){transition-delay:.54s}.stencil-card:nth-child(11){transition-delay:.6s}.stencil-card:nth-child(12){transition-delay:.66s}.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:100%}.mystencils-color-swatches-container{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.mystencils-color-swatch-item{cursor:pointer;transition:all .2s ease}.mystencils-color-swatch-circle{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.mystencils-color-swatch-item:hover .mystencils-color-swatch-circle{box-shadow:0 4px 12px #0003;transform:scale(1.15)}.mystencils-color-swatch-item.active .mystencils-color-swatch-circle{box-shadow:0 0 0 3px #a855f780;transform:scale(1.1)}@media (max-width:1199px){.mystencils-color-swatch-circle{height:42px;width:42px}.mystencils-color-swatches-container{gap:.6rem}}@media (max-width:767px){.color-picker-wrapper{left:50%;max-width:calc(100vw - 2rem);right:auto;transform:translateX(-50%);width:280px}.mystencils-color-swatch-circle{height:38px;width:38px}.mystencils-color-swatches-container{gap:.5rem}}@media (max-width:480px){.color-picker-wrapper{width:260px}.mystencils-color-swatch-circle{height:34px;width:34px}.mystencils-color-swatches-container{gap:.4rem}}@media (max-width:360px){.color-picker-wrapper{width:240px}.mystencils-color-swatch-circle{height:30px;width:30px}.mystencils-color-swatches-container{gap:.35rem}}.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%}}.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:fixed;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}.dark-mode .checkout-loading-overlay{background:#000000e6}@media (max-width:400px){.my-stencils-title{font-size:1.5rem!important}.my-stencils-subtitle{font-size:.9rem!important}.header-badge{font-size:.7rem!important;padding:.375rem .75rem!important}.stat-card{padding:1rem}.stat-icon{height:40px;width:40px}.stat-number{font-size:1.5rem}.filter-label,.stat-label{font-size:.75rem}.filter-button{font-size:.7rem;padding:.375rem .625rem}.stencil-info{padding:.875rem}.stencil-title{font-size:1rem}.meta-item{font-size:.75rem}.detail-badge{font-size:.65rem!important;padding:.375rem .625rem!important}.stencil-actions{gap:.5rem;margin-top:.875rem;padding-top:.875rem}.delete-button,.download-button{font-size:.75rem!important;padding:.625rem .875rem!important}.delete-button{max-width:100%!important;min-width:100%!important;width:100%!important}.compare-button{font-size:.75rem;padding:.625rem .875rem}.stencils-pagination-controls{gap:.25rem!important}.stencils-pagination-button{font-size:.7rem!important;padding:.375rem .5rem!important}.stencils-page-number-button{font-size:.7rem!important;height:30px!important;width:30px!important}.stencils-item-count,.stencils-page-jump-label,.stencils-total-pages{font-size:.75rem}.stencils-page-jump-input{font-size:.75rem;padding:.375rem;width:45px}.empty-state{padding:3rem 1.5rem}.empty-state h3{font-size:1.1rem}.empty-state p{font-size:.9rem}.image-modal-header{padding:.625rem .875rem}.modal-title-row h3{font-size:1rem}.modal-close-button,.modal-delete-button{min-height:36px;min-width:36px;padding:.375rem}.modal-close-button svg,.modal-delete-button svg{height:16px;width:16px}.modal-download-button{font-size:.7rem;min-height:38px;padding:.5rem .625rem}.modal-download-button svg{height:12px;width:12px}.modal-image-container{min-height:200px;padding:.625rem}.modal-comparison-slider,.modal-image,.modal-single-image{max-height:40vh}.modal-compare-loading{max-height:40vh;max-width:80vw;min-height:min(80vw,40vh);min-width:min(80vw,40vh)}.modal-image-info{padding:.625rem .875rem}.expiration-notice{font-size:.75rem;padding:.5rem .625rem}.modal-meta-row{gap:.5rem!important}.meta-item{font-size:.7rem!important}.modal-compare-checkbox-container{font-size:.7rem!important;min-height:36px!important;padding:.5rem .625rem!important}.compare-label,.modal-color-picker{font-size:.7rem!important}.modal-color-picker{padding:.5rem .625rem!important}.color-swatch-button{border-width:1.5px!important;height:24px!important;width:24px!important}.detail-badge svg{height:10px!important;width:10px!important}.delete-modal{border-radius:12px!important;max-width:85vw!important}.delete-modal-header{padding:1.25rem 1.25rem .625rem!important}.delete-modal-icon{height:44px!important;padding:10px!important;width:44px!important}.delete-modal-content{padding:0 1.25rem 1.25rem!important}.delete-modal-title{font-size:1.1rem!important;margin-bottom:.75rem!important}.delete-modal-message{font-size:.85rem!important;margin-bottom:.75rem!important}.delete-modal-warning{font-size:.75rem!important;padding:.5rem .75rem!important}.delete-modal-actions{gap:.5rem!important;padding:0 1.25rem 1.25rem!important}.delete-modal-cancel,.delete-modal-confirm{border-radius:8px!important;font-size:.85rem!important;padding:.625rem .875rem!important}.mystencils-loading-spinner{height:44px;width:44px}.mystencils-loading-spinner-inner{border-width:3px;height:44px;width:44px}.mystencils-loading-spinner-inner:after{height:32px;left:3px;top:3px;width:32px}.mystencils-loading-text{font-size:.95rem}.mystencils-loading-subtitle{font-size:.8rem}.checkout-loading-content .spinner{height:40px!important;width:40px!important}.checkout-loading-content p{font-size:.9rem!important}.color-picker-wrapper{padding:1rem;width:280px}.color-preview{height:50px}.color-hex{font-size:.8rem}.set-default-color-btn{font-size:.8rem;padding:.5rem .875rem}.paywall-content{padding:1rem}.paywall-content p{font-size:.9rem}.paywall-upgrade-btn{font-size:.8rem;padding:.625rem 1.25rem}}.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}}.bar-stencils,.bar-upscales{opacity:0;transform:scaleY(0);transform-origin:bottom}.chart-visible .bar-stencils,.chart-visible .bar-upscales{animation:barGrowUp .8s ease-out forwards}@keyframes barGrowUp{to{opacity:1;transform:scaleY(1)}}.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-align:center;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:"STENCIL CREDITS USED"}.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}.invite-modal-self-invite{max-width:560px}.invite-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;padding:2rem 2rem 1.5rem}.invite-modal-header>div:not(.invite-modal-icon){display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.invite-modal-header h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.invite-modal-header p{color:#6b7280;font-size:.95rem;margin:0}.invite-modal-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.invite-modal-icon svg{color:#fff}.invite-modal-self-invite-icon{background:linear-gradient(135deg,#10b981,#059669)!important}.invite-modal-body{padding:2rem}.invite-modal-benefits{background:#f9fafb;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.invite-modal-benefits h4{color:#374151;font-size:.95rem;font-weight:700;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.invite-modal-benefits ul{display:flex;flex-direction:column;gap:.875rem;list-style:none;margin:0;padding:0}.invite-modal-benefits li{align-items:flex-start;display:flex;gap:.75rem}.invite-modal-benefits li svg{color:#10b981;flex-shrink:0;margin-top:2px}.invite-modal-benefits li span{color:#4b5563;font-size:.95rem;line-height:1.5}.invite-modal-benefits li strong{color:#1f2937;font-weight:600}.invite-modal-info{align-items:flex-start;background:#a855f714;border:1px solid #a855f733;border-radius:8px;display:flex;gap:.75rem;padding:1rem}.invite-modal-info svg{color:#a855f7;flex-shrink:0;margin-top:2px}.invite-modal-info p{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0}.invite-modal-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-modal-warning svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.invite-modal-warning h4{color:#92400e;font-size:.9rem;font-weight:600;margin:0 0 .5rem}.invite-modal-warning p{color:#78350f;font-size:.875rem;line-height:1.5;margin:0}.invite-modal-warning strong{font-weight:700}.invite-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem 2rem}.invite-modal-btn-primary,.invite-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}.invite-modal-btn-secondary{background:#f3f4f6;color:#374151}.invite-modal-btn-secondary:hover:not(:disabled){background:#e5e7eb}.invite-modal-btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.invite-modal-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.invite-modal-btn-primary:disabled,.invite-modal-btn-secondary:disabled{cursor:not-allowed;opacity:.6}.btn-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.invite-member-modal{max-width:560px}.invite-member-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;padding:2rem 2rem 1.5rem}.invite-member-header>div:not(.invite-member-icon){display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.invite-member-header h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.invite-member-header p{color:#6b7280;font-size:.95rem;margin:0}.invite-member-header p strong{color:#a855f7;font-weight:600}.invite-member-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-member-icon svg{color:#fff}.invite-member-body{padding:2rem}.invite-member-benefits{background:#f9fafb;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.invite-member-benefits h4{color:#374151;font-size:.95rem;font-weight:700;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.invite-member-benefits ul{display:flex;flex-direction:column;gap:.875rem;list-style:none;margin:0;padding:0}.invite-member-benefits li{align-items:flex-start;display:flex;gap:.75rem}.invite-member-benefits li svg{color:#10b981;flex-shrink:0;margin-top:2px}.invite-member-benefits li span{color:#4b5563;font-size:.95rem;line-height:1.5}.invite-member-benefits li span strong{color:#1f2937;font-weight:600}.invite-member-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-member-warning svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.invite-member-warning h4{color:#92400e;font-size:.9rem;font-weight:600;margin:0 0 .5rem}.invite-member-warning p{color:#78350f;font-size:.875rem;line-height:1.6;margin:0}.invite-member-warning strong{color:#78350f;font-weight:700}.invite-member-info{align-items:flex-start;background:#a855f714;border:1px solid #a855f733;border-radius:8px;display:flex;gap:.75rem;padding:1rem}.invite-member-info svg{color:#a855f7;flex-shrink:0;margin-top:2px}.invite-member-info p{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0}.invite-member-footer{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;padding:2rem}.invite-member-btn-secondary{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 1.75rem;transition:all .2s ease}.invite-member-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#1f2937}.invite-member-btn-secondary:disabled{cursor:not-allowed;opacity:.6}.invite-member-btn-primary{align-items:center;background:linear-gradient(135deg,#a855f7,#9333ea);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}.invite-member-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #a855f74d;transform:translateY(-1px)}.invite-member-btn-primary:active{transform:translateY(0)}.invite-member-btn-primary:disabled{cursor:not-allowed;opacity:.6}.exit-modal-remove-member{max-width:560px}.exit-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;padding:2rem 2rem 1.5rem}.exit-modal-header>div:not(.exit-modal-icon){display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.exit-modal-header h3{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0 0 .25rem}.exit-modal-header p{color:#6b7280;font-size:.95rem;line-height:1.4;margin:0}.exit-modal-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.exit-modal-icon svg{color:#fff}.exit-modal-remove-icon{background:linear-gradient(135deg,#dc2626,#b91c1c)!important}.exit-modal-body{padding:2rem}.exit-modal-info{background:#f9fafb;border-radius:12px;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.exit-modal-member-detail{align-items:flex-start;display:flex;gap:.75rem}.exit-modal-member-detail svg{color:#6b7280;flex-shrink:0;margin-top:2px}.exit-modal-member-detail div{display:flex;flex-direction:column;gap:.25rem}.exit-modal-member-detail strong{color:#374151;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.exit-modal-member-detail span{color:#1f2937;font-size:.95rem;word-break:break-all}.exit-modal-consequences{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.exit-modal-consequences h4{color:#991b1b;font-size:.95rem;font-weight:700;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.exit-modal-consequences ul{display:flex;flex-direction:column;gap:.875rem;list-style:none;margin:0;padding:0}.exit-modal-consequences li{align-items:flex-start;display:flex;gap:.75rem}.exit-modal-consequences li svg{color:#dc2626;flex-shrink:0;margin-top:2px}.exit-modal-consequences li span{color:#7f1d1d;font-size:.95rem;line-height:1.5}.exit-modal-warning{align-items:flex-start;background:#f59e0b14;border:1px solid #f59e0b4d;border-radius:8px;display:flex;gap:.75rem;padding:1rem}.exit-modal-warning svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.exit-modal-warning p{color:#92400e;font-size:.9rem;line-height:1.5;margin:0}.exit-modal-footer{border-top:1px solid #e5e7eb;display:flex;flex-direction:row!important;gap:.75rem;justify-content:flex-end!important;padding:2rem}.exit-modal-btn-secondary{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 1.75rem;transition:all .2s ease}.exit-modal-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#1f2937}.exit-modal-btn-secondary:disabled{cursor:not-allowed;opacity:.6}.exit-modal-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}.exit-modal-btn-danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.exit-modal-btn-danger:active{transform:translateY(0)}.exit-modal-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 .invite-modal-overlay{background:#000000d9}.dark-mode .invite-modal-self-invite{background:#1a1a1a;border:1px solid #333}.dark-mode .invite-modal-header{border-bottom-color:#333}.dark-mode .invite-modal-header h3{color:#f9fafb}.dark-mode .invite-modal-header p{color:#9ca3af}.dark-mode .invite-modal-benefits{background:#0d0d0d}.dark-mode .invite-modal-benefits h4,.dark-mode .invite-modal-benefits li span{color:#d1d5db}.dark-mode .invite-modal-benefits li strong{color:#f9fafb}.dark-mode .invite-modal-info{background:#a855f71f;border-color:#a855f74d}.dark-mode .invite-modal-info p{color:#9ca3af}.dark-mode .invite-modal-warning{background:#fbbf241f;border-color:#fbbf244d}.dark-mode .invite-modal-warning h4{color:#fbbf24}.dark-mode .invite-modal-warning p{color:#d1d5db}.dark-mode .invite-modal-footer{border-top-color:#333}.dark-mode .invite-modal-btn-secondary{background:#262626;border:1px solid #333;color:#e5e7eb}.dark-mode .invite-modal-btn-secondary:hover:not(:disabled){background:#333;border-color:#4a4a4a}@media (max-width:1199px){.invite-modal-self-invite{margin:1.5rem 1rem!important;max-width:480px!important}.invite-modal-header{gap:1rem!important;padding:1.5rem 1.5rem 1.25rem!important}.invite-modal-header h3{font-size:1.25rem!important}.invite-modal-header p{font-size:.875rem!important}.invite-modal-icon{height:44px!important;width:44px!important}.invite-modal-body,.invite-modal-footer{padding:1.5rem!important}.invite-modal-benefits{padding:1.25rem!important}.invite-modal-benefits h4,.invite-modal-benefits li span{font-size:.875rem!important}.invite-modal-info,.invite-modal-warning{padding:.875rem!important}.invite-modal-info p,.invite-modal-warning h4,.invite-modal-warning p{font-size:.8125rem!important}}@media (max-width:768px){.invite-modal-self-invite{border-radius:12px!important;margin:1rem .75rem!important;max-height:85vh!important;max-width:95%!important}.invite-modal-header{gap:.875rem!important;padding:1.25rem 1.25rem 1rem!important}.invite-modal-header h3{font-size:1.25rem!important;line-height:1.3!important}.invite-modal-header p{font-size:.9rem!important}.invite-modal-icon{border-radius:10px!important;height:44px!important;width:44px!important}.invite-modal-body,.invite-modal-footer{padding:1.25rem!important}.invite-modal-footer{flex-direction:column-reverse!important;gap:.625rem!important}.invite-modal-btn-primary,.invite-modal-btn-secondary{justify-content:center!important;width:100%!important}.invite-modal-benefits{border-radius:10px!important;padding:1rem!important}.invite-modal-benefits h4{font-size:.9rem!important;margin-bottom:.75rem!important}.invite-modal-benefits li,.invite-modal-benefits ul{gap:.625rem!important}.invite-modal-benefits li svg{height:18px!important;width:18px!important}.invite-modal-benefits li span{font-size:.9rem!important}.invite-modal-info,.invite-modal-warning{border-radius:8px!important;gap:.625rem!important;padding:.75rem!important}.invite-modal-info svg,.invite-modal-warning svg{height:20px!important;width:20px!important}.invite-modal-warning h4{margin-bottom:.375rem!important}.invite-modal-info p,.invite-modal-warning h4,.invite-modal-warning p{font-size:.825rem!important}}@media (max-width:575px){.invite-modal-self-invite{border-radius:10px!important;margin:.75rem .5rem!important;max-height:78vh!important;max-width:100%!important}.invite-modal-header{gap:.625rem!important;padding:.875rem!important}.invite-modal-header h3{font-size:1.1rem!important}.invite-modal-header p{font-size:.825rem!important}.invite-modal-icon{border-radius:8px!important;height:40px!important;width:40px!important}.invite-modal-body,.invite-modal-footer{padding:.875rem!important}.invite-modal-footer{gap:.5rem!important}.invite-modal-btn-primary,.invite-modal-btn-secondary{font-size:.95rem!important;padding:.625rem 1rem!important}.invite-modal-benefits{margin-bottom:1rem!important;padding:.875rem!important}.invite-modal-benefits h4{font-size:.825rem!important;margin-bottom:.625rem!important}.invite-modal-benefits li,.invite-modal-benefits ul{gap:.5rem!important}.invite-modal-benefits li svg{height:16px!important;width:16px!important}.invite-modal-benefits li span{font-size:.825rem!important}.invite-modal-info,.invite-modal-warning{gap:.5rem!important;margin-bottom:.75rem!important;margin-top:.75rem!important;padding:.625rem!important}.invite-modal-info svg,.invite-modal-warning svg{height:18px!important;width:18px!important}.invite-modal-warning h4{margin-bottom:.25rem!important}.invite-modal-info p,.invite-modal-warning h4,.invite-modal-warning p{font-size:.75rem!important}}@media (max-width:400px){.invite-modal-self-invite{border-radius:8px!important;margin:.5rem!important;max-height:72vh!important}.invite-modal-header{gap:.5rem!important;padding:.75rem!important}.invite-modal-header h3{font-size:1.03rem!important}.invite-modal-header p{font-size:.75rem!important}.invite-modal-icon{height:36px!important;width:36px!important}.invite-modal-body,.invite-modal-footer{padding:.75rem!important}.invite-modal-footer{gap:.5rem!important}.invite-modal-btn-primary,.invite-modal-btn-secondary{font-size:.9rem!important;padding:.5rem 1rem!important}.invite-modal-benefits{margin-bottom:.75rem!important;padding:.75rem!important}.invite-modal-benefits h4{font-size:.75rem!important;margin-bottom:.5rem!important}.invite-modal-benefits ul{gap:.375rem!important}.invite-modal-benefits li{gap:.5rem!important}.invite-modal-benefits li svg{height:14px!important;width:14px!important}.invite-modal-benefits li span{font-size:.75rem!important}.invite-modal-info,.invite-modal-warning{gap:.5rem!important;margin-bottom:.625rem!important;margin-top:.625rem!important;padding:.5rem!important}.invite-modal-info svg,.invite-modal-warning svg{height:16px!important;width:16px!important}.invite-modal-warning h4{margin-bottom:.25rem!important}.invite-modal-info p,.invite-modal-warning h4,.invite-modal-warning p{font-size:.6875rem!important}}@media (max-width:1199px){.exit-modal-remove-member{max-width:480px!important}.exit-modal-footer{flex-direction:row!important;justify-content:flex-end!important}.exit-modal-btn-danger,.exit-modal-btn-secondary{width:auto!important}}@media (max-width:768px){.exit-modal-remove-member{max-height:88vh!important;max-width:95%!important;width:95%!important}.exit-modal-header{gap:.875rem!important;padding:1.5rem 1.25rem 1rem!important}.exit-modal-header h3{font-size:1.25rem!important;line-height:1.3!important}.exit-modal-header p{font-size:.9rem!important}.exit-modal-icon{border-radius:10px!important;height:44px!important;width:44px!important}.exit-modal-body{padding:1.25rem!important}.exit-modal-info{border-radius:10px!important;gap:.875rem!important;margin-bottom:1.125rem!important;padding:1.125rem!important}.exit-modal-member-detail{gap:.625rem!important}.exit-modal-member-detail svg{height:18px!important;width:18px!important}.exit-modal-member-detail strong{font-size:.825rem!important}.exit-modal-member-detail span{font-size:.9rem!important}.exit-modal-consequences{border-radius:10px!important;margin-bottom:1.125rem!important;padding:1.125rem!important}.exit-modal-consequences h4{font-size:.9rem!important;margin-bottom:.875rem!important}.exit-modal-consequences ul{gap:.75rem!important}.exit-modal-consequences li{gap:.625rem!important}.exit-modal-consequences li svg{height:18px!important;width:18px!important}.exit-modal-consequences li span{font-size:.9rem!important}.exit-modal-warning{border-radius:8px!important;gap:.625rem!important;padding:.875rem!important}.exit-modal-warning svg{height:20px!important;width:20px!important}.exit-modal-warning p{font-size:.825rem!important}.exit-modal-footer{flex-direction:column-reverse!important;gap:.625rem!important;padding:1.25rem!important}.exit-modal-btn-danger,.exit-modal-btn-secondary{font-size:.95rem!important;justify-content:center!important;padding:.875rem 1.5rem!important;width:100%!important}}@media (max-width:575px){.exit-modal-remove-member{max-height:82vh!important}.exit-modal-header{gap:.75rem!important;padding:1.25rem 1rem .875rem!important}.exit-modal-header h3{font-size:1.1rem!important}.exit-modal-header p{font-size:.825rem!important}.exit-modal-icon{border-radius:8px!important;height:40px!important;width:40px!important}.exit-modal-body{padding:.875rem!important}.exit-modal-info{gap:.75rem!important;margin-bottom:1rem!important;padding:1rem!important}.exit-modal-member-detail{gap:.5rem!important}.exit-modal-member-detail svg{height:16px!important;width:16px!important}.exit-modal-member-detail strong{font-size:.75rem!important}.exit-modal-member-detail span{font-size:.825rem!important}.exit-modal-consequences{margin-bottom:1rem!important;padding:1rem!important}.exit-modal-consequences h4{font-size:.825rem!important;margin-bottom:.75rem!important}.exit-modal-consequences ul{gap:.625rem!important}.exit-modal-consequences li{gap:.5rem!important}.exit-modal-consequences li svg{height:16px!important;width:16px!important}.exit-modal-consequences li span{font-size:.825rem!important}.exit-modal-warning{gap:.5rem!important;padding:.75rem!important}.exit-modal-warning svg{height:18px!important;width:18px!important}.exit-modal-warning p{font-size:.75rem!important}.exit-modal-footer{gap:.5rem!important;padding:.875rem!important}.exit-modal-btn-danger,.exit-modal-btn-secondary{font-size:.875rem!important;padding:.75rem 1.25rem!important}}@media (max-width:400px){.exit-modal-remove-member{max-height:78vh!important}.exit-modal-header{gap:.625rem!important;padding:1rem .875rem .75rem!important}.exit-modal-header h3{font-size:1.03rem!important}.exit-modal-header p{font-size:.75rem!important}.exit-modal-icon{height:36px!important;width:36px!important}.exit-modal-body{padding:.75rem!important}.exit-modal-info{gap:.625rem!important;margin-bottom:.875rem!important;padding:.875rem!important}.exit-modal-member-detail{gap:.5rem!important}.exit-modal-member-detail svg{height:14px!important;width:14px!important}.exit-modal-member-detail strong{font-size:.6875rem!important}.exit-modal-member-detail span{font-size:.75rem!important}.exit-modal-consequences{margin-bottom:.875rem!important;padding:.875rem!important}.exit-modal-consequences h4{font-size:.75rem!important;margin-bottom:.625rem!important}.exit-modal-consequences li,.exit-modal-consequences ul{gap:.5rem!important}.exit-modal-consequences li svg{height:14px!important;width:14px!important}.exit-modal-consequences li span{font-size:.75rem!important}.exit-modal-warning{gap:.5rem!important;padding:.625rem!important}.exit-modal-warning svg{height:16px!important;width:16px!important}.exit-modal-warning p{font-size:.6875rem!important}.exit-modal-footer{gap:.5rem!important;padding:.75rem!important}.exit-modal-btn-danger,.exit-modal-btn-secondary{font-size:.8125rem!important;padding:.625rem 1rem!important}}@media (max-width:1199px){.invite-member-modal{max-width:480px!important}.invite-member-footer{flex-direction:row!important;justify-content:flex-end!important}.invite-member-btn-primary,.invite-member-btn-secondary{width:auto!important}}@media (max-width:768px){.invite-member-modal{max-height:88vh!important;max-width:95%!important;width:95%!important}.invite-member-header{gap:.875rem!important;padding:1.5rem 1.25rem 1rem!important}.invite-member-header h3{font-size:1.25rem!important;line-height:1.3!important}.invite-member-header p{font-size:.9rem!important}.invite-member-icon{border-radius:10px!important;height:44px!important;width:44px!important}.invite-member-body{padding:1.25rem!important}.invite-member-benefits{border-radius:10px!important;margin-bottom:1.125rem!important;padding:1.125rem!important}.invite-member-benefits h4{font-size:.9rem!important;margin-bottom:.875rem!important}.invite-member-benefits ul{gap:.75rem!important}.invite-member-benefits li{gap:.625rem!important}.invite-member-benefits li svg{height:18px!important;width:18px!important}.invite-member-benefits li span{font-size:.9rem!important}.invite-member-warning{border-radius:8px!important;gap:.625rem!important;margin-bottom:.875rem!important;margin-top:.875rem!important;padding:.875rem!important}.invite-member-warning svg{height:20px!important;width:20px!important}.invite-member-warning h4{margin-bottom:.375rem!important}.invite-member-warning h4,.invite-member-warning p{font-size:.825rem!important}.invite-member-info{border-radius:8px!important;gap:.625rem!important;padding:.875rem!important}.invite-member-info svg{height:20px!important;width:20px!important}.invite-member-info p{font-size:.825rem!important}.invite-member-footer{flex-direction:column-reverse!important;gap:.625rem!important;padding:1.25rem!important}.invite-member-btn-primary,.invite-member-btn-secondary{font-size:.95rem!important;justify-content:center!important;padding:.875rem 1.5rem!important;width:100%!important}}@media (max-width:575px){.invite-member-modal{max-height:82vh!important}.invite-member-header{gap:.75rem!important;padding:1.25rem 1rem .875rem!important}.invite-member-header h3{font-size:1.1rem!important}.invite-member-header p{font-size:.825rem!important}.invite-member-icon{border-radius:8px!important;height:40px!important;width:40px!important}.invite-member-body{padding:.875rem!important}.invite-member-benefits{margin-bottom:1rem!important;padding:1rem!important}.invite-member-benefits h4{font-size:.825rem!important;margin-bottom:.75rem!important}.invite-member-benefits ul{gap:.625rem!important}.invite-member-benefits li{gap:.5rem!important}.invite-member-benefits li svg{height:16px!important;width:16px!important}.invite-member-benefits li span{font-size:.825rem!important}.invite-member-warning{gap:.5rem!important;margin-bottom:.75rem!important;margin-top:.75rem!important;padding:.75rem!important}.invite-member-warning svg{height:18px!important;width:18px!important}.invite-member-warning h4{margin-bottom:.25rem!important}.invite-member-warning h4,.invite-member-warning p{font-size:.75rem!important}.invite-member-info{gap:.5rem!important;padding:.75rem!important}.invite-member-info svg{height:18px!important;width:18px!important}.invite-member-info p{font-size:.75rem!important}.invite-member-footer{gap:.5rem!important;padding:.875rem!important}.invite-member-btn-primary,.invite-member-btn-secondary{font-size:.875rem!important;padding:.75rem 1.25rem!important}}@media (max-width:400px){.invite-member-modal{max-height:78vh!important}.invite-member-header{gap:.625rem!important;padding:1rem .875rem .75rem!important}.invite-member-header h3{font-size:1.03rem!important}.invite-member-header p{font-size:.75rem!important}.invite-member-icon{height:36px!important;width:36px!important}.invite-member-body{padding:.75rem!important}.invite-member-benefits{margin-bottom:.875rem!important;padding:.875rem!important}.invite-member-benefits h4{font-size:.75rem!important;margin-bottom:.625rem!important}.invite-member-benefits li,.invite-member-benefits ul{gap:.5rem!important}.invite-member-benefits li svg{height:14px!important;width:14px!important}.invite-member-benefits li span{font-size:.75rem!important}.invite-member-warning{gap:.5rem!important;margin-bottom:.625rem!important;margin-top:.625rem!important;padding:.625rem!important}.invite-member-warning svg{height:16px!important;width:16px!important}.invite-member-warning h4{margin-bottom:.25rem!important}.invite-member-warning h4,.invite-member-warning p{font-size:.6875rem!important}.invite-member-info{gap:.5rem!important;padding:.625rem!important}.invite-member-info svg{height:16px!important;width:16px!important}.invite-member-info p{font-size:.6875rem!important}.invite-member-footer{gap:.5rem!important;padding:.75rem!important}.invite-member-btn-primary,.invite-member-btn-secondary{font-size:.8125rem!important;padding:.625rem 1rem!important}}.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 .invite-member-header{border-bottom-color:#333}.dark-mode .invite-member-header h3{color:#f9fafb}.dark-mode .invite-member-header p{color:#9ca3af}.dark-mode .invite-member-header p strong{color:#a78bfa}.dark-mode .invite-member-footer{border-top-color:#333}.dark-mode .invite-member-benefits{background:#0d0d0d}.dark-mode .invite-member-benefits h4,.dark-mode .invite-member-benefits li span{color:#d1d5db}.dark-mode .invite-member-benefits li strong{color:#f9fafb}.dark-mode .invite-member-warning{background:#fbbf2426;border-color:#fbbf2459}.dark-mode .invite-member-warning h4{color:#fbbf24}.dark-mode .invite-member-warning p{color:#fde68a}.dark-mode .invite-member-warning strong{color:#fef3c7;font-weight:700}.dark-mode .invite-member-info{background:#a855f71f;border-color:#a855f74d}.dark-mode .invite-member-info p{color:#e9d5ff}.dark-mode .invite-member-btn-secondary{background:#1a1a1a;border-color:#333;color:#d1d5db}.dark-mode .invite-member-btn-secondary:hover:not(:disabled){background:#2a2a2a;border-color:#4a4a4a;color:#f9fafb}.dark-mode .exit-modal-header{border-bottom-color:#333}.dark-mode .exit-modal-header h3{color:#f9fafb}.dark-mode .exit-modal-header p{color:#9ca3af}.dark-mode .exit-modal-info{background:#0d0d0d}.dark-mode .exit-modal-member-detail svg{color:#9ca3af}.dark-mode .exit-modal-member-detail strong{color:#d1d5db}.dark-mode .exit-modal-member-detail span{color:#f9fafb}.dark-mode .exit-modal-consequences{background:#dc26261a;border-color:#dc26264d}.dark-mode .exit-modal-consequences h4{color:#fca5a5}.dark-mode .exit-modal-consequences li span{color:#f9fafb}.dark-mode .exit-modal-warning{background:#f59e0b1f;border-color:#f59e0b59}.dark-mode .exit-modal-warning p{color:#fbbf24}.dark-mode .exit-modal-btn-secondary{background:#1a1a1a;border-color:#333;color:#d1d5db}.dark-mode .exit-modal-btn-secondary:hover:not(:disabled){background:#2a2a2a;border-color:#4a4a4a;color:#f9fafb}@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}.line-chart{display:none!important}.chart-stats{grid-gap:.75rem!important;display:grid!important;gap:.75rem!important;grid-template-columns:1fr!important;margin-top:1rem!important}.chart-stat{background:linear-gradient(135deg,#f9fafb,#fff)!important;border:1px solid #e5e7eb!important;border-radius:10px!important;padding:1.25rem 1rem!important}.chart-stat-label{color:#6b7280!important;font-size:.8125rem!important;font-weight:500!important}.chart-stat-value{color:#a855f7!important;font-size:1.75rem!important;font-weight:700!important}.dark-mode .chart-stat{background:linear-gradient(135deg,#222,#1a1a1a)!important;border-color:#333!important}.dark-mode .chart-stat-label{color:#9ca3af!important}.dark-mode .chart-stat-value{color:#c084fc!important}.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}.line-chart{display:none!important}.chart-stats{gap:.65rem!important;margin-top:.75rem!important}.chart-stat{padding:1rem .875rem!important}.chart-stat-label{font-size:.75rem!important}.chart-stat-value{font-size:1.5rem!important}}.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-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;padding:2rem 2rem 1.5rem}.studio-name-modal-header>div:last-child{flex:1 1;min-width:0}.studio-name-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-icon svg{color:#fff}.studio-name-modal-header h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.studio-name-modal-header p{color:#6b7280;font-size:.95rem;margin:0}.studio-name-modal-body{padding:2rem}.studio-name-form-group{margin-bottom:0}.studio-name-form-group label{color:#374151;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.studio-name-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-form-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.studio-name-field-help-text{color:#6b7280;font-size:.85rem;margin-top:.5rem}.studio-name-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}.studio-name-logo-upload-section:hover{background:linear-gradient(135deg,#a855f70f,#7c3aed0f);border-color:#a855f766}.studio-name-logo-upload-section>label{color:#374151;display:block;font-size:.95rem;font-weight:600;margin-bottom:1.5rem}.studio-name-logo-upload-container{align-items:center;display:flex;flex-direction:column;gap:1.25rem}.studio-name-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}.studio-name-logo-preview-box:hover{border-color:#a855f766;box-shadow:0 6px 16px #a855f733;transform:scale(1.03)}.studio-name-logo-preview-box img{height:100%;object-fit:cover;width:100%}.studio-name-logo-preview-placeholder{align-items:center;background:linear-gradient(135deg,#a855f70d,#7c3aed0d);display:flex;height:100%;justify-content:center;width:100%}.studio-name-logo-button-group{align-items:center;display:flex;gap:.75rem;justify-content:center;width:100%}.studio-name-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}.studio-name-logo-upload-btn:hover{background:linear-gradient(135deg,#9333ea,#6d28d9);box-shadow:0 6px 16px #a855f766;transform:translateY(-2px)}.studio-name-logo-upload-btn:active{transform:translateY(0)}.studio-name-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}.studio-name-logo-remove-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #dc26264d;color:#fff;transform:translateY(-2px)}.studio-name-logo-remove-btn:active:not(:disabled){transform:translateY(0)}.studio-name-logo-remove-btn:disabled{cursor:not-allowed;opacity:.6}.studio-name-logo-upload-help{color:#6b7280;font-size:.85rem;line-height:1.6;margin:0;padding:0 1rem;text-align:center}.studio-name-logo-upload-help strong{color:#374151;font-weight:600}.studio-name-auth-message{border-radius:8px;font-size:.9rem;padding:.75rem 1rem}.studio-name-auth-message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.studio-name-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem 2rem}.studio-name-btn-primary,.studio-name-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-btn-secondary{background:#f3f4f6;color:#374151}.studio-name-btn-secondary:hover:not(:disabled){background:#e5e7eb}.studio-name-btn-primary{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.studio-name-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #a855f766;transform:translateY(-1px)}.studio-name-btn-primary:disabled,.studio-name-btn-secondary:disabled{cursor:not-allowed;opacity:.6}.dark-mode .studio-name-modal-overlay{background:#000000d9}.dark-mode .studio-name-modal{background:#1a1a1a;border:1px solid #333;box-shadow:0 20px 60px #0009}.dark-mode .studio-name-modal-header{border-bottom-color:#333}.dark-mode .studio-name-modal-header h3{color:#f9fafb}.dark-mode .studio-name-modal-header p{color:#9ca3af}.dark-mode .studio-name-form-group label{color:#e5e7eb}.dark-mode .studio-name-form-input{background:#0d0d0d;border-color:#333;color:#f9fafb}.dark-mode .studio-name-form-input:focus{background:#0d0d0d;border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a}.dark-mode .studio-name-field-help-text{color:#9ca3af}.dark-mode .studio-name-auth-message.error{background:#dc26261a;border-color:#dc26264d;color:#fca5a5}.dark-mode .studio-name-modal-footer{border-top-color:#333}.dark-mode .studio-name-btn-secondary{background:#262626;border:1px solid #333;color:#e5e7eb}.dark-mode .studio-name-btn-secondary:hover:not(:disabled){background:#333;border-color:#4a4a4a}.dark-mode .studio-name-logo-upload-section{background:linear-gradient(135deg,#a855f70f,#7c3aed0f);border-color:#a855f74d}.dark-mode .studio-name-logo-upload-section:hover{background:linear-gradient(135deg,#a855f717,#7c3aed17);border-color:#a855f780}.dark-mode .studio-name-logo-upload-section>label{color:#e5e7eb}.dark-mode .studio-name-logo-preview-box{background:linear-gradient(135deg,#1f1f1f,#2a2a2a);border-color:#404040}.dark-mode .studio-name-logo-preview-box:hover{border-color:#a855f799}.dark-mode .studio-name-logo-preview-placeholder{background:linear-gradient(135deg,#a855f714,#7c3aed14)}.dark-mode .studio-name-logo-remove-btn{background:#2a2a2a;border-color:#dc262680;color:#fca5a5}.dark-mode .studio-name-logo-remove-btn:hover:not(:disabled){background:#dc262633;border-color:#dc2626;color:#fca5a5}.dark-mode .studio-name-logo-upload-help{color:#9ca3af}.dark-mode .studio-name-logo-upload-help strong{color:#d1d5db}@media (max-width:1199px){.studio-name-modal{margin:1.5rem 1rem!important;max-width:480px!important}.studio-name-modal-header{gap:1rem!important;padding:1.5rem 1.5rem 1.25rem!important}.studio-name-modal-header h3{font-size:1.25rem!important}.studio-name-modal-header p{font-size:.875rem!important}.studio-name-modal-icon{height:44px!important;width:44px!important}.studio-name-logo-upload-section,.studio-name-modal-body,.studio-name-modal-footer{padding:1.5rem!important}.studio-name-logo-preview-box{height:120px!important;width:120px!important}.studio-name-logo-button-group{max-width:100%!important}.studio-name-logo-remove-btn,.studio-name-logo-upload-btn{font-size:.875rem!important;max-width:160px!important;padding:.75rem 1.5rem!important}.studio-name-logo-upload-help{font-size:.8125rem!important}}@media (max-width:768px){.studio-name-modal{border-radius:12px!important;margin:1rem .75rem!important;max-height:85vh!important;max-width:95%!important}.studio-name-modal-header{gap:.875rem!important;padding:1.25rem 1.25rem 1rem!important}.studio-name-modal-header h3{font-size:1.125rem!important;line-height:1.3!important}.studio-name-modal-header p{font-size:.8125rem!important}.studio-name-modal-icon{border-radius:10px!important;height:40px!important;width:40px!important}.studio-name-modal-body{padding:1.25rem!important}.studio-name-modal-footer{flex-direction:column-reverse!important;gap:.625rem!important;padding:1.25rem!important}.studio-name-btn-primary,.studio-name-btn-secondary{justify-content:center!important;width:100%!important}.studio-name-logo-upload-section{border-radius:10px!important;padding:1.25rem!important}.studio-name-logo-upload-container{gap:1rem!important}.studio-name-logo-preview-box{border-radius:12px!important;height:110px!important;width:110px!important}.studio-name-logo-button-group{flex-direction:column!important;gap:.625rem!important;width:100%!important}.studio-name-logo-remove-btn,.studio-name-logo-upload-btn{flex:0 0 auto!important;font-size:.875rem!important;max-width:100%!important;padding:.75rem 1.5rem!important;width:100%!important}.studio-name-logo-upload-help{font-size:.75rem!important;line-height:1.5!important;padding:0 .5rem!important}.studio-name-form-group label{font-size:.875rem!important}.studio-name-form-input{font-size:.9375rem!important;padding:.625rem .875rem!important}.studio-name-field-help-text{font-size:.75rem!important}}@media (max-width:575px){.studio-name-modal{border-radius:10px!important;margin:.75rem .5rem!important;max-height:78vh!important;max-width:100%!important}.studio-name-modal-header{gap:.625rem!important;padding:.875rem!important}.studio-name-modal-header h3{font-size:1rem!important}.studio-name-modal-header p{font-size:.75rem!important}.studio-name-modal-icon{border-radius:8px!important;height:36px!important;width:36px!important}.studio-name-modal-body{padding:.875rem!important}.studio-name-modal-footer{gap:.5rem!important;padding:.875rem!important}.studio-name-btn-primary,.studio-name-btn-secondary{font-size:.875rem!important;padding:.625rem 1rem!important}.studio-name-logo-upload-section{margin-bottom:1rem!important;padding:.75rem!important}.studio-name-logo-upload-container{gap:.75rem!important}.studio-name-logo-preview-box{border-radius:10px!important;height:90px!important;margin-bottom:.25rem!important;width:90px!important}.studio-name-logo-button-group{gap:.5rem!important}.studio-name-logo-remove-btn,.studio-name-logo-upload-btn{font-size:.8125rem!important;max-height:44px!important;min-height:44px!important;padding:.625rem 1.25rem!important}.studio-name-logo-upload-help{font-size:.6875rem!important}.studio-name-form-group label{font-size:.8125rem!important}.studio-name-form-input{font-size:.875rem!important;padding:.5rem .75rem!important}.studio-name-field-help-text{font-size:.6875rem!important}}@media (max-width:400px){.studio-name-modal{border-radius:8px!important;margin:.5rem!important;max-height:72vh!important}.studio-name-modal-header{gap:.5rem!important;padding:.75rem!important}.studio-name-modal-header h3{font-size:.9375rem!important}.studio-name-modal-header p{font-size:.6875rem!important}.studio-name-modal-icon{height:32px!important;width:32px!important}.studio-name-modal-body{padding:.75rem!important}.studio-name-modal-footer{gap:.5rem!important;padding:.75rem!important}.studio-name-btn-primary,.studio-name-btn-secondary{font-size:.8125rem!important;padding:.5rem 1rem!important}.studio-name-logo-upload-section{margin-bottom:.75rem!important;padding:.625rem!important}.studio-name-logo-upload-container{gap:.5rem!important}.studio-name-logo-preview-box{height:80px!important;margin-bottom:0!important;width:80px!important}.studio-name-logo-remove-btn,.studio-name-logo-upload-btn{font-size:.75rem!important;max-height:36px!important;min-height:36px!important;padding:.5rem 1rem!important}.studio-name-logo-upload-help{font-size:.625rem!important}.studio-name-form-group label{font-size:.75rem!important}.studio-name-form-input{font-size:.8125rem!important;padding:.5rem!important}.studio-name-field-help-text{font-size:.625rem!important}}.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}@media (max-width:400px){.mystudio-container{padding:1rem .75rem!important}.mystudio-header{margin-bottom:1.5rem!important}.mystudio-header h1{font-size:1.5rem!important}.mystudio-header p{font-size:.875rem!important}.header-title-container{gap:.625rem!important}.edit-studio-name-btn{padding:.375rem!important}.edit-studio-name-btn svg{height:16px!important;width:16px!important}.studio-logo{border-radius:6px!important;height:36px!important;width:36px!important}.over-capacity-banner{border-radius:12px!important;margin-bottom:1.5rem!important;padding:1rem!important}.over-capacity-content{gap:.75rem!important}.over-capacity-icon{border-radius:8px!important;height:36px!important;width:36px!important}.over-capacity-icon svg{height:18px!important;width:18px!important}.over-capacity-text h3{font-size:1rem!important;margin-bottom:.375rem!important}.over-capacity-text p{font-size:.8125rem!important}.studio-info-card{border-radius:12px!important;margin-bottom:1.5rem!important;padding:1rem!important}.studio-info-header{margin-bottom:1rem!important;padding-bottom:.75rem!important}.studio-info-title{gap:.5rem!important}.studio-info-title svg{height:18px!important;width:18px!important}.studio-info-title h3{font-size:1rem!important}.studio-info-grid{gap:.75rem!important}.studio-info-item{gap:.375rem!important;padding:.75rem!important}.studio-info-label{font-size:.625rem!important;gap:.375rem!important}.studio-info-label svg{height:12px!important;width:12px!important}.studio-info-value{font-size:.875rem!important}.plan-badge{border-radius:6px!important;font-size:.75rem!important;padding:.25rem .625rem!important}.credits-badge{font-size:.8125rem!important}.credits-badge,.usage-badge{border-radius:4px!important;padding:.125rem .5rem!important}.usage-badge{font-size:.75rem!important}.billing-management-card{border-radius:12px!important;margin-bottom:1.5rem!important;padding:1rem!important}.billing-management-header{margin-bottom:1rem!important;padding-bottom:.75rem!important}.billing-management-title{gap:.5rem!important}.billing-management-title svg{height:18px!important;width:18px!important}.billing-management-title h3{font-size:1rem!important}.billing-management-actions{gap:.75rem!important;grid-template-columns:1fr!important}.billing-action-btn{border-radius:10px!important;gap:.75rem!important;padding:.875rem 1rem!important}.billing-action-btn svg{height:16px!important;width:16px!important}.billing-btn-title{font-size:.875rem!important}.billing-btn-subtitle{font-size:.6875rem!important}.mystudio-stats{gap:1rem!important;margin-bottom:2rem!important}.stat-card{border-radius:12px!important;padding:1rem!important}.stat-card-header{gap:.75rem!important;padding-bottom:.375rem!important}.stat-card-title{font-size:.8125rem!important}.stat-card-icon svg{height:16px!important;width:16px!important}.stat-card-value{font-size:1.5rem!important;margin-bottom:.125rem!important}.stat-card-details{font-size:.625rem!important;margin-top:.125rem!important}.stat-card-progress{height:.375rem!important;margin-top:.5rem!important}.seat-bars{gap:.25rem!important;margin-top:.5rem!important}.seat-bar{height:.375rem!important;max-width:2.5rem!important;min-width:1.5rem!important}.dashboard-grid{gap:1rem!important;margin-bottom:1.5rem!important}.dashboard-card{border-radius:12px!important;padding:1rem!important}.dashboard-card-header{margin-bottom:1rem!important;padding-bottom:.75rem!important}.dashboard-card-header h3{font-size:.9375rem!important}.dashboard-card-header svg{height:18px!important;width:18px!important}.quick-action-btn,.quick-actions-list{gap:.625rem!important}.quick-action-btn{border-radius:10px!important;padding:.75rem .875rem!important}.quick-action-icon{border-radius:8px!important;height:36px!important;width:36px!important}.quick-action-icon svg{height:18px!important;width:18px!important}.quick-action-title{font-size:.8125rem!important}.quick-action-desc{font-size:.6875rem!important}.quick-action-arrow svg{height:16px!important;width:16px!important}.activity-feed{gap:.625rem!important;max-height:360px!important;padding-right:.5rem!important}.activity-item{border-radius:10px!important;gap:.625rem!important;padding:.75rem .625rem!important}.activity-icon{border-radius:10px!important;height:36px!important;width:36px!important}.activity-icon svg{height:18px!important;width:18px!important}.activity-text{font-size:.8125rem!important}.activity-time{font-size:.6875rem!important}.line-chart{display:none!important}.chart-stats{grid-gap:.5rem!important;display:grid!important;gap:.5rem!important;grid-template-columns:1fr!important;margin-top:.75rem!important}.chart-stat{background:linear-gradient(135deg,#f9fafb,#fff)!important;border:1px solid #e5e7eb!important;border-radius:8px!important;gap:.375rem!important;padding:.875rem .75rem!important}.chart-stat-label{color:#6b7280!important;font-size:.6875rem!important;font-weight:500!important}.chart-stat-value{color:#a855f7!important;font-size:1.375rem!important;font-weight:700!important}.dark-mode .chart-stat{background:linear-gradient(135deg,#222,#1a1a1a)!important;border-color:#333!important}.dark-mode .chart-stat-label{color:#9ca3af!important}.dark-mode .chart-stat-value{color:#c084fc!important}.chart-stat-label{font-size:.625rem!important}.chart-stat-value{font-size:1.125rem!important}.mystudio-seats,.seats-header{margin-bottom:1.5rem!important}.seats-header{padding-bottom:1rem!important}.seats-header h2{font-size:1.375rem!important;margin-bottom:.375rem!important}.seats-header p{font-size:.875rem!important}.seats-table{gap:1rem!important}.seats-table-row{border-radius:12px!important;min-height:540px!important;padding:1rem!important}.seats-table-row:before{height:3px!important}.seat-col-seat{margin-bottom:1rem!important;padding:.625rem .75rem!important}.seat-col-seat:before{font-size:.625rem!important;left:.75rem!important}.seat-col-seat>span:first-of-type{font-size:1.25rem!important}.you-badge{border-radius:3px!important;font-size:.6875rem!important;padding:.25rem .5rem!important;right:.75rem!important}.seat-col-email{gap:.125rem!important;margin-bottom:1.125rem!important}.email-avatar,.email-avatar-img{font-size:1.125rem!important;height:52px!important;max-width:52px!important;min-width:52px!important;width:52px!important}.artist-name,.seat-email span{font-size:.9375rem!important}.seat-email .email-text{font-size:.75rem!important}.last-activity-text{font-size:.625rem!important;margin-top:.25rem!important}.empty-seat-content{gap:.5rem!important;padding:.75rem!important}.empty-seat-icon{height:64px!important;margin-bottom:.125rem!important;width:64px!important}.empty-seat-icon svg{height:28px!important;width:28px!important}.empty-seat-label{font-size:.8125rem!important;margin-bottom:.375rem!important}.empty-seat-input{padding:.625rem .875rem!important}.empty-seat-assign-btn,.empty-seat-input{border-radius:6px!important;font-size:.8125rem!important;max-width:240px!important}.empty-seat-assign-btn{gap:.375rem!important;padding:.625rem 1rem!important}.empty-seat-assign-btn svg{height:16px!important;width:16px!important}.seat-col-default-color,.seat-col-joined,.seat-col-status,.seat-col-used{border-radius:10px!important;margin-bottom:.75rem!important;padding:.75rem .875rem!important}.seat-col-default-color:before,.seat-col-joined:before,.seat-col-status:before,.seat-col-used:before{font-size:.625rem!important;margin-bottom:.375rem!important}.joined-date{font-size:.8125rem!important}.seat-status-badge-small{border-radius:3px!important;font-size:.5625rem!important;padding:.1875rem .375rem!important}.color-swatch{border-radius:6px!important;height:32px!important}.color-hex{font-size:.6875rem!important}.seat-col-used{font-size:1.5rem!important;padding-bottom:2rem!important}.credits-value{font-size:.8125rem!important}.credits-progress-bar,.seat-col-used:after{bottom:.75rem!important;height:5px!important;left:.875rem!important}.seat-col-used:after{right:.875rem!important}.seat-col-status{font-size:.8125rem!important}.seat-status-badge{border-radius:5px!important;font-size:.625rem!important;padding:.25rem .625rem!important}.seat-col-actions{margin-top:.375rem!important}.seat-action-btn{border-radius:10px!important;font-size:.75rem!important;gap:.375rem!important;padding:.625rem .875rem!important}.seat-action-btn svg{height:16px!important;width:16px!important}.seat-assign-input{margin-bottom:.625rem!important}.seat-assign-input input{border-radius:10px!important;font-size:.8125rem!important;padding:.75rem!important}.seat-assign-actions{gap:.375rem!important}.seat-assign-actions button{border-radius:10px!important;font-size:.75rem!important;padding:.75rem!important}.mystudio-actions{gap:.75rem!important}.mystudio-actions .btn-exit-studio,.mystudio-actions .btn-primary,.mystudio-actions .btn-secondary,.mystudio-actions .btn-self-invite{border-radius:6px!important;font-size:.875rem!important;gap:.5rem!important;min-height:44px!important;padding:.75rem 1.25rem!important}.mystudio-actions svg{height:18px!important;width:18px!important}.modal-overlay{padding:.5rem!important}.modal-content{border-radius:12px!important;max-height:92vh!important}.self-invite-modal{max-width:95vw!important}.self-invite-modal .modal-header{gap:.75rem!important;padding:1.125rem!important}.self-invite-modal .modal-icon{border-radius:10px!important;height:40px!important;width:40px!important}.self-invite-modal .modal-icon svg{height:20px!important;width:20px!important}.self-invite-modal .modal-header h3{font-size:1.125rem!important;margin-bottom:.125rem!important}.self-invite-modal .modal-header p{font-size:.8125rem!important}.self-invite-modal .modal-body{padding:1.125rem!important}.self-invite-benefits{border-radius:10px!important;margin-bottom:1rem!important;padding:1rem!important}.self-invite-benefits h4{font-size:.8125rem!important;margin-bottom:.75rem!important}.self-invite-benefits ul{gap:.625rem!important}.self-invite-benefits li{gap:.5rem!important}.self-invite-benefits li svg{height:16px!important;width:16px!important}.self-invite-benefits li span{font-size:.8125rem!important}.self-invite-info{border-radius:6px!important;gap:.5rem!important;padding:.75rem!important}.self-invite-info svg{height:16px!important;width:16px!important}.self-invite-info p{font-size:.75rem!important}.self-invite-modal .modal-footer{gap:.5rem!important;padding:1rem 1.125rem!important}.self-invite-modal .modal-footer button{border-radius:6px!important;font-size:.8125rem!important;gap:.375rem!important;min-height:44px!important;padding:.75rem 1.25rem!important}.invite-modal{max-width:95vw!important}.invite-modal .modal-header{gap:.75rem!important;padding:1.125rem!important}.invite-modal .modal-icon{border-radius:10px!important;height:40px!important;width:40px!important}.invite-modal .modal-icon svg{height:20px!important;width:20px!important}.invite-modal .modal-header h3{font-size:1.125rem!important;margin-bottom:.125rem!important}.invite-modal .modal-header p{font-size:.8125rem!important}.invite-modal .modal-body{padding:1.125rem!important}.invite-benefits{border-radius:10px!important;margin-bottom:1rem!important;padding:1rem!important}.invite-benefits h4{font-size:.8125rem!important;margin-bottom:.75rem!important}.invite-benefits ul{gap:.625rem!important}.invite-benefits li{gap:.5rem!important}.invite-benefits li svg{height:16px!important;width:16px!important}.invite-benefits li span{font-size:.8125rem!important}.invite-warning{border-radius:6px!important;gap:.5rem!important;margin-bottom:.75rem!important;margin-top:.75rem!important;padding:.75rem!important}.invite-warning svg{height:16px!important;width:16px!important}.invite-warning h4{margin-bottom:.375rem!important}.invite-warning h4,.invite-warning p{font-size:.75rem!important}.invite-info{border-radius:6px!important;gap:.5rem!important;padding:.75rem!important}.invite-info svg{height:16px!important;width:16px!important}.invite-info p{font-size:.75rem!important}.invite-modal .modal-footer{gap:.5rem!important;padding:1rem 1.125rem!important}.invite-modal .modal-footer button{border-radius:6px!important;font-size:.8125rem!important;gap:.375rem!important;min-height:44px!important;padding:.75rem 1.25rem!important}.remove-member-modal{max-width:95vw!important}.remove-member-modal .modal-header{gap:.75rem!important;padding:1.125rem!important}.remove-member-modal .modal-icon{border-radius:10px!important;height:40px!important;width:40px!important}.remove-member-modal .modal-icon svg{height:20px!important;width:20px!important}.remove-member-modal .modal-header h3{font-size:1.125rem!important;margin-bottom:.125rem!important}.remove-member-modal .modal-header p{font-size:.8125rem!important}.remove-member-modal .modal-body{padding:1.125rem!important}.remove-member-info{border-radius:10px!important;gap:.75rem!important;margin-bottom:1rem!important;padding:1rem!important}.member-detail{gap:.5rem!important}.member-detail svg{height:16px!important;width:16px!important}.member-detail strong{font-size:.6875rem!important}.member-detail span{font-size:.8125rem!important}.remove-member-consequences{border-radius:10px!important;margin-bottom:1rem!important;padding:1rem!important}.remove-member-consequences h4{font-size:.8125rem!important;margin-bottom:.75rem!important}.remove-member-consequences ul{gap:.625rem!important}.remove-member-consequences li{gap:.5rem!important}.remove-member-consequences li svg{height:16px!important;width:16px!important}.remove-member-consequences li span{font-size:.8125rem!important}.remove-member-warning{border-radius:6px!important;gap:.5rem!important;padding:.75rem!important}.remove-member-warning svg{height:16px!important;width:16px!important}.remove-member-warning p{font-size:.75rem!important}.remove-member-modal .modal-footer{gap:.5rem!important;padding:1rem 1.125rem!important}.remove-member-modal .modal-footer button{border-radius:6px!important;font-size:.8125rem!important;gap:.375rem!important;min-height:44px!important;padding:.75rem 1.25rem!important}.studio-name-modal{max-width:95vw!important}.studio-name-modal .modal-header{gap:.75rem!important;padding:1.125rem!important}.studio-name-modal .modal-icon{border-radius:10px!important;height:40px!important;width:40px!important}.studio-name-modal .modal-icon svg{height:20px!important;width:20px!important}.studio-name-modal .modal-header h3{font-size:1.125rem!important;margin-bottom:.125rem!important}.studio-name-modal .modal-header p{font-size:.8125rem!important}.studio-name-modal .modal-body{padding:1.125rem!important}.studio-name-modal .form-group label{font-size:.8125rem!important;margin-bottom:.375rem!important}.studio-name-modal .form-input{border-radius:6px!important;font-size:.875rem!important;padding:.625rem .875rem!important}.studio-name-modal .field-help-text{font-size:.75rem!important;margin-top:.375rem!important}.logo-upload-section{border-radius:10px!important;margin-bottom:1.5rem!important;padding:1rem!important}.logo-upload-section>label{font-size:.8125rem!important;margin-bottom:1rem!important}.logo-upload-container{gap:.875rem!important}.logo-preview-box{border-radius:12px!important;height:100px!important;margin-bottom:.375rem!important;width:100px!important}.logo-button-group{gap:.5rem!important}.logo-remove-btn,.logo-upload-btn{border-radius:8px!important;font-size:.8125rem!important;gap:.375rem!important;max-height:40px!important;min-height:40px!important;padding:.625rem 1rem!important}.logo-remove-btn svg,.logo-upload-btn svg{height:16px!important;width:16px!important}.logo-upload-help{font-size:.6875rem!important;padding:0 .5rem!important}.studio-name-modal .auth-message{border-radius:6px!important;font-size:.75rem!important;padding:.625rem .75rem!important}.studio-name-modal .modal-footer{gap:.5rem!important;padding:1rem 1.125rem!important}.studio-name-modal .btn-primary,.studio-name-modal .btn-secondary{border-radius:6px!important;font-size:.8125rem!important;gap:.375rem!important;min-height:44px!important;padding:.625rem 1.125rem!important}.error-notification,.success-notification{left:.75rem!important;right:.75rem!important;top:.75rem!important}.error-notification-content,.success-notification-content{border-radius:10px!important;font-size:.8125rem!important;gap:.5rem!important;min-width:auto!important;padding:.75rem 1rem!important}.error-notification-content svg,.success-notification-content svg{height:18px!important;width:18px!important}.mystudio-error,.mystudio-loading{gap:1.25rem!important;min-height:320px!important}.processing-spinner{height:40px!important;width:40px!important}.loading-text h3{font-size:1.125rem!important;margin-bottom:.375rem!important}.loading-text p{font-size:.875rem!important}.error-icon svg{height:48px!important;width:48px!important}.mystudio-error h3{font-size:1.125rem!important;margin-bottom:.375rem!important}.mystudio-error p{font-size:.875rem!important;margin-bottom:1rem!important;max-width:320px!important}.mystudio-error .btn-primary{font-size:.875rem!important;padding:.625rem 1.5rem!important}.btn-spinner{height:14px!important;width:14px!important}.chart-empty,.chart-loading{font-size:.8125rem!important;gap:.75rem!important;padding:2.5rem!important}.loading-spinner{height:32px!important;width:32px!important}.chart-empty svg{height:40px!important;width:40px!important}.chart-empty p{font-size:.8125rem!important}}.success-message-container{align-items:center;display:flex;justify-content:center;min-height:90vh;padding:2rem;text-align:center}.success-message-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1acc;border:1px solid #a855f733;border-radius:24px;box-shadow:0 20px 60px #a855f726;max-width:500px;padding:3rem 2rem;width:100%}.success-icon-container{align-items:center;animation:scaleIn .5s ease-out;background:linear-gradient(135deg,#a855f7,#8b5cf6);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.success-icon-container svg{height:40px;width:40px}.success-title{color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.success-description{color:#9ca3af;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;white-space:pre-line}.success-status{align-items:center;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;justify-content:center;transition:color .3s ease}.success-status.activating{color:#a855f7}.success-status.activated{color:#10b981}.success-spinner,.success-status svg{height:20px;width:20px}.success-spinner{animation:spin .8s linear infinite;border:2px solid #a855f7;border-radius:50%;border-top-color:#0000}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (max-width:1199px){.success-message-container{padding:1.5rem}.success-message-card{max-width:450px;padding:2.5rem 1.75rem}.success-icon-container{height:70px;margin-bottom:1.25rem;width:70px}.success-icon-container svg{height:35px;width:35px}.success-title{font-size:1.75rem}.success-description{font-size:1rem;margin-bottom:1.75rem}}@media (max-width:767px){.success-message-container{padding:1.25rem}.success-message-card{border-radius:20px;max-width:400px;padding:2rem 1.5rem}.success-icon-container{height:65px;margin-bottom:1rem;width:65px}.success-icon-container svg{height:32px;width:32px}.success-title{font-size:1.5rem;margin-bottom:.875rem}.success-description{font-size:.95rem;margin-bottom:1.5rem}.success-status{font-size:.9rem;gap:.625rem}.success-spinner,.success-status svg{height:18px;width:18px}}@media (max-width:480px){.success-message-container{padding:1rem}.success-message-card{border-radius:16px;padding:1.75rem 1.25rem}.success-icon-container{height:60px;margin-bottom:1rem;width:60px}.success-icon-container svg{height:30px;width:30px}.success-title{font-size:1.375rem;margin-bottom:.75rem}.success-description{font-size:.9rem;line-height:1.5;margin-bottom:1.25rem}.success-status{font-size:.875rem;gap:.5rem}.success-spinner,.success-status svg{height:16px;width:16px}}@media (max-width:400px){.success-message-container{padding:.75rem}.success-message-card{padding:1.5rem 1rem}.success-icon-container{height:55px;width:55px}.success-icon-container svg{height:28px;width:28px}.success-title{font-size:1.25rem}.success-description{font-size:.85rem}}.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}.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}.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}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;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}.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}}.latest-trials-container{margin:0 auto;max-width:1400px;min-height:100vh;padding:40px 20px}.latest-trials-header{margin-bottom:40px;text-align:center}.latest-trials-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:16px}.trials-stats{color:#666;display:flex;font-size:1rem;gap:24px;justify-content:center}.dark-mode .trials-stats{color:#b0b0b0}.error-message,.loading-message{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid #8b5cf61a;border-radius:50%;border-top-color:#8b5cf6;height:48px;width:48px}.error-message button{background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.error-message button:hover{background:#7c3aed;transform:translateY(-2px)}.trials-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}@media (max-width:1200px){.trials-grid{grid-template-columns:repeat(2,1fr)}}.trial-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.trial-item:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.trial-image-container{aspect-ratio:1;background:#f8faff;flex-shrink:0;overflow:hidden;position:relative}.trial-comparison-slider{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.dark-mode .trial-item{background:#1a1a1a;box-shadow:0 2px 8px #0000004d}.dark-mode .trial-item:hover{box-shadow:0 8px 24px #00000080}.trial-info{border-top:1px solid #0000001a;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:12px 16px;text-align:center}.dark-mode .trial-info{border-top-color:#ffffff1a}.trial-info small{color:#666;font-size:.875rem}.dark-mode .trial-info small{color:#b0b0b0}.pagination-controls{align-items:center;display:flex;gap:24px;justify-content:center;margin-top:40px;padding:20px 0}.pagination-btn{background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#7c3aed;transform:translateY(-2px)}.pagination-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none}.dark-mode .pagination-btn:disabled{background:#2a2a2a;color:#666}.pagination-info{color:#333;font-size:1rem;font-weight:600}.dark-mode .pagination-info{color:#e5e7eb}.trial-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000f2;bottom:0;display:flex;height:100vh;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;width:100vw;z-index:10000}.trial-modal-content{animation:slideUp .3s ease;background:#0000;display:flex;flex-direction:column;height:100vh;padding:60px 40px 40px;position:relative;width:100vw}.dark-mode .trial-modal-content{background:#0000}.trial-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:48px;justify-content:center;line-height:1;position:fixed;right:20px;top:20px;transition:all .2s ease;width:48px;z-index:10001}.trial-modal-close:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.1)}.dark-mode .trial-modal-close{background:#ffffff26;border-color:#ffffff4d}.dark-mode .trial-modal-close:hover{background:#ffffff40;border-color:#ffffff80}.trial-modal-slider{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;min-height:0;width:100%}.trial-modal-slider .modal-comparison-slider{height:100%;max-height:calc(100vh - 120px);max-width:100vw;width:100%}.trial-modal-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border-radius:24px;bottom:20px;left:50%;padding:12px 24px;position:fixed;text-align:center;transform:translateX(-50%)}.dark-mode .trial-modal-info{background:#ffffff1a}.trial-modal-info small{color:#fff;font-size:.875rem}.dark-mode .trial-modal-info small{color:#fff}@media (max-width:768px){.latest-trials-container{padding:20px 16px}.latest-trials-header h1{font-size:1.75rem}.trials-stats{flex-direction:column;gap:8px}.trials-grid{gap:24px;grid-template-columns:1fr}.pagination-controls{flex-direction:column;gap:16px}.pagination-btn{max-width:300px;width:100%}}.dashboard-container{background-color:#f9fafb;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.dashboard-header{margin-bottom:2rem;text-align:center}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.dashboard-subtitle{color:#6b7280;font-size:1.125rem;margin-bottom:.5rem}.dashboard-timestamp{color:#9ca3af;font-size:.875rem}.dashboard-error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.dashboard-error svg{color:#ef4444;margin-bottom:1rem}.dashboard-error h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.dashboard-error p{color:#6b7280}.dashboard-metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.dashboard-metric-card{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.dashboard-metric-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.dashboard-metric-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.dashboard-mrr-card .dashboard-metric-icon{background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff}.dashboard-subscriptions-card .dashboard-metric-icon{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.dashboard-revenue-card .dashboard-metric-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.dashboard-metric-content{flex:1 1}.dashboard-metric-label{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.dashboard-metric-value{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.25rem}.dashboard-metric-description{color:#9ca3af;font-size:.875rem}.dashboard-plan-breakdown-section{margin-bottom:3rem}.dashboard-plan-breakdown-section h2{color:#1f2937;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem}.dashboard-plans-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.dashboard-plan-card{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:1.5rem;transition:transform .2s,box-shadow .2s}.dashboard-plan-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.dashboard-plan-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.dashboard-plan-header h3{color:#1f2937;font-size:1.25rem;font-weight:600}.dashboard-billing-badge{border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.dashboard-billing-badge.monthly{background:#dbeafe;color:#1e40af}.dashboard-billing-badge.yearly{background:#d1fae5;color:#065f46}.dashboard-plan-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.dashboard-plan-stat{display:flex;flex-direction:column}.dashboard-plan-stat-label{color:#9ca3af;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.dashboard-plan-stat-value{color:#1f2937;font-size:1.25rem;font-weight:700}.dashboard-plan-footer{border-top:1px solid #f3f4f6;padding-top:1rem}.dashboard-plan-contribution{display:flex;flex-direction:column;gap:.5rem}.dashboard-contribution-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dashboard-contribution-bar{background:#f3f4f6;border-radius:9999px;height:8px;overflow:hidden}.dashboard-contribution-fill{background:linear-gradient(90deg,#a855f7,#ec4899);border-radius:9999px;height:100%;transition:width .5s ease}.dashboard-contribution-percentage{color:#a855f7;font-size:.875rem;font-weight:600;text-align:right}.dashboard-revenue-breakdown-section{margin-bottom:3rem}.dashboard-revenue-breakdown-section h2{color:#1f2937;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem}.dashboard-revenue-chart{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:2rem}.dashboard-chart-bars{display:flex;flex-direction:column;gap:2rem}.dashboard-chart-bar{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:150px 1fr 80px}.dashboard-bar-label{color:#1f2937;font-size:1rem;font-weight:600}.dashboard-bar-container{background:#f3f4f6;border-radius:8px;height:48px;overflow:hidden;position:relative}.dashboard-bar-fill{align-items:center;display:flex;height:100%;justify-content:flex-end;padding-right:1rem;position:relative;transition:width .5s ease}.dashboard-bar-fill.monthly{background:linear-gradient(90deg,#06b6d4,#0891b2)}.dashboard-bar-fill.yearly{background:linear-gradient(90deg,#10b981,#059669)}.dashboard-bar-value{color:#fff;font-size:.875rem;font-weight:600;white-space:nowrap}.dashboard-bar-percentage{color:#1f2937;font-size:1.125rem;font-weight:700;text-align:right}.dashboard-profit-breakdown-section{margin-bottom:3rem}.dashboard-profit-breakdown-section h2{color:#1f2937;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem}.dashboard-cost-inputs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.dashboard-cost-input-group{display:flex;flex-direction:column;gap:.5rem}.dashboard-cost-input-group label{color:#6b7280;font-size:.875rem;font-weight:600}.dashboard-cost-input{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:1rem;font-weight:600;padding:.75rem 1rem;transition:border-color .2s}.dashboard-cost-input:focus{border-color:#a855f7;outline:none}.dashboard-profit-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.dashboard-profit-card{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.dashboard-profit-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.dashboard-profit-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.dashboard-profit-card.dashboard-revenue-total .dashboard-profit-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.dashboard-profit-card.dashboard-cost-breakdown .dashboard-profit-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.dashboard-profit-card.dashboard-net-profit.positive .dashboard-profit-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.dashboard-profit-card.dashboard-net-profit.negative .dashboard-profit-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.dashboard-profit-content{flex:1 1}.dashboard-profit-label{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.dashboard-profit-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.dashboard-profit-value.positive{color:#10b981}.dashboard-profit-value.negative{color:#ef4444}.dashboard-profit-margin{color:#6b7280;font-size:.875rem;font-weight:600}.dashboard-cost-details{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.dashboard-cost-item{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.dashboard-cost-item:last-child{margin-bottom:0}.dashboard-cost-item span:last-child{color:#1f2937;font-weight:600}.dashboard-calculate-btn{align-items:center;background:linear-gradient(135deg,#a855f7,#9333ea);border:none;border-radius:12px;box-shadow:0 4px 12px #a855f74d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;margin:1.5rem 0 2rem;padding:1rem 2rem;transition:all .2s ease;width:100%}.dashboard-calculate-btn:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 6px 16px #a855f766;transform:translateY(-2px)}.dashboard-calculate-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.dashboard-calculate-btn .spinner-circle{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff}@keyframes spin{to{transform:rotate(1turn)}}.dashboard-cost-breakdown-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin:1.5rem 0;padding:1.5rem}.dashboard-cost-breakdown-title{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem}.dashboard-cost-breakdown-title svg{color:#ef4444}.dashboard-cost-items{display:flex;flex-direction:column;gap:1rem}.dashboard-cost-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem;transition:background .2s}.dashboard-cost-item:hover{background:#f3f4f6}.dashboard-cost-label{align-items:center;color:#4b5563;display:flex;font-weight:500;gap:.5rem}.dashboard-cost-label svg{color:#6b7280;flex-shrink:0}.dashboard-cost-value{color:#1f2937;font-size:1.125rem;font-weight:700}.dashboard-fixed-costs-toggle{background:#fff!important;border:1px solid #e5e7eb;cursor:pointer}.dashboard-fixed-costs-toggle:hover{background:#f9fafb!important;border-color:#a855f7}.dashboard-expand-icon{margin-left:auto;transition:transform .3s ease}.dashboard-expand-icon.expanded{transform:rotate(180deg)}.dashboard-fixed-costs-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin-top:-.5rem;padding:.75rem}.dashboard-fixed-cost-item{display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem}.dashboard-fixed-cost-label{color:#6b7280;font-weight:500}.dashboard-fixed-cost-value{color:#1f2937;font-weight:600}.dashboard-cost-item.dashboard-total-cost{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;margin-top:.5rem}.dashboard-cost-item.dashboard-total-cost .dashboard-cost-label{color:#92400e;font-weight:700}.dashboard-cost-item.dashboard-total-cost .dashboard-cost-value{color:#92400e;font-size:1.25rem}.dashboard-profit-description{color:#6b7280;font-size:.75rem;margin-top:.25rem}.dark-mode .dashboard-container{background-color:#000;color:#e5e7eb}.dark-mode .dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;background-clip:text}.dark-mode .dashboard-subtitle{color:#9ca3af}.dark-mode .dashboard-timestamp{color:#6b7280}.dark-mode .dashboard-error h2{color:#f3f4f6}.dark-mode .dashboard-metric-card,.dark-mode .dashboard-plan-card,.dark-mode .dashboard-profit-card,.dark-mode .dashboard-revenue-chart{background:#1a1a1a;border-color:#2a2a2a}.dark-mode .dashboard-bar-label,.dark-mode .dashboard-bar-percentage,.dark-mode .dashboard-metric-value,.dark-mode .dashboard-plan-breakdown-section h2,.dark-mode .dashboard-plan-header h3,.dark-mode .dashboard-plan-stat-value,.dark-mode .dashboard-profit-breakdown-section h2,.dark-mode .dashboard-revenue-breakdown-section h2{color:#f3f4f6}.dark-mode .dashboard-cost-input-group label,.dark-mode .dashboard-profit-label{color:#9ca3af}.dark-mode .dashboard-cost-input{background:#1a1a1a;border-color:#2a2a2a;color:#f3f4f6}.dark-mode .dashboard-cost-input:focus{border-color:#a855f7}.dark-mode .dashboard-cost-details{border-top-color:#2a2a2a}.dark-mode .dashboard-cost-item{color:#9ca3af}.dark-mode .dashboard-cost-item span:last-child{color:#f3f4f6}.dark-mode .dashboard-calculate-btn{box-shadow:0 4px 12px #a855f733}.dark-mode .dashboard-cost-breakdown-card{background:#1a1a1a;border-color:#2a2a2a}.dark-mode .dashboard-cost-breakdown-title{color:#f3f4f6}.dark-mode .dashboard-cost-item{background:#0a0a0a}.dark-mode .dashboard-cost-item:hover{background:#1a1a1a}.dark-mode .dashboard-cost-label{color:#9ca3af}.dark-mode .dashboard-cost-value{color:#f3f4f6}.dark-mode .dashboard-fixed-costs-toggle{background:#0a0a0a!important;border-color:#2a2a2a}.dark-mode .dashboard-fixed-costs-toggle:hover{background:#1a1a1a!important;border-color:#a855f7}.dark-mode .dashboard-fixed-costs-details{background:#0a0a0a;border-color:#2a2a2a}.dark-mode .dashboard-fixed-cost-label{color:#9ca3af}.dark-mode .dashboard-fixed-cost-value{color:#f3f4f6}.dark-mode .dashboard-cost-item.dashboard-total-cost{background:linear-gradient(135deg,#78350f,#92400e);border-color:#b45309}.dark-mode .dashboard-cost-item.dashboard-total-cost .dashboard-cost-label,.dark-mode .dashboard-cost-item.dashboard-total-cost .dashboard-cost-value{color:#fbbf24}.dark-mode .dashboard-profit-description{color:#6b7280}.dark-mode .dashboard-contribution-label,.dark-mode .dashboard-metric-label,.dark-mode .dashboard-plan-stat-label{color:#9ca3af}.dark-mode .dashboard-metric-description{color:#6b7280}.dark-mode .dashboard-plan-header{border-bottom-color:#374151}.dark-mode .dashboard-plan-footer{border-top-color:#374151}.dark-mode .dashboard-bar-container,.dark-mode .dashboard-contribution-bar{background:#374151}@media (max-width:768px){.dashboard-container{padding:1rem}.dashboard-header h1{font-size:2rem}.dashboard-chart-bar,.dashboard-metrics-grid,.dashboard-plans-grid{grid-template-columns:1fr}.dashboard-chart-bar{gap:.5rem}.dashboard-bar-label{font-size:.875rem}.dashboard-bar-percentage{font-size:1rem;text-align:left}.dashboard-metric-value{font-size:1.5rem}.dashboard-plan-stats{grid-template-columns:1fr}.dashboard-cost-inputs{grid-template-columns:1fr 1fr}.dashboard-cost-breakdown-title{font-size:1.125rem}.dashboard-cost-value{font-size:1rem}.dashboard-calculate-btn{font-size:.9375rem;padding:.875rem 1.5rem}}@media (max-width:480px){.dashboard-metric-card{flex-direction:column;text-align:center}.dashboard-metric-icon{margin:0 auto}.dashboard-cost-inputs{grid-template-columns:1fr}.dashboard-cost-breakdown-title{font-size:1rem}.dashboard-cost-label{font-size:.875rem}.dashboard-cost-value{font-size:.9375rem}.dashboard-profit-value{font-size:1.5rem}.dashboard-calculate-btn{font-size:.875rem;padding:.75rem 1.25rem}}.onboarding-page{-webkit-overflow-scrolling:touch;align-items:center!important;background:#fff;bottom:0;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;height:100dvh;justify-content:center;left:0;opacity:0;overflow-x:hidden;overflow-y:auto;padding:0!important;position:fixed;right:0;top:0;transition:opacity .4s ease-in-out;width:100%;z-index:1!important}.onboarding-page.show{opacity:1}.onboarding-loading{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.onboarding-loading-logo{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;height:80px;width:80px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}.dark-mode.onboarding-page{background:#0a0a0a}.onboarding-container{background:#fff;display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:700px;position:relative;width:100%}.dark-mode .onboarding-container{background:#0a0a0a}.onboarding-content{align-items:center;flex-direction:column;height:100%!important;padding:0!important;position:relative;text-align:center}.onboarding-content,.onboarding-slide{box-sizing:border-box;display:flex;justify-content:center!important;width:100%}.onboarding-slide{align-items:center!important;animation:pageFlipIn .4s cubic-bezier(.34,1.56,.64,1);flex:1 1;flex-direction:column;padding:1rem;padding-bottom:7rem!important}@keyframes pageFlipIn{0%{opacity:0;transform:translateX(50px) rotate(4deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}.onboarding-slide-content{flex-direction:column;width:100%}.onboarding-icon,.onboarding-slide-content{align-items:center;display:flex;justify-content:center}.onboarding-icon{color:#a855f7;margin-bottom:.5rem}.onboarding-logo{animation:fadeInScale .6s ease-out;height:80px;object-fit:contain;width:80px}.onboarding-subtitle{animation:fadeIn .8s ease-out;color:#a855f7;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.dark-mode .onboarding-subtitle{color:#b794f6}.onboarding-title{color:#1a202c;font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.dark-mode .onboarding-title{color:#fff}.onboarding-tagline{color:#a855f7;font-size:1rem;font-weight:500;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.dark-mode .onboarding-tagline{color:#b794f6}.onboarding-description{color:#64748b;font-size:1.125rem;line-height:1.6;margin:0;max-width:500px}.dark-mode .onboarding-description{color:#94a3b8}.welcome-slide{animation:none;justify-content:center!important;overflow:visible!important;padding:1rem 1rem 7rem!important;position:relative}.welcome-slide .onboarding-icon{animation:logoSlideUp .6s cubic-bezier(.34,1.56,.64,1) forwards;margin-bottom:.75rem!important;opacity:0}@keyframes logoSlideUp{0%{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.welcome-slide .onboarding-subtitle{animation:fadeInUp .5s ease-out .2s forwards;margin-bottom:.5rem!important;opacity:0}.welcome-slide .onboarding-title{animation:fadeInUp .5s ease-out .25s forwards;margin-bottom:.5rem!important;opacity:0}.welcome-slide .onboarding-description{animation:fadeInUp .5s ease-out .3s forwards;margin:0 0 .75rem!important;opacity:0}.welcome-slide .onboarding-visual{animation:fadeInScale .6s ease-out .4s forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding-page.slide-0 .onboarding-footer{animation:fadeIn .5s ease-out .8s forwards;opacity:0}.welcome-slide .onboarding-tagline{margin-bottom:.5rem!important}.welcome-slide:before{background:radial-gradient(circle,#a855f714 0,#0000 70%);content:"";height:600px;left:50%;pointer-events:none;position:fixed;top:0;transform:translateX(-50%);width:600px;z-index:0}.dark-mode .welcome-slide:before{background:radial-gradient(circle,#a855f726 0,#0000 70%)}.welcome-slide>*{position:relative;z-index:1}.onboarding-visual{align-items:center;display:flex;justify-content:center;margin-top:1.5rem;padding:0}.onboarding-visual>.before-after-slider-customizable{border-radius:16px;box-shadow:0 8px 32px #0000001f;overflow:hidden}.dark-mode .onboarding-visual>.before-after-slider-customizable{box-shadow:0 8px 32px #0006}.onboarding-visual>.onboarding-steps-container{background:#0000;border:none;border-radius:0;box-shadow:none;overflow:visible}.preview-image-container{-webkit-touch-callout:none;cursor:pointer;position:relative;touch-action:manipulation;user-select:none;-webkit-user-select:none}.preview-image-container img{-webkit-user-drag:none;user-drag:none;pointer-events:none}.preview-hint{align-items:center;animation:hintPulse 2s ease-in-out infinite;background:#a855f7f2;border-radius:50px;bottom:1rem;box-shadow:0 4px 12px #a855f766;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;left:50%;padding:.5rem 1rem;pointer-events:none;position:absolute;transform:translateX(-50%)}.preview-hint svg{flex-shrink:0;opacity:.95}.dark-mode .preview-hint{background:#a855f7;box-shadow:0 4px 12px #a855f799}@keyframes hintPulse{0%,to{opacity:1;transform:translateX(-50%) scale(1)}50%{opacity:.9;transform:translateX(-50%) scale(1.05)}}.preview-image-container img{transition:opacity .15s ease}.onboarding-steps-container{grid-gap:3rem;align-items:center!important;display:grid;gap:3rem;grid-template-columns:repeat(3,1fr);max-width:100%;position:relative;width:100%}.onboarding-slide:has(.onboarding-steps-container):before{background:radial-gradient(circle,#a855f714 0,#0000 70%);content:"";height:600px;left:50%;pointer-events:none;position:fixed;top:0;transform:translateX(-50%);width:600px;z-index:0}.dark-mode .onboarding-slide:has(.onboarding-steps-container):before{background:radial-gradient(circle,#a855f726 0,#0000 70%)}.onboarding-step{align-items:center;display:flex;flex-direction:column;padding-top:30px;position:relative;text-align:center}.onboarding-step-number{background:linear-gradient(135deg,#a855f7,#9333ea);border-radius:50%;box-shadow:0 4px 12px #a855f740;color:#fff;font-size:1.125rem;font-weight:700;height:48px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:48px;z-index:2}.onboarding-step-icon,.onboarding-step-number{align-items:center;display:flex;justify-content:center}.onboarding-step-icon{background:#fff;border:none;border-radius:20px;box-shadow:none;height:100px;margin-bottom:1.25rem;transition:all .3s ease;width:100px}.dark-mode .onboarding-step-icon{background:#1a1a1a;box-shadow:0 2px 8px #0003}.onboarding-step:hover .onboarding-step-icon{transform:translateY(-2px)}.onboarding-step-title{color:#1f2937;font-size:1.375rem;font-weight:700;margin-bottom:.5rem}.dark-mode .onboarding-step-title{color:#fff}.onboarding-step-description{color:#6b7280;font-size:1rem;line-height:1.6;max-width:100%;padding:0 .5rem}.dark-mode .onboarding-step-description{color:#94a3b8}.onboarding-process{display:none}.onboarding-process-step{align-items:center;display:flex;flex-direction:column;gap:.75rem}.onboarding-process-number{align-items:center;background:#a855f7;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.onboarding-process-text{color:#1a202c;font-size:.9375rem;font-weight:600}.dark-mode .onboarding-process-text{color:#fff}.onboarding-process-arrow{color:#a855f7;font-size:2rem;font-weight:700}.onboarding-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:500px;width:100%}.onboarding-feature{align-items:center;display:flex;flex-direction:column;gap:.75rem}.onboarding-feature-icon{font-size:3rem}.onboarding-feature-text{color:#1a202c;font-size:.9375rem;font-weight:600}.dark-mode .onboarding-feature-text{color:#fff}.onboarding-color-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;position:relative;width:100%}.onboarding-slide:has(.onboarding-color-container):before{background:radial-gradient(circle,#a855f714 0,#0000 70%);content:"";height:600px;left:50%;pointer-events:none;position:fixed;top:0;transform:translateX(-50%);width:600px;z-index:0}.dark-mode .onboarding-slide:has(.onboarding-color-container):before{background:radial-gradient(circle,#a855f726 0,#0000 70%)}.onboarding-color-preview{align-items:center;display:flex;justify-content:center}.onboarding-color-preview img{background:#fff;box-shadow:0 8px 32px #0000001f;transition:filter .3s ease}.dark-mode .onboarding-color-preview img{background:#fff;box-shadow:0 8px 32px #0006}.onboarding-color-swatches{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.onboarding-color-swatch-item{cursor:pointer;transition:all .2s ease}.onboarding-color-swatch-circle{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;height:48px;justify-content:center;transition:all .2s ease;width:48px}.onboarding-color-swatch-item:hover .onboarding-color-swatch-circle{box-shadow:0 4px 12px #0003;transform:scale(1.15)}.onboarding-color-swatch-item.active .onboarding-color-swatch-circle{box-shadow:0 0 0 3px #a855f780;transform:scale(1.1)}.onboarding-color-grid,.onboarding-color-picker{display:none}.onboarding-color-option{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;transition:all .2s ease}.onboarding-color-option:hover .onboarding-color-swatch{transform:scale(1.1)}.onboarding-color-swatch{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;height:70px;justify-content:center;transition:all .2s ease;width:70px}.onboarding-color-option.active .onboarding-color-swatch{box-shadow:0 0 0 4px #a855f74d;transform:scale(1.05)}.onboarding-color-name{color:#64748b;font-size:.875rem;font-weight:500}.dark-mode .onboarding-color-name{color:#94a3b8}.onboarding-color-option.active .onboarding-color-name{color:#a855f7;font-weight:600}.onboarding-detail-container{align-items:center;display:flex;flex-direction:column;gap:2rem;position:relative;width:100%}.onboarding-slide:has(.onboarding-detail-container):before{background:radial-gradient(circle,#a855f714 0,#0000 70%);content:"";height:600px;left:50%;pointer-events:none;position:fixed;top:0;transform:translateX(-50%);width:600px;z-index:0}.dark-mode .onboarding-slide:has(.onboarding-detail-container):before{background:radial-gradient(circle,#a855f726 0,#0000 70%)}.onboarding-detail-chips{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.onboarding-detail-chip{background:#fff;border:2px solid #e2e8f0;border-radius:50px;color:#64748b;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.dark-mode .onboarding-detail-chip{background:#1a1a1a;border-color:#2a2a2a;color:#94a3b8}.onboarding-detail-chip:hover{transform:translateY(-2px)}.dark-mode .onboarding-detail-chip:hover,.onboarding-detail-chip:hover{border-color:#a855f7;color:#a855f7}.onboarding-detail-chip.active{box-shadow:0 4px 12px #a855f74d}.dark-mode .onboarding-detail-chip.active,.onboarding-detail-chip.active{background:linear-gradient(135deg,#a855f7,#9333ea);border-color:#a855f7;color:#fff}.onboarding-detail-preview{align-items:center;display:flex;justify-content:center}.onboarding-detail-preview img{box-shadow:0 8px 24px #0000001f;transition:transform .3s ease}.dark-mode .onboarding-detail-preview img{box-shadow:0 8px 24px #0006}.onboarding-shading-container{display:flex;flex-direction:column;gap:2rem;position:relative;width:100%}.onboarding-slide:has(.onboarding-shading-container):before{background:radial-gradient(circle,#a855f714 0,#0000 70%);content:"";height:600px;left:50%;pointer-events:none;position:fixed;top:0;transform:translateX(-50%);width:600px;z-index:0}.dark-mode .onboarding-slide:has(.onboarding-shading-container):before{background:radial-gradient(circle,#a855f726 0,#0000 70%)}.onboarding-shading-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.onboarding-shading-card{align-items:center;background:#fff!important;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer!important;display:flex;gap:1rem;padding:1rem!important;transition:all .2s ease}.onboarding-shading-card *{cursor:pointer!important}.dark-mode .onboarding-shading-card{background:#1a1a1a!important;border-color:#2a2a2a!important}.onboarding-shading-card:hover{background:#faf5ff!important;border-color:#a855f7}.dark-mode .onboarding-shading-card:hover{background:#1a0a2e!important;border-color:#a855f7}.onboarding-shading-card.active{background:#faf5ff!important;border-color:#a855f7}.dark-mode .onboarding-shading-card.active{background:#1a0a2e!important}.onboarding-shading-radio{align-items:center;border:2px solid #cbd5e1;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s;width:20px}.dark-mode .onboarding-shading-radio{border-color:#4a5568}.onboarding-shading-radio.active{background:#a855f7;border-color:#a855f7}.onboarding-shading-radio svg{color:#fff}.onboarding-shading-card-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.onboarding-shading-icon{align-items:center;background:#f8faff!important;border-radius:8px;color:#a855f7!important;display:flex;flex-shrink:0;height:40px!important;justify-content:center;transition:all .2s;width:40px!important}.dark-mode .onboarding-shading-icon{background:#2a2a2a!important;color:#a855f7!important}.onboarding-shading-card.active .onboarding-shading-icon{background:#f8faff!important;color:#a855f7!important}.dark-mode .onboarding-shading-card.active .onboarding-shading-icon{background:#2a2a2a!important;color:#a855f7!important}.onboarding-shading-icon.hatching-icon svg,.onboarding-shading-icon.solid-icon svg{height:24px;width:24px}.onboarding-shading-card-title{color:#1a202c;font-size:1rem;font-weight:600}.dark-mode .onboarding-shading-card-title{color:#fff}.onboarding-shading-card-desc{color:#718096;font-size:.875rem}.dark-mode .onboarding-shading-card-desc{color:#b0b0b0}.onboarding-shading-preview{align-items:center;display:flex;justify-content:center}.onboarding-shading-preview img{box-shadow:0 8px 32px #0000001f}.dark-mode .onboarding-shading-preview img{box-shadow:0 8px 32px #0006}.onboarding-shading-description,.onboarding-shading-grid,.onboarding-shading-name,.onboarding-shading-option,.onboarding-shading-picker{display:none}.onboarding-celebration{align-items:center;display:flex;height:300px;justify-content:center;margin-top:1rem;position:relative;width:300px}.celebration-confetti{height:100%;pointer-events:none;position:absolute;width:100%}.confetti-piece{animation:confettiFall 2.5s ease-in infinite;color:#a855f7;opacity:0;position:absolute}.dark-mode .confetti-piece{color:#b794f6}@keyframes confettiFall{0%{opacity:0;transform:translateY(-20px) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(280px) rotate(1turn)}}.confetti-1{animation-delay:0s;left:10%}.confetti-2{animation-delay:.2s;left:20%}.confetti-3{animation-delay:.4s;left:30%}.confetti-4{animation-delay:.6s;left:40%}.confetti-5{animation-delay:.8s;left:50%}.confetti-6{animation-delay:1s;left:60%}.confetti-7{animation-delay:.3s;left:70%}.confetti-8{animation-delay:.5s;left:80%}.confetti-9{animation-delay:.7s;left:15%}.confetti-10{animation-delay:.9s;left:35%}.confetti-11{animation-delay:.1s;left:55%}.confetti-12{animation-delay:1.1s;left:75%}.onboarding-success-visual{align-items:center;display:flex;height:280px;justify-content:center;margin-top:1rem;position:relative;width:280px}.success-glow-orb{animation:orbGlow 3s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#a855f766,#9333ea33 50%,#0000 70%);border-radius:50%;filter:blur(40px);height:200px;position:absolute;width:200px}.dark-mode .success-glow-orb{background:radial-gradient(circle at 30% 30%,#a855f799,#9333ea4d 50%,#0000 70%)}@keyframes orbGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.success-icon-wrapper{align-items:center;animation:iconFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#fff,#f8faff);border-radius:50%;box-shadow:0 8px 32px #a855f740,0 0 0 1px #a855f71a,inset 0 2px 8px #fffc;color:#a855f7;display:flex;height:140px;justify-content:center;position:relative;width:140px;z-index:2}.dark-mode .success-icon-wrapper{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);box-shadow:0 8px 32px #a855f766,0 0 0 1px #a855f733,inset 0 2px 8px #ffffff0d}.success-logo{height:90px;object-fit:contain;width:90px}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.success-rings{height:100%;pointer-events:none;position:absolute;width:100%}.success-ring{animation:ringExpand 2.5s ease-out infinite;border:2px solid #a855f74d;border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.dark-mode .success-ring{border-color:#a855f766}.ring-1{animation-delay:0s}.ring-1,.ring-2{height:140px;width:140px}.ring-2{animation-delay:.8s}.ring-3{animation-delay:1.6s;height:140px;width:140px}@keyframes ringExpand{0%{border-width:2px;height:140px;opacity:0;width:140px}20%{opacity:1}to{border-width:0;height:280px;opacity:0;width:280px}}.onboarding-footer{align-items:center;bottom:1.5rem;flex-direction:column;left:0;position:absolute;right:0;z-index:10}.onboarding-footer,.onboarding-progress{display:flex;gap:.75rem}.onboarding-dot{background:#e2e8f0;border-radius:50%;height:12px;transition:all .3s ease;width:12px}.dark-mode .onboarding-dot{background:#2a2a2a}.onboarding-dot.active{background:#a855f7;transform:scale(1.3)}.onboarding-dot.completed{background:#a855f7}.onboarding-btn-primary{align-items:center;background:#a855f7;border:none;border-radius:12px;box-shadow:0 4px 12px #a855f74d;color:#fff;cursor:pointer;display:flex;font-size:1.0625rem;font-weight:600;justify-content:center;min-height:56px;min-width:200px;padding:1rem 3rem;transition:all .2s ease}.onboarding-btn-primary:hover:not(:disabled){background:#9333ea;box-shadow:0 6px 20px #a855f766;transform:translateY(-2px)}.onboarding-btn-primary:active:not(:disabled){transform:translateY(0)}.onboarding-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:1199px) and (min-width:768px){.onboarding-slide{padding:1.5rem 1.25rem 6.5rem!important}.onboarding-logo{height:75px;margin-bottom:.875rem;width:75px}.onboarding-subtitle{font-size:1.0625rem;margin-bottom:.5rem}.onboarding-icon svg{height:44px;width:44px}.onboarding-title{font-size:1.625rem;margin-bottom:.5rem}.onboarding-description{font-size:.9375rem;margin-bottom:.875rem;max-width:90%}.onboarding-visual{margin-top:1.25rem}.onboarding-steps-container{gap:1.75rem}.onboarding-step-number{font-size:.9375rem;height:38px;width:38px}.onboarding-step-icon{height:75px;margin-bottom:.875rem;width:75px}.onboarding-step-icon svg{height:28px;width:28px}.onboarding-step-title{font-size:1.0625rem}.onboarding-step-description{font-size:.875rem;max-width:240px;padding:0 .25rem}.onboarding-detail-container{gap:1.75rem}.onboarding-detail-chips{flex-wrap:wrap;gap:.625rem;justify-content:center}.onboarding-detail-chip{font-size:.9375rem;padding:.625rem 1.375rem}.onboarding-detail-preview{margin-top:.5rem}.onboarding-shading-container{gap:1.75rem!important}.onboarding-shading-options{gap:.875rem!important;margin:0 auto!important;max-width:90%!important}.onboarding-shading-card{gap:.875rem!important;padding:.875rem!important}.onboarding-shading-icon{height:38px!important;width:38px!important}.onboarding-shading-icon svg{height:20px!important;width:20px!important}.onboarding-shading-card-title{font-size:.9375rem!important}.onboarding-shading-card-desc{font-size:.8125rem!important}.onboarding-shading-preview{margin-top:.5rem!important}.onboarding-color-container{gap:1.75rem!important}.onboarding-color-swatches{flex-wrap:wrap;gap:.75rem;justify-content:center;max-width:90%}.onboarding-color-swatch-circle{height:46px;width:46px}.onboarding-color-swatch-circle svg{height:14px;width:14px}.onboarding-color-preview{margin-top:.5rem}.onboarding-celebration{height:260px;margin-top:.875rem;width:260px}.success-orb{height:200px!important;width:200px!important}.success-icon-wrapper{height:120px!important;width:120px!important}.success-logo{height:90px!important;width:90px!important}.success-ring{height:220px;width:220px}.success-ring-2{height:240px;width:240px}.onboarding-progress{gap:.625rem;margin-bottom:1rem}.onboarding-dot{height:10px;width:10px}.onboarding-btn-primary{font-size:.9375rem;min-height:52px;min-width:180px;padding:.9375rem 2.5rem}.preview-hint{bottom:.875rem;font-size:.8125rem;padding:.4375rem .875rem}.preview-hint svg{height:16px;width:16px}.onboarding-footer{bottom:1.25rem}}@media (max-width:767px) and (min-width:481px){.onboarding-slide{padding:1.5rem 1rem 6.5rem!important}.onboarding-logo{height:70px;margin-bottom:.75rem;width:70px}.onboarding-subtitle{font-size:1rem;margin-bottom:.4375rem}.onboarding-icon svg{height:42px;width:42px}.onboarding-title{font-size:1.5rem;margin-bottom:.4375rem}.onboarding-description{font-size:.9375rem;margin-bottom:.875rem;max-width:95%}.onboarding-visual{margin-top:1.125rem}.onboarding-steps-container{gap:2.25rem;grid-template-columns:1fr}.onboarding-step-number{font-size:.9375rem;height:36px;width:36px}.onboarding-step-icon{height:68px;margin-bottom:.75rem;width:68px}.onboarding-step-icon svg{height:26px;width:26px}.onboarding-step-title{font-size:1.0625rem}.onboarding-step-description{font-size:.875rem;max-width:260px}.onboarding-detail-container{gap:1.625rem}.onboarding-detail-chips{flex-wrap:wrap;gap:.5625rem;justify-content:center}.onboarding-detail-chip{font-size:.875rem;padding:.5625rem 1.125rem}.onboarding-shading-container{gap:1.625rem!important}.onboarding-shading-options{gap:.8125rem!important}.onboarding-shading-card{gap:.6875rem!important;padding:.6875rem!important}.onboarding-shading-icon{height:34px!important;width:34px!important}.onboarding-shading-icon svg{height:17px!important;width:17px!important}.onboarding-shading-card-title{font-size:.875rem!important}.onboarding-shading-card-desc{font-size:.75rem!important}.onboarding-color-container{gap:1.625rem!important}.onboarding-color-swatches{flex-wrap:wrap;gap:.6875rem!important;justify-content:center}.onboarding-color-swatch-circle{height:44px;width:44px}.onboarding-color-swatch-circle svg{height:13px;width:13px}.onboarding-celebration{height:240px;margin-top:.875rem;width:240px}.success-orb{height:180px!important;width:180px!important}.success-icon-wrapper{height:115px!important;width:115px!important}.success-logo{height:90px!important;width:90px!important}.success-ring{height:200px;width:200px}.success-ring-2{height:220px;width:220px}.onboarding-progress{gap:.5625rem;margin-bottom:1rem}.onboarding-dot{height:9px;width:9px}.onboarding-btn-primary{font-size:.9375rem;min-height:50px;min-width:170px;padding:.875rem 2.25rem}.preview-hint{bottom:.875rem;font-size:.8125rem;padding:.4375rem .875rem}.preview-hint svg{height:16px;width:16px}.onboarding-footer{bottom:1.125rem}}@media (max-width:480px) and (min-width:401px){.onboarding-slide{padding:1.375rem .875rem 6rem!important}.onboarding-logo{height:65px!important;margin-bottom:.625rem!important;width:65px!important}.onboarding-subtitle{font-size:.9375rem!important;margin-bottom:.375rem!important}.onboarding-icon svg{height:38px!important;width:38px!important}.onboarding-title{font-size:1.375rem!important;margin-bottom:.375rem!important}.onboarding-description{font-size:.875rem!important;margin-bottom:.75rem!important;max-width:95%!important}.onboarding-visual{margin-top:1rem!important}.onboarding-steps-container{gap:1.875rem!important;grid-template-columns:1fr!important}.onboarding-step-number{font-size:.9375rem!important;height:34px!important;width:34px!important}.onboarding-step-icon{height:62px!important;margin-bottom:.625rem!important;width:62px!important}.onboarding-step-icon svg{height:24px!important;width:24px!important}.onboarding-step-title{font-size:1rem!important}.onboarding-step-description{font-size:.8125rem!important;max-width:240px!important}.onboarding-detail-container{gap:1.375rem!important}.onboarding-detail-chips{flex-wrap:wrap!important;gap:.4375rem!important;justify-content:center!important}.onboarding-detail-chip{font-size:.8125rem!important;padding:.5rem 1rem!important}.onboarding-shading-container{gap:1.375rem!important}.onboarding-shading-options{gap:.6875rem!important}.onboarding-shading-card{gap:.5625rem!important;padding:.5625rem!important}.onboarding-shading-radio{height:18px!important;width:18px!important}.onboarding-shading-icon{height:32px!important;width:32px!important}.onboarding-shading-icon svg{height:16px!important;width:16px!important}.onboarding-shading-card-title{font-size:.8125rem!important}.onboarding-shading-card-desc{font-size:.6875rem!important}.onboarding-color-container{gap:1.375rem!important}.onboarding-color-swatches{flex-wrap:wrap!important;gap:.5625rem!important;justify-content:center!important;padding:0 .5rem!important}.onboarding-color-swatch-circle{height:42px!important;width:42px!important}.onboarding-color-swatch-circle svg{height:12px!important;width:12px!important}.onboarding-celebration{height:220px!important;margin-top:.75rem!important;width:220px!important}.success-orb{height:160px!important;width:160px!important}.success-icon-wrapper{height:130px!important;width:130px!important}.success-logo{height:94px!important;width:94px!important}.success-ring{height:180px!important;width:180px!important}.success-ring-2{height:200px!important;width:200px!important}.onboarding-progress{gap:.5rem!important;margin-bottom:.9375rem!important}.onboarding-dot{height:8px!important;width:8px!important}.onboarding-btn-primary{font-size:.875rem!important;min-height:48px!important;min-width:165px!important;padding:.8125rem 2rem!important}.preview-hint{bottom:.75rem!important;font-size:.75rem!important;gap:.375rem!important;padding:.375rem .75rem!important}.preview-hint svg{height:15px!important;width:15px!important}.onboarding-footer{bottom:1rem!important}}@media (max-width:400px){.onboarding-slide{padding:1.125rem .75rem 5.5rem!important}.onboarding-logo{height:58px;margin-bottom:.5rem;width:58px}.onboarding-subtitle{font-size:.8125rem!important;margin-bottom:.1875rem!important}.onboarding-icon svg{height:34px!important;width:34px!important}.onboarding-title{font-size:1.0625rem!important;margin-bottom:.1875rem!important}.onboarding-description{font-size:.6875rem!important;margin-bottom:.375rem!important;max-width:95%}.onboarding-visual{margin-top:.5rem!important}.onboarding-steps-container{gap:1.625rem;grid-template-columns:1fr}.onboarding-step-number{font-size:.875rem;height:32px;width:32px}.onboarding-step-icon{height:56px;margin-bottom:.5rem;width:56px}.onboarding-step-icon svg{height:22px;width:22px}.onboarding-step-title{font-size:.9375rem}.onboarding-step-description{font-size:.75rem;max-width:220px}.onboarding-detail-container{gap:.75rem!important}.onboarding-detail-chips{flex-wrap:wrap;gap:.3125rem!important;justify-content:center}.onboarding-detail-chip{font-size:.6875rem!important;padding:.375rem .75rem!important}.onboarding-shading-container{gap:.625rem!important}.onboarding-shading-options{gap:.375rem!important;grid-template-columns:repeat(2,1fr)!important}.onboarding-shading-card{flex-direction:row!important;gap:.375rem!important;padding:.375rem!important;position:relative;text-align:left!important}.onboarding-shading-radio{flex-shrink:0!important;height:12px!important;width:12px!important}.onboarding-shading-card-content{align-items:center!important;flex:1 1!important;flex-direction:row!important;gap:.3125rem!important}.onboarding-shading-icon{flex-shrink:0!important;height:24px!important;width:24px!important}.onboarding-shading-icon svg{height:12px!important;width:12px!important}.onboarding-shading-card-title{font-size:.6875rem!important;line-height:1.2!important}.onboarding-shading-card-desc{font-size:.5625rem!important;line-height:1.2!important}.onboarding-color-container{gap:.625rem!important}.onboarding-color-swatches{flex-wrap:wrap;gap:.3125rem!important;justify-content:center;padding:0 .25rem!important}.onboarding-color-swatch-circle{height:34px!important;width:34px!important}.onboarding-color-swatch-circle svg{height:9px!important;width:9px!important}.onboarding-celebration{height:200px;margin-top:.625rem;width:200px}.success-orb{height:145px!important;width:145px!important}.success-icon-wrapper{height:130px!important;width:130px!important}.success-logo{height:88px!important;width:88px!important}.success-ring{height:165px;width:165px}.success-ring-2{height:185px;width:185px}.onboarding-progress{gap:.4375rem;margin-bottom:.875rem}.onboarding-dot{height:7px;width:7px}.onboarding-btn-primary{font-size:.8125rem;min-height:46px;min-width:155px;padding:.75rem 1.875rem}.preview-hint{bottom:.625rem;font-size:.6875rem;gap:.3125rem;padding:.3125rem .625rem}.preview-hint svg{height:14px;width:14px}.onboarding-footer{bottom:.875rem}}.pricing-credit-packs .plans-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-left:auto;margin-right:auto;margin-top:3rem;max-width:1000px}.pricing-credit-packs .plan-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;height:100%;padding:2rem;position:relative;transition:all .3s ease}.pricing-credit-packs .plan-card:hover{border-color:#d1d5db;box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.pricing-credit-packs .plan-card.popular{background:linear-gradient(135deg,#faf5ff,#fff);border-color:#a855f7;box-shadow:0 8px 25px #a855f733}.pricing-credit-packs .plan-card.popular:hover{box-shadow:0 12px 32px #a855f740}.pricing-credit-packs .popular-badge{background:linear-gradient(135deg,#a855f7,#9333ea);border-radius:20px;box-shadow:0 4px 12px #a855f74d;color:#fff;font-size:.8rem;font-weight:600;left:50%;letter-spacing:.5px;padding:8px 20px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%);white-space:nowrap}.pricing-credit-packs .plan-header{margin-bottom:1.5rem;text-align:center}.pricing-credit-packs .plan-name{color:#1a202c;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.pricing-credit-packs .plan-description{color:#718096;font-size:.95rem;margin:0}.pricing-credit-packs .plan-pricing{margin-bottom:1.5rem;text-align:center}.pricing-credit-packs .price-display{align-items:baseline;display:flex;justify-content:center;margin-bottom:.25rem}.pricing-credit-packs .price-currency{color:#1a202c;font-size:1.5rem;font-weight:600;margin-right:2px}.pricing-credit-packs .price-amount{color:#1a202c;font-size:3.5rem;font-weight:800;line-height:1}.pricing-credit-packs .price-period{color:#9ca3af;display:block;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin-top:.25rem;text-transform:uppercase}.pricing-credit-packs .price-per-credit{color:#10b981;font-size:.9rem;font-weight:600;margin-top:.75rem}.pricing-credit-packs .plan-features{flex:1 1;list-style:none;margin:0 0 1.5rem;padding:0}.pricing-credit-packs .feature-item{align-items:center;color:#1a202c;display:flex;font-size:.95rem;gap:.75rem;padding:.5rem 0}.pricing-credit-packs .feature-icon{background:#f3e8ff;border-radius:50%;color:#a855f7;flex-shrink:0;height:20px;padding:3px;width:20px}.pricing-credit-packs .plan-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .2s ease;width:100%}.pricing-credit-packs .plan-button.primary{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 4px 12px #a855f74d;color:#fff}.pricing-credit-packs .plan-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 6px 16px #a855f766;transform:translateY(-2px)}.pricing-credit-packs .plan-button.secondary{background:#f7fafc;border:2px solid #e2e8f0;color:#1a202c}.pricing-credit-packs .plan-button.secondary:hover:not(:disabled){background:#edf2f7;border-color:#d1d5db;transform:translateY(-2px)}.pricing-credit-packs .plan-button:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.pricing-credit-packs .button-spinner{animation:creditPackSpin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;flex-shrink:0;height:18px;width:18px}@keyframes creditPackSpin{to{transform:rotate(1turn)}}.pricing-credit-packs .credit-packs-note{background:linear-gradient(135deg,#a855f70d,#a855f714);border:1px solid #a855f726;border-radius:16px;margin-left:auto;margin-right:auto;margin-top:3rem;max-width:650px;padding:1.25rem 1.5rem;text-align:center}.pricing-credit-packs .credit-packs-note p{color:#4b5563;font-size:.95rem;line-height:1.6;margin:0}@media (max-width:1199px){.pricing-credit-packs .plans-grid{gap:1.5rem;grid-template-columns:1fr;max-width:450px}.pricing-credit-packs .plan-card.popular{order:-1}.pricing-credit-packs .price-amount{font-size:3rem}}@media (max-width:767px){.pricing-credit-packs .plans-grid{gap:1.5rem;max-width:400px}.pricing-credit-packs .plan-card{padding:1.75rem}.pricing-credit-packs .plan-name{font-size:1.35rem}.pricing-credit-packs .price-amount{font-size:2.75rem}.pricing-credit-packs .price-currency{font-size:1.25rem}.pricing-credit-packs .credit-packs-note{margin-top:2rem;padding:1rem 1.25rem}.pricing-credit-packs .credit-packs-note p{font-size:.875rem}}@media (max-width:575px){.pricing-credit-packs .plans-grid{gap:1.25rem;max-width:100%;padding:0}.pricing-credit-packs .plan-card{border-radius:14px;padding:1.5rem}.pricing-credit-packs .plan-name{font-size:1.25rem}.pricing-credit-packs .plan-description{font-size:.875rem}.pricing-credit-packs .price-amount{font-size:2.5rem}.pricing-credit-packs .price-currency{font-size:1.125rem}.pricing-credit-packs .price-period{font-size:.8rem}.pricing-credit-packs .price-per-credit{font-size:.85rem}.pricing-credit-packs .feature-item{font-size:.875rem;padding:.375rem 0}.pricing-credit-packs .feature-icon{height:18px;width:18px}.pricing-credit-packs .plan-button{font-size:.95rem;padding:.875rem 1.25rem}.pricing-credit-packs .popular-badge{font-size:.7rem;padding:6px 14px}.pricing-credit-packs .credit-packs-note{border-radius:12px;margin:1.5rem 0 0;padding:1rem}.pricing-credit-packs .credit-packs-note p{font-size:.8rem}}@media (max-width:400px){.pricing-credit-packs .plan-card{border-radius:12px!important;padding:1.25rem!important}.pricing-credit-packs .plan-name{font-size:1.125rem!important}.pricing-credit-packs .plan-description{font-size:.8125rem!important}.pricing-credit-packs .price-amount{font-size:2.25rem!important}.pricing-credit-packs .price-currency{font-size:1rem!important}.pricing-credit-packs .price-period{font-size:.75rem!important}.pricing-credit-packs .price-per-credit{font-size:.8rem!important}.pricing-credit-packs .feature-item{font-size:.8125rem!important;padding:.3rem 0!important}.pricing-credit-packs .feature-icon{height:16px!important;width:16px!important}.pricing-credit-packs .plan-button{font-size:.875rem!important;padding:.75rem 1rem!important}.pricing-credit-packs .popular-badge{font-size:.65rem!important;padding:5px 12px!important;top:-10px!important}.pricing-credit-packs .credit-packs-note{padding:.875rem!important}.pricing-credit-packs .credit-packs-note p{font-size:.75rem!important}}.dark-mode .pricing-credit-packs .plan-card{background:#000;border-color:#2a2a2a;box-shadow:0 4px 6px #0000004d}.dark-mode .pricing-credit-packs .plan-card:hover{border-color:#3a3a3a;box-shadow:0 8px 25px #0006}.dark-mode .pricing-credit-packs .plan-card.popular{background:linear-gradient(135deg,#1a0f28,#0a0a0a);border-color:#a855f7;box-shadow:0 8px 25px #a855f74d}.dark-mode .pricing-credit-packs .plan-card.popular:hover{box-shadow:0 12px 32px #a855f759}.dark-mode .pricing-credit-packs .popular-badge{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 4px 12px #a855f766}.dark-mode .pricing-credit-packs .plan-name{color:#fff}.dark-mode .pricing-credit-packs .plan-description{color:#b0b0b0}.dark-mode .pricing-credit-packs .price-amount,.dark-mode .pricing-credit-packs .price-currency{color:#fff}.dark-mode .pricing-credit-packs .price-period{color:grey}.dark-mode .pricing-credit-packs .price-per-credit{color:#34d399}.dark-mode .pricing-credit-packs .feature-item{color:#e0e0e0}.dark-mode .pricing-credit-packs .feature-icon{background:#a855f726;color:#a855f7}.dark-mode .pricing-credit-packs .plan-button.primary{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 4px 12px #a855f766}.dark-mode .pricing-credit-packs .plan-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 6px 16px #a855f780}.dark-mode .pricing-credit-packs .plan-button.secondary{background:#1a1a1a;border-color:#2a2a2a;color:#e0e0e0}.dark-mode .pricing-credit-packs .plan-button.secondary:hover:not(:disabled){background:#2a2a2a;border-color:#3a3a3a}.dark-mode .pricing-credit-packs .credit-packs-note{background:linear-gradient(135deg,#a855f714,#a855f71f);border-color:#a855f740}.dark-mode .pricing-credit-packs .credit-packs-note p{color:#b0b0b0}.pricing-credit-packs .plan-card{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out,border-color .3s ease,box-shadow .3s ease}@media (min-width:1200px){.pricing-credit-packs .plan-card:first-child{transition-delay:.1s}.pricing-credit-packs .plan-card:nth-child(2){transition-delay:.2s}.pricing-credit-packs .plan-card:nth-child(3){transition-delay:.3s}}@media (max-width:1199px){.pricing-credit-packs .plan-card{opacity:1;transform:translateY(0);transition-delay:0s}.pricing-credit-packs .plan-card.animate-in{animation:creditPackQuickFadeIn .3s ease-out}}@keyframes creditPackQuickFadeIn{0%{opacity:.7;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pricing-credit-packs .checkout-loading-overlay{align-items:center;animation:creditPackFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.pricing-credit-packs .checkout-loading-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;text-align:center}.pricing-credit-packs .checkout-loading-spinner{animation:creditPackSpin .8s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:#a855f7;height:48px;width:48px}.pricing-credit-packs .checkout-loading-content p{color:#fff;font-size:1.1rem;font-weight:500;margin:0}@keyframes creditPackFadeIn{0%{opacity:0}to{opacity:1}}.dark-mode .pricing-credit-packs .checkout-loading-overlay{background:#000000e6}.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:80vh}@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.95e7f4d7.css.map*/