/* One navigation tree for desktop, mobile and native no-JavaScript use. */
html{scroll-padding-top:calc(var(--support-header-height,104px) + 20px)}
.site-header{position:sticky;top:0;z-index:80}
.account-access{flex-shrink:0}
.account-access>span{overflow-wrap:anywhere}
.support-layout{display:grid;grid-template-columns:270px minmax(0,1fr);align-items:start}
.support-content{min-width:0;container:help-content / inline-size}
.support-content>.home-main{width:100%}
.support-layout .article-layout{display:block}
.support-layout .article-main{width:100%;max-width:none}
.support-layout .article-columns{grid-template-columns:minmax(0,1fr) 155px;gap:26px}
.support-sidebar{position:sticky;top:calc(var(--support-header-height,104px) + 12px);min-width:0;z-index:25}
.navigation-mobile-toggle{display:none}
.sidebar-panel{display:flex;flex-direction:column;max-height:calc(100vh - var(--support-header-height,104px) - 24px);max-height:calc(100dvh - var(--support-header-height,104px) - 24px);background:linear-gradient(160deg,#faf7ff,#fcfbfe);border-inline-end:1px solid var(--border)}
.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:72px;padding:14px 17px;border-bottom:1px solid #e9e2f2;flex-shrink:0}
.sidebar-heading-label{font-size:14px;line-height:1.5;font-weight:700;color:#65418e;overflow-wrap:anywhere}
.sidebar-toggle,.sidebar-close,.sidebar-search-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border:1px solid #ddd2ed;border-radius:12px;background:#fff;color:var(--purple)}
.sidebar-toggle:hover,.sidebar-close:hover,.sidebar-search-toggle:hover{background:#eee5ff;border-color:#bca5df}
.sidebar-toggle .icon,.sidebar-close .icon{width:20px;height:20px}
.sidebar-collapse-arrow{transform:rotate(180deg)}
html[dir=rtl] .sidebar-collapse-arrow{transform:none}
.sidebar-close,.sidebar-search-toggle{display:none}
.sidebar-nav{padding:14px 12px 20px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d4c6e8 transparent;min-height:0}
.sidebar-search{display:flex;align-items:center;min-width:0;border:1px solid #ddd2ed;border-radius:10px;background:#fff;padding-inline-start:11px;margin-bottom:12px}
.sidebar-search:focus-within{border-color:var(--purple);box-shadow:0 0 0 2px #5532a217}
.sidebar-search input[type=search]{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:13px;color:var(--text);height:44px;padding:0}
.sidebar-search button{display:grid;place-items:center;width:42px;min-height:44px;flex-shrink:0;background:none;border:0;color:var(--purple);border-radius:8px}
.sidebar-search button:hover{background:var(--lavender)}
.sidebar-search .icon{width:18px;height:18px}
.sidebar-link,.sidebar-group>summary{position:relative;display:flex;align-items:center;gap:12px;min-height:46px;padding:11px 12px;border:1px solid transparent;border-radius:10px;color:#665771;font-size:13px;line-height:1.55;font-weight:550;margin-bottom:3px;overflow-wrap:anywhere}
.sidebar-link>.icon,.sidebar-group>summary>.icon{width:20px;height:20px;color:#7a668e}
.sidebar-label{min-width:0;flex:1}
.sidebar-link:hover,.sidebar-group>summary:hover{color:var(--purple);background:#f0e9fc}
.sidebar-link[aria-current],.sidebar-group.has-current>summary{background:#eee5ff;color:var(--purple);border-color:#d9c9f3;font-weight:650}
.sidebar-link[aria-current]>.icon,.sidebar-group.has-current>summary>.icon{color:var(--purple)}
.sidebar-group>summary .sidebar-group-chevron{width:14px;height:14px;margin-inline-start:auto;transform:rotate(-90deg)}
html[dir=rtl] .sidebar-group>summary .sidebar-group-chevron{transform:rotate(90deg)}
.sidebar-group[open]>summary .sidebar-group-chevron{transform:none}
.sidebar-group-links{border-inline-start:1px solid #dcd0ed;margin:4px 4px 13px 22px;padding-inline-start:10px}
html[dir=rtl] .sidebar-group-links{margin:4px 22px 13px 4px}
.sidebar-group-links>a{display:block;min-height:44px;padding:10px 12px;margin-bottom:2px;border-radius:8px;font-size:13px;line-height:1.7;color:#74637e;overflow-wrap:anywhere}
.sidebar-group-links>a:hover{background:#f1ebfa;color:var(--purple)}
.sidebar-group-links>a[aria-current]{color:#5532a2;font-weight:650;background:#ece3fc;box-shadow:inset 3px 0 #8258bf}
html[dir=rtl] .sidebar-group-links>a[aria-current]{box-shadow:inset -3px 0 #8258bf}
.sidebar-resources,.sidebar-bottom{border-top:1px solid #e5dcef;padding-top:12px;margin-top:12px}
.sidebar-bottom .sidebar-link{font-size:12px}
.navigation-backdrop{position:fixed;inset:0;background:#1b103b70;z-index:100;backdrop-filter:blur(2px)}
.navigation-backdrop[hidden],[data-nav-collapse][hidden],[data-nav-close][hidden],[data-nav-search-toggle][hidden]{display:none!important}
@media(min-width:951px){
 .support-layout[data-nav-state=collapsed]{grid-template-columns:76px minmax(0,1fr)}
 .support-layout[data-nav-state=collapsed] .sidebar-heading{justify-content:center;padding:14px 8px}
 .support-layout[data-nav-state=collapsed] .sidebar-heading-label{display:none}
 .support-layout[data-nav-state=collapsed] .sidebar-nav{padding:12px 10px 18px}
 .support-layout[data-nav-state=collapsed] .sidebar-link,.support-layout[data-nav-state=collapsed] .sidebar-group>summary{justify-content:center;padding:11px;min-height:48px}
 .support-layout[data-nav-state=collapsed] .sidebar-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .support-layout[data-nav-state=collapsed] .sidebar-group-chevron,.support-layout[data-nav-state=collapsed] .sidebar-group-links,.support-layout[data-nav-state=collapsed] .sidebar-search{display:none}
 .support-layout[data-nav-state=collapsed] .sidebar-search-toggle{display:flex;width:100%;margin-bottom:9px}
 .support-layout[data-nav-state=collapsed] .sidebar-collapse-arrow{transform:none}
 html[dir=rtl] .support-layout[data-nav-state=collapsed] .sidebar-collapse-arrow{transform:rotate(180deg)}
}
@container help-content (max-width:1000px){
 .article-columns{grid-template-columns:minmax(0,1fr)!important}
 .toc{display:none}.mobile-toc{display:block;margin:21px 0 0;padding:13px 17px;border:1px solid var(--border);border-radius:8px;background:var(--soft);font-size:14px}
 .mobile-toc summary{font-weight:600;color:var(--purple)}.mobile-toc>a{display:block;padding:6px 0}.mobile-toc[open] summary{margin-bottom:9px}
 .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .native-home-heading{align-items:flex-start;flex-direction:column}.native-home-grid{grid-template-columns:minmax(0,1fr)}
 .creator-copy h2{font-size:42px}
}
@container help-content (max-width:850px){
 .creator-hero{grid-template-columns:minmax(0,1fr);gap:0}.creator-copy,html[dir=rtl] .creator-copy{padding:32px 30px 24px}.creator-copy>p{max-width:650px}
 .creator-visual,html[dir=rtl] .creator-visual{height:420px;margin:4px 36px 32px 65px}.creator-photo,html[dir=rtl] .creator-photo{inset:0}
 .demo-workspace{display:block}.demo-transcript{border-inline-start:0;border-top:1px solid #e9e0f4}.demo-studio-bar{flex-wrap:wrap}
 .quick-start{align-items:flex-start;flex-wrap:wrap}.quick-link{margin-inline-start:0}.contact-card{flex-wrap:wrap}.contact-card .button{margin-inline-start:0}
}
@media(max-width:1200px){.support-layout .article-columns{grid-template-columns:minmax(0,1fr)}}
@media(max-width:950px){
 .support-layout,.support-layout[data-nav-state=collapsed]{display:block}
 .support-sidebar{position:relative;top:auto;z-index:auto}
 .navigation-mobile-toggle{display:flex;align-items:center;gap:10px;min-height:50px;padding:11px 24px;border-bottom:1px solid var(--border);background:#faf7ff;color:var(--purple);font-size:14px;font-weight:650}
 .navigation-mobile-toggle>.icon{width:19px;height:19px}.navigation-mobile-toggle>.icon:last-child{width:14px;height:14px;margin-inline-start:auto}
 .sidebar-panel{max-height:none;border-inline-end:0;border-bottom:1px solid var(--border)}
 .sidebar-heading{min-height:65px}.sidebar-heading-label{font-size:16px}.sidebar-toggle{display:none}
 .sidebar-nav{padding:14px 18px 24px}.sidebar-link,.sidebar-group>summary{font-size:15px;min-height:48px}.sidebar-group-links>a{font-size:14px}
 .sidebar-search input[type=search]{font-size:16px}.sidebar-bottom .sidebar-link{font-size:14px}
 [data-nav-enhanced] [data-nav-disclosure][open] .sidebar-panel{position:fixed;inset-block:0;inset-inline-start:0;z-index:110;width:min(350px,calc(100vw - 30px));height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border:0;border-inline-end:1px solid #d9c9ed;box-shadow:8px 0 40px #25153c30;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
 [data-nav-enhanced] .sidebar-close{display:inline-flex}
 body.nav-drawer-open{overflow:hidden}
}
@media(max-width:680px){
 .site-header .brand{flex:1;min-width:0}.site-header .brand strong{overflow-wrap:anywhere}
 .site-header .header-actions{gap:7px}
 .account-access{width:44px;height:44px;padding:0}
 .account-access>.icon{width:20px;height:20px}
 .account-access>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .navigation-mobile-toggle{padding-inline:20px}
 .support-layout .article-columns{gap:0}
}
@container help-content (max-width:680px){
 .guide-grid{grid-template-columns:minmax(0,1fr)}
 .creator-copy,html[dir=rtl] .creator-copy{padding:27px 23px 22px}.creator-copy h2{font-size:36px}
 .creator-visual,html[dir=rtl] .creator-visual{height:342px;margin:3px 19px 27px 32px}
 .creator-phone{width:115px;inset-inline-start:-18px}.creator-photo-subtitle{inset-inline-start:102px;inset-inline-end:12px;bottom:24px}.creator-photo-subtitle>span{font-size:14px}
}
@container help-content (max-width:360px){
 .creator-copy,html[dir=rtl] .creator-copy{padding:23px 18px 20px}.creator-copy h2{font-size:31px}
 .creator-visual,html[dir=rtl] .creator-visual{height:300px;margin-inline-start:27px;margin-inline-end:16px}
 .creator-phone{width:101px}.creator-photo-subtitle>span{font-size:12px}.creator-photo-subtitle{inset-inline-start:88px;bottom:23px}
}
@media print{.support-sidebar,.navigation-backdrop{display:none!important}.support-layout{display:block!important}.support-content{container-type:normal}}
