.mega-menu{position:absolute;top:100%;left:0;z-index:var(--z-dropdown);padding-top:2px;animation:mega-menu-enter .2s ease}@keyframes mega-menu-enter{0%{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}.mega-menu__panel{min-width:200px;max-width:280px;background-color:var(--color-bg-primary,#fff);border:1px solid var(--color-primary-500);border-radius:var(--radius-md,8px);overflow:hidden;box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary) 10%,transparent)}.mega-menu__list{list-style:none;margin:0;padding:4px 0;display:flex;flex-direction:column;max-height:min(60vh,360px);overflow-y:auto}.mega-menu__item{margin:0}.mega-menu__link{display:block;padding:10px 12px;font-size:var(--text-sm,14px);font-weight:var(--font-medium,500);line-height:var(--leading-snug,1.35);color:var(--text-primary,var(--color-neutral-800));text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.mega-menu__link:hover{background-color:var(--color-primary-50);color:var(--color-primary-500)}.mega-menu__link-label{display:block}.mega-menu__link-meta{display:block;margin-top:1px;font-size:var(--text-xs,12px);font-weight:var(--font-normal,400);color:var(--text-tertiary,var(--color-neutral-500))}.mega-menu__link:hover .mega-menu__link-meta{color:var(--color-primary-500);opacity:.85}.mega-menu__status{margin:0;padding:10px 12px;font-size:var(--text-sm,14px);color:var(--text-tertiary)}@media (max-width:768px){.mega-menu{display:none}}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);padding:16px 24px 12px;background-color:transparent}.topbar--site{position:fixed;top:0;left:0;right:0;z-index:var(--z-header,300);padding:0;pointer-events:none;transition:background-color var(--transition-base),box-shadow var(--transition-base)}.topbar--site .mega-menu,.topbar--site .topbar__shell{pointer-events:auto}.topbar__shell{position:relative;width:100%}.topbar--site .topbar__shell{max-width:none}.topbar--site .mega-menu{z-index:calc(var(--z-header, 300) + 1)}.topbar--site .topbar__pill{border-radius:0;padding:16px 32px;box-shadow:none;border-bottom:1px solid var(--color-border)}.topbar--site-solid{background-color:var(--color-bg-primary)}.topbar--site-transparent{background-color:transparent}.topbar--site-transparent .topbar__pill{background-color:transparent;border-bottom-color:transparent}.topbar--site-transparent .topbar__add-studio-btn,.topbar--site-transparent .topbar__avatar,.topbar--site-transparent .topbar__avatar-chevron,.topbar--site-transparent .topbar__avatar-initial,.topbar--site-transparent .topbar__bell-btn,.topbar--site-transparent .topbar__logo,.topbar--site-transparent .topbar__logo:hover,.topbar--site-transparent .topbar__nav-link,.topbar--site-transparent .topbar__nav-link--active,.topbar--site-transparent .topbar__nav-link:hover,.topbar--site-transparent .topbar__search-icon,.topbar--site-transparent .topbar__search-input{color:#fff}.topbar--site-transparent .topbar__nav-link--active:after{background-color:#fff}.topbar--site-transparent .topbar__search{border-color:hsla(0,0%,100%,.6);background:hsla(0,0%,100%,.12)}.topbar--site-transparent .topbar__search-input::placeholder{color:hsla(0,0%,100%,.85)}.topbar--site-transparent .topbar__avatar{background:hsla(0,0%,100%,.22);border:1px solid hsla(0,0%,100%,.45)}.topbar--site-transparent .topbar__add-studio-btn{background:hsla(0,0%,100%,.18);border:1px solid hsla(0,0%,100%,.45);box-shadow:none}.topbar--site-transparent .topbar__add-studio-btn span{color:#fff}.topbar__pill{display:flex;align-items:center;justify-content:space-between;gap:32px;background-color:var(--color-bg-primary);border-radius:50px;padding:14px 20px 14px 28px;box-shadow:0 2px 20px color-mix(in srgb,var(--color-primary) 8%,transparent)}.topbar__brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.topbar__menu-btn{display:none;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--transition-base),color var(--transition-base),background-color var(--transition-base)}.topbar__menu-btn:hover{border-color:var(--color-primary-300);color:var(--color-primary-600);background-color:var(--color-primary-50)}.topbar__logo{font-family:var(--font-sans);font-size:18px;font-weight:700;color:var(--color-neutral-900);text-decoration:none;white-space:nowrap;letter-spacing:-.3px}.topbar__nav{display:flex;align-items:center;gap:2px;flex:1 1;justify-content:center}.topbar__nav-link{position:relative;padding:7px 14px 11px;font-size:14px;font-weight:500;color:var(--color-neutral-500);text-decoration:none;border-radius:8px;transition:color var(--transition-base);white-space:nowrap}.topbar__nav-link:hover{color:var(--color-neutral-800)}.topbar__nav-link--active{color:var(--color-primary-500);font-weight:600}.topbar__nav-link--disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.5;pointer-events:none}.topbar__nav-link--active:after{content:"";position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background-color:var(--color-primary-500)}.topbar__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.topbar__search-wrap{position:relative;flex-shrink:0}.topbar__search{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 12px;border-radius:9999px;border:1px solid var(--color-border);background:var(--color-bg-primary);min-width:0;width:min(220px,28vw);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.topbar__search:focus-within{border-color:var(--color-primary-300);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-300) 25%,transparent)}.topbar__search-icon{flex-shrink:0;color:var(--color-neutral-500)}.topbar__search-input{flex:1 1;min-width:0;border:none;background:transparent;font-family:var(--font-sans);font-size:13px;color:var(--color-text-primary);outline:none}.topbar__search-input::placeholder{color:var(--color-neutral-400)}.topbar__search-input::-webkit-search-cancel-button{-webkit-appearance:none}.topbar__search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:260px;max-height:min(70vh,320px);overflow-y:auto;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 12px 40px color-mix(in srgb,var(--color-neutral-900) 12%,transparent);z-index:20;padding:var(--space-2)}.topbar__search-dropdown-msg{margin:0;padding:var(--space-4) var(--space-3);font-size:13px;color:var(--color-text-secondary)}.topbar__search-suggest-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;border-radius:10px;text-decoration:none;color:inherit;transition:background-color var(--transition-base)}.topbar__search-suggest-item:hover{background-color:var(--color-primary-50)}.topbar__search-suggest-name{font-size:14px;font-weight:600;color:var(--color-text-primary)}.topbar__search-suggest-meta{font-size:12px;color:var(--color-text-secondary)}.topbar__search-suggest-all{display:block;width:100%;margin-top:var(--space-1);padding:10px 12px;border:none;border-radius:10px;background:transparent;font-size:13px;font-weight:600;color:var(--color-primary-600);cursor:pointer;text-align:center;font-family:var(--font-sans)}.topbar__search-suggest-all:hover{background-color:var(--color-primary-50)}.topbar__add-studio-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border:none;border-radius:9999px;background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-600) 100%);color:var(--color-text-inverse);font-size:13px;font-weight:var(--font-weight-semibold);cursor:pointer;box-shadow:0 6px 14px color-mix(in srgb,var(--color-primary-500) 30%,transparent);transition:transform var(--transition-base),box-shadow var(--transition-base)}.topbar__add-studio-btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-300) 35%,transparent),0 10px 18px color-mix(in srgb,var(--color-primary-500) 34%,transparent)}.topbar__bell-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:transparent;border:none;cursor:pointer;color:var(--color-neutral-500);transition:background-color var(--transition-base),color var(--transition-base)}.topbar__bell-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-neutral-800)}.topbar__bell-dot{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background-color:var(--color-primary-500);border:2px solid var(--color-bg-primary)}.topbar__user{position:relative}.topbar__avatar-btn{display:flex;align-items:center;gap:6px;padding:0;border:none;background:transparent;cursor:pointer}.topbar__avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-400) 0,var(--color-primary-600) 100%);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;overflow:hidden}.topbar__avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.topbar__avatar-initial{font-size:15px;font-weight:700;line-height:1;color:#fff;text-transform:uppercase}.topbar__avatar-chevron{flex-shrink:0;color:var(--color-neutral-500);transition:transform var(--transition-base),color var(--transition-base)}.topbar__avatar-btn:hover .topbar__avatar-chevron{color:var(--color-neutral-800)}.topbar__avatar-chevron--open{transform:rotate(180deg)}@media (max-width:1024px){.topbar{padding:12px 16px 10px}.topbar__pill{gap:16px;padding:10px 14px 10px 18px;border-radius:50px}.topbar__nav-link{padding:7px 10px 10px;font-size:13px}.topbar__actions{gap:8px}}.topbar__dropdown{position:absolute;top:calc(100% + 10px);right:0;width:210px;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary) 12%,transparent);z-index:var(--z-dropdown);padding:var(--space-2)}.topbar__dropdown-header{padding:var(--space-2) var(--space-3)}.topbar__dropdown-name{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.topbar__dropdown-email{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.topbar__dropdown-divider{height:1px;background-color:var(--color-border);margin:var(--space-1) 0}.topbar__dropdown-item{display:block;width:100%;padding:var(--space-2) var(--space-3);border:none;background:transparent;text-align:left;font-size:var(--font-size-sm);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-base)}.topbar__dropdown-item:hover{background-color:var(--color-bg-secondary)}.topbar__dropdown-item--danger{color:var(--color-danger-500)}.topbar__dropdown-item--danger:hover{background-color:var(--color-danger-100)}.topbar__drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:calc(var(--z-modal) - 1);animation:topbar-drawer-fade .28s ease}.topbar__drawer{position:fixed;top:0;left:0;height:100vh;width:min(260px,76vw);background:var(--color-bg-primary);border-right:1px solid var(--color-border);box-shadow:var(--shadow-xl);transform:translateX(-100%);transition:transform .42s cubic-bezier(.22,1,.36,1);z-index:var(--z-modal);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.topbar__drawer--open{transform:translateX(0)}.topbar__drawer-head{display:flex;align-items:center;justify-content:space-between}.topbar__drawer-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.topbar__drawer-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer}.topbar__drawer-nav{display:flex;flex-direction:column;gap:var(--space-2)}.topbar__drawer-nav--marketing{gap:0;overflow-y:auto}.topbar__drawer-section-label{margin:var(--space-4) 0 var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.topbar__drawer-section-label:first-child{margin-top:0}.topbar__drawer-link{text-decoration:none;color:var(--color-text-secondary);border-radius:var(--radius-md);padding:10px 12px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.topbar__drawer-link:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.topbar__drawer-link--active{background:var(--color-primary-50);color:var(--color-primary-700)}.topbar__drawer-link--disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.5;pointer-events:none}.topbar__drawer-link--muted{cursor:default;pointer-events:none;opacity:.7}.topbar__drawer-auth{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.topbar__drawer-auth-btn{width:100%;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base)}.topbar__drawer-auth-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-primary-300)}.topbar__drawer-auth-btn--primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-on-primary,#fff)}.topbar__drawer-auth-btn--primary:hover{background:var(--color-primary-600);border-color:var(--color-primary-600)}@keyframes topbar-drawer-fade{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.topbar{padding:12px 12px 10px}.topbar--site{padding:0}.topbar__pill{gap:12px;padding:8px 14px;border-radius:50px}.topbar--site .topbar__pill{border-radius:0;padding:10px 12px}.topbar__brand{gap:8px}.topbar__menu-btn{display:inline-flex;width:32px;height:32px}.topbar__add-studio-btn,.topbar__nav,.topbar__search-wrap{display:none}}.account-drawer__overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:calc(var(--z-modal) - 1);opacity:0;pointer-events:none;transition:opacity .28s ease}.account-drawer__overlay--visible{opacity:1;pointer-events:auto}.account-drawer{position:fixed;top:0;right:0;height:100vh;width:min(360px,80vw);background:var(--color-white);z-index:var(--z-modal);display:flex;flex-direction:column;padding:var(--space-6) var(--space-5);box-shadow:var(--shadow-xl);touch-action:pan-y;overscroll-behavior:contain;animation:account-drawer-enter .32s cubic-bezier(.22,1,.36,1)}@keyframes account-drawer-enter{0%{transform:translateX(100%)}to{transform:translateX(0)}}.account-drawer__head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.account-drawer__head-avatar{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background:var(--bg-subtle,#f0f0f0);color:var(--text-tertiary);flex-shrink:0}.account-drawer__head-title{flex:1 1;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.account-drawer__head--user{align-items:flex-start;margin-bottom:var(--space-5)}.account-drawer__head-user{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px;padding-top:2px}.account-drawer__head-name{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight)}.account-drawer__head-email{font-size:var(--text-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-drawer__head-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.account-drawer__head-avatar-initial{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary)}.account-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.account-drawer__close:hover{background:var(--bg-subtle,#f5f5f5)}.account-drawer__actions{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-2)}.account-drawer__btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.account-drawer__btn--primary{background:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary)}.account-drawer__btn--primary:hover{color:var(--color-white);background:var(--color-primary-500)}.account-drawer__btn--outline{background:var(--color-white);color:var(--color-primary);border:1.5px solid var(--color-primary)}.account-drawer__btn--outline:hover{background:var(--color-primary-50,#ecfdf3)}.account-drawer__nav{display:flex;flex-direction:column;margin-top:var(--space-2)}button.account-drawer__nav-item{width:100%;border:none;background:transparent;font:inherit;text-align:left;cursor:pointer}button.account-drawer__nav-item:disabled{opacity:.6;cursor:wait}.account-drawer__switch-error{margin:0 0 var(--space-2);padding:0 var(--space-1);font-size:var(--text-sm);color:var(--color-error,#c62828);line-height:1.4}.account-drawer__nav-item{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4) 0;border:none;border-bottom:1px solid var(--border-default);background:none;font-family:var(--font-sans);font-size:14px;font-weight:var(--font-medium);color:var(--text-primary);text-decoration:none;cursor:pointer;text-align:left;transition:color var(--transition-fast)}.account-drawer__nav-item:hover{color:var(--color-primary)}.account-drawer__nav-item--disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.account-drawer__nav-item--disabled:hover{color:var(--text-primary)}.account-drawer__nav-item:last-child{border-bottom:none}.account-drawer__nav-icon{flex-shrink:0;color:var(--text-primary)}.account-drawer__nav-item--lang{justify-content:flex-start}.account-drawer__nav-chevron{margin-left:auto;color:var(--text-tertiary)}.account-drawer__body{flex:1 1;overflow-y:auto;min-height:0;margin-right:calc(-1 * var(--space-2));padding-right:var(--space-2)}.account-drawer__section-title{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary)}.account-drawer__section-title:not(:first-child){margin-top:var(--space-6)}.account-drawer__logout{position:relative;z-index:1;flex-shrink:0;display:flex;align-items:center;gap:var(--space-4);width:100%;margin-top:auto;padding:var(--space-5) 0 0;border:none;border-top:1px solid var(--border-default);background:none;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);cursor:pointer;text-align:left;transition:color var(--transition-fast)}.account-drawer__logout:hover{color:var(--color-primary)}.account-drawer .topbar__drawer.account-drawer__mobile-nav{position:static;width:100%;height:auto;transform:none;padding:0;border:none;box-shadow:none;display:none;flex-shrink:0}@media (max-width:768px){.account-drawer .topbar__drawer.account-drawer__mobile-nav{display:block;border-bottom:1px solid var(--border-default)}.account-drawer__body .account-drawer__mobile-nav{margin-top:calc(-1 * var(--space-2));margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-default)}}.account-drawer .topbar__drawer-nav--marketing{gap:0}.account-drawer .topbar__drawer-section{border-bottom:1px solid var(--border-default)}.account-drawer .topbar__drawer-section:last-child{border-bottom:none}.account-drawer .topbar__drawer-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) 0;border:none;background:none;font-family:var(--font-sans);font-size:14px;font-weight:var(--font-semibold);color:var(--text-primary);cursor:pointer;text-align:left}.account-drawer .topbar__drawer-section-chevron{flex-shrink:0;color:var(--text-tertiary);transition:transform var(--transition-fast)}.account-drawer .topbar__drawer-section-chevron--open{transform:rotate(180deg)}.account-drawer .topbar__drawer-section-panel{display:flex;flex-direction:column;gap:2px;padding-bottom:var(--space-3)}.account-drawer .topbar__drawer-section-panel .topbar__drawer-link{padding:8px 0 8px var(--space-2);font-weight:var(--font-medium)}.account-drawer .topbar__drawer-section-label{margin:0}