/* Shared creator shell, loaded only on creator routes. */
html body .phtv-account-header,html body nav.nav{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;box-sizing:border-box!important;height:104px!important;min-height:104px!important;padding:0 28px!important;background:#05080d!important;border-bottom:1px solid #253142!important;}
html body .phtv-account-header .creator-brand,html body .phtv-account-header .phtv-account-brand,html body nav.nav .logo,html body .creator-ui-brand{width:245px!important;min-width:245px!important;max-width:245px!important;height:86px!important;flex:0 0 245px!important;display:flex!important;align-items:center!important;padding:0!important;margin:0!important;background:none!important;border:0!important;}
html body .phtv-account-header .creator-brand img,html body .phtv-account-header .phtv-account-brand img,html body nav.nav .logo img,html body .creator-ui-brand img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;padding:0!important;background:none!important;border-radius:0!important;transform:none!important;}
html body nav.nav .brand{min-width:0!important;display:flex!important;align-items:center!important;gap:18px!important;flex:1!important;}
html body nav.nav .nav-right,html body .phtv-account-header-actions{display:flex!important;align-items:center!important;flex:0 0 auto!important;gap:12px!important;}
.creator-shell-toggle,#creator-navigation,.phtv-menu-backdrop,.phtv-menu-overlay{display:none!important;}
html body .phtv-account-header-actions>a,html body .creator-topbar-title{display:none!important;}
html body.phtv-creator-workspace{padding-top:104px!important;--creator-side:0px;}
html body.phtv-creator-workspace .live-studio,html body.phtv-creator-workspace .phtv-account-footer{margin-left:0!important;}

html body nav.nav .page-title-wrap{min-width:0!important;flex:1!important;pointer-events:auto;}
html body nav.nav .page-title{display:block!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
html body .asset-cart-btn svg{width:24px!important;height:21px!important;flex-shrink:0;}
.studio-heading>div:last-child{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.studio-heading .studio-button{display:inline-flex;align-items:center;justify-content:center;line-height:1.35;margin:0;white-space:normal;text-align:center;max-width:100%;}
.creator-menu-trigger{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;min-width:48px;height:48px;padding:10px;border:0;background:transparent;color:#fff;cursor:pointer;perspective:100px;}
.creator-menu-trigger span{display:block;width:28px;height:3px;border-radius:2px;background:currentColor;animation:creator-spin 4s linear infinite;transform-origin:center;}
.creator-menu-trigger[aria-expanded=true] span{animation-play-state:paused;}
@keyframes creator-spin{to{transform:rotateY(360deg)}}
#creator-unified-menu{position:fixed;inset:0 0 0 auto;margin:0;width:min(430px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;box-sizing:border-box;padding:0;border:0;border-left:1px solid #334158;background:#0b111c;color:#f4f7fb;box-shadow:-15px 0 60px #0008;overflow:hidden;font:16px/1.5 Arial,sans-serif;}
#creator-unified-menu[open]{display:flex;flex-direction:column;}
#creator-unified-menu::backdrop{background:#000a;}
.creator-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #334158;gap:16px;flex-shrink:0;}
.creator-drawer-head h2{font-size:22px;margin:0;color:#fff;}
.creator-menu-close{width:44px;height:44px;background:#19263a;border:1px solid #3a4e68;border-radius:50%;color:#fff;font-size:28px;cursor:pointer;}
.creator-drawer-body{padding:16px 24px 32px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;}
.creator-drawer-body::-webkit-scrollbar{display:none;}
.creator-drawer-body nav{display:grid;grid-template-columns:1fr;gap:5px;}
.creator-drawer-body nav a{display:block;padding:11px 12px;border-radius:8px;color:#e6eef9;text-decoration:none;font-size:15px;line-height:1.4;border-left:3px solid transparent;}
.creator-drawer-body nav a:hover,.creator-drawer-body nav a[aria-current]{background:#172a40;border-left-color:#0099ff;}
.creator-drawer-body h3{margin:24px 0 12px;color:#ffb300;font-size:16px;}
.creator-social-links{margin-top:20px;}
.creator-social-links .phtv-social-row{display:flex;flex-wrap:wrap;gap:12px;}
.creator-menu-trigger:focus-visible,.creator-menu-close:focus-visible,.creator-drawer-body a:focus-visible{outline:2px solid #ffb300;outline-offset:3px;}
.creator-access{background:#080d17;color:#edf4ff;font:18px/1.6 Arial,sans-serif;margin:0;padding:24px;}.creator-access main{max-width:680px;margin:8vh auto;padding:28px;background:#111d2d;border-radius:16px;}.creator-access a{display:inline-block;color:#69c1ff;margin:12px 20px 0 0;}
@media(max-width:760px){html body .phtv-account-header,html body nav.nav{height:80px!important;min-height:80px!important;padding:0 14px!important;gap:8px!important;}html body.phtv-creator-workspace{padding-top:80px!important;}html body .phtv-account-header .creator-brand,html body .phtv-account-header .phtv-account-brand,html body nav.nav .logo,html body .creator-ui-brand{width:160px!important;min-width:160px!important;max-width:160px!important;height:56px!important;flex-basis:160px!important;}html body nav.nav .brand{gap:8px!important;}html body nav.nav .page-title{font-size:12px!important;}html body .asset-cart-btn svg{width:22px!important;height:19px!important;}.studio-heading>div:last-child{gap:12px;width:100%;}.studio-heading .studio-button{flex:1 1 180px;padding:12px 16px!important;}.studio-heading{display:flex;flex-direction:column;align-items:stretch;gap:16px;}.studio-heading h1{font-size:clamp(26px,7vw,40px);overflow-wrap:anywhere;}.creator-menu-trigger{width:44px;min-width:44px;height:44px;}.creator-drawer-head{padding:16px;} .creator-drawer-body{padding:12px 16px 28px;}}
@media(max-width:380px){html body nav.nav .logo{width:136px!important;min-width:136px!important;max-width:136px!important;flex-basis:136px!important;}html body nav.nav .page-title{font-size:10px!important;}}
@media(prefers-reduced-motion:reduce){.creator-menu-trigger span{animation:none;}}
.creator-ui-brand .phtv-logo-lockup{display:block!important;width:100%!important;height:100%!important;}.creator-ui-brand .phtv-logo-accent{display:none!important;}.creator-social-links>a{display:inline-block;margin:4px 14px 4px 0;color:#69c1ff;}
html body nav.nav~.subnav{top:104px!important;}
@media(max-width:760px){html body nav.nav~.subnav{top:80px!important;}}
html body nav.nav[data-phtv-header-v5] .logo.creator-ui-brand{width:245px!important;min-width:245px!important;max-width:245px!important;height:86px!important;flex-basis:245px!important;}
@media(max-width:760px){html body nav.nav[data-phtv-header-v5] .logo.creator-ui-brand{width:160px!important;min-width:160px!important;max-width:160px!important;height:56px!important;flex-basis:160px!important;}body[data-phtv-page="page-19"] .hero{padding:38px 20px!important;min-height:0!important;}body[data-phtv-page="page-19"] .hero-content{width:100%!important;min-width:0;}body[data-phtv-page="page-19"] .hero-title{font-size:clamp(30px,8.2vw,48px)!important;line-height:1.08!important;}body[data-phtv-page="page-19"] .hero-sub{font-size:16px;line-height:1.6;}}
@media(max-width:380px){html body nav.nav[data-phtv-header-v5] .logo.creator-ui-brand{width:136px!important;min-width:136px!important;max-width:136px!important;flex-basis:136px!important;}}
@media(max-width:640px){body[data-phtv-page="page-19"] .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;}body[data-phtv-page="page-19"] .filter-dd,body[data-phtv-page="page-19"] .filter-dd-btn{min-width:0!important;max-width:100%!important;white-space:normal!important;}body[data-phtv-page="page-19"] .filter-dd-menu{width:100%!important;min-width:0!important;}.creator-ui .subnav{max-width:100vw;box-sizing:border-box;}}
@media(max-width:380px){body[data-phtv-page="page-19"] .filter-row{grid-template-columns:minmax(0,1fr)!important;}}
html[data-phtv-mobile-v5] body nav.nav[data-phtv-header-v5].creator-ui-header .page-title,html:root body nav.nav[data-phtv-header-v5].creator-ui-header .page-title{white-space:nowrap!important;overflow-wrap:normal!important;min-width:0!important;}
html[data-phtv-mobile-v5] body nav.nav[data-phtv-header-v5].creator-ui-header .page-title *,html:root body nav.nav[data-phtv-header-v5].creator-ui-header .page-title b{display:inline!important;white-space:nowrap!important;}
@media(max-width:380px){html body .phtv-account-header .creator-brand,html body .phtv-account-header .phtv-account-brand,html body .creator-ui-brand{width:136px!important;min-width:136px!important;max-width:136px!important;flex-basis:136px!important;}}

/* Header correction: keep the original title dropdown beside the logo. */
html:root body nav.nav[data-phtv-header-v5].creator-ui-header .page-title-wrap{display:flex!important;align-items:center!important;gap:6px!important;flex:0 1 auto!important;max-width:none!important;white-space:nowrap!important;cursor:pointer;}
html:root body nav.nav[data-phtv-header-v5].creator-ui-header .page-title{flex:1 1 auto!important;max-width:none!important;}
html:root body nav.nav[data-phtv-header-v5].creator-ui-header .page-title-arrow{display:block!important;width:11px!important;min-width:11px!important;height:7px!important;}
html:root body nav.nav[data-phtv-header-v5].creator-ui-header .brand-sep{display:block!important;}
html:root body nav.nav[data-phtv-header-v5].creator-ui-header .logo.creator-ui-brand{width:280px!important;min-width:280px!important;max-width:280px!important;flex-basis:280px!important;height:98px!important;}
html:root body nav.nav[data-phtv-header-v5].creator-ui-header .logo.creator-ui-brand img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;max-width:100%!important;object-fit:contain!important;}
html body #explore-menu{display:block!important;top:var(--creator-header-bottom,148px)!important;}
html body #explore-menu.open{max-height:calc(100dvh - var(--creator-header-bottom,148px))!important;}
body[data-phtv-page="page-19"] .page-body{padding-top:var(--creator-header-bottom,148px)!important;}
@media(max-width:760px){
html:root body nav.nav[data-phtv-header-v5].creator-ui-header{padding:0 10px!important;gap:6px!important;}
html:root body nav.nav[data-phtv-header-v5].creator-ui-header .brand{gap:6px!important;}
html:root body nav.nav[data-phtv-header-v5].creator-ui-header .brand-sep{display:none!important;}
html:root body nav.nav[data-phtv-header-v5].creator-ui-header .logo.creator-ui-brand{width:44vw!important;min-width:min(44vw,180px)!important;max-width:180px!important;flex:0 0 min(44vw,180px)!important;height:68px!important;}
html:root body nav.nav[data-phtv-header-v5].creator-ui-header .page-title-wrap{padding:6px 0!important;}
}

html:root body nav.nav[data-phtv-header-v5].creator-ui-header .page-title-arrow{visibility:visible!important;opacity:1!important;}

html:root body.creator-ui[data-phtv-page="page-19"] .page-body[data-phtv-content-v5],html:root body.creator-ui[data-phtv-page="page-19"] .page-body{padding-top:var(--creator-header-bottom,148px)!important;}
html:root body nav.nav[data-phtv-header-v5].creator-ui-header{height:104px!important;min-height:104px!important;}
html:root body.creator-ui nav.nav[data-phtv-header-v5]~.subnav{top:104px!important;}
@media(max-width:760px){html:root body nav.nav[data-phtv-header-v5].creator-ui-header{height:80px!important;min-height:80px!important;}html:root body.creator-ui nav.nav[data-phtv-header-v5]~.subnav{top:80px!important;}}

#creator-unified-menu{position:fixed;inset:0 0 0 auto;margin:0;width:min(390px,100vw);max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;padding:0;border:0;border-left:1px solid #263043;background:#06080c;color:#f4f6fa;font-family:Arial,sans-serif;box-sizing:border-box;overflow:hidden;transform:translateX(105%);opacity:0;transition:transform .36s cubic-bezier(.2,.8,.2,1),opacity .2s;box-shadow:-20px 0 80px #0008}
#creator-unified-menu[open]{display:flex;flex-direction:column}#creator-unified-menu.phtv-is-open{transform:translateX(0);opacity:1}

.creator-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-top:3px solid #0099ff;flex-shrink:0;background:linear-gradient(110deg,#091726,#0c0c0e)}
.creator-drawer-head h2{margin:0;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#fff}.creator-drawer-head h2 b{color:#ffb300}
.creator-drawer-body{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#30445d #06080c}
.phtv-social-row{display:flex;gap:9px;justify-content:center;padding:22px 12px;border-bottom:1px solid #263043}
.phtv-social{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid #333d4a;background:#20242a;color:#fff;padding:10px;box-sizing:border-box;cursor:pointer;text-decoration:none;transition:transform .18s,border-color .18s,background .18s}
.phtv-social:hover{transform:translateY(-3px);border-color:#0099ff;background:#102b42}.phtv-social svg,.phtv-social img{display:block;width:23px;height:23px;object-fit:contain}.phtv-social.phtv-cart{border-color:#333d4a;background:#20242a}.phtv-social.phtv-cart:hover,.phtv-social.phtv-cart:focus-visible{border-color:#ffb300;background:#372b10}.phtv-social.phtv-account{color:#0099ff}
#creator-unified-menu .creator-tools-nav{display:block;padding:0;margin:0;background:none;position:static;height:auto;width:auto;border:none}
.phtv-menu-link{--item-color:#0099ff;display:flex;align-items:center;gap:13px;min-height:55px;box-sizing:border-box;padding:14px 23px;color:#e9edf4;text-decoration:none;border-bottom:1px solid #21262e;border-left:3px solid transparent;font-weight:650;font-size:15px;line-height:1.3;transition:background .18s,border-color .18s}
.phtv-menu-link[data-color=amber]{--item-color:#ffb300}.phtv-menu-link[data-color=purple]{--item-color:#b49aff}.phtv-menu-link[data-color=red]{--item-color:#ff667d}
.phtv-menu-dot{width:6px;height:6px;border-radius:50%;background:var(--item-color);flex-shrink:0}.phtv-menu-link:after{content:'\203a';margin-left:auto;color:var(--item-color);font-size:23px;font-weight:400}
.phtv-menu-link:hover,.phtv-menu-link[aria-current=page]{background:#121b29;border-left-color:var(--item-color);color:white}
.phtv-menu-note{color:#a7b3c5;font-size:13px;line-height:1.5;padding:0 23px}.phtv-menu-note:empty{display:none}
.phtv-menu-foot{padding:18px 23px;color:#6e829e;font-size:10px;letter-spacing:.17em;text-transform:uppercase}
.phtv-menu-toggle:focus-visible,#creator-unified-menu a:focus-visible,#creator-unified-menu button:focus-visible{outline:2px solid #ffb300;outline-offset:-3px}
@media(max-width:420px){#creator-unified-menu{width:100vw}.creator-drawer-head{padding:14px 18px}.phtv-social-row{gap:8px;padding:16px 8px}.phtv-menu-link{min-height:51px}}
@media(prefers-reduced-motion:reduce){#creator-unified-menu,.phtv-menu-toggle,.phtv-menu-toggle span,.phtv-social{transition:none}}


/* Single canonical menu icon. No legacy spinner selectors or colored bars. */
.creator-ui-header .creator-menu-trigger,#creator-unified-menu .creator-menu-close{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 48px;padding:0;margin:0;border:0;border-radius:6px;background:transparent;color:#fff;cursor:pointer;transform:none;animation:none;transition:background .2s;isolation:isolate;perspective:none}
.creator-ui-header .creator-menu-trigger:hover,#creator-unified-menu .creator-menu-close:hover{background:#ffffff0d}
.creator-menu-trigger::before,.creator-menu-trigger::after{content:none!important;display:none!important}
.creator-ui-header .creator-menu-trigger .phtv-bar,#creator-unified-menu .creator-menu-close .phtv-bar{position:absolute;display:block;left:13px;top:23px;width:22px;height:3px;margin:0;padding:0;border:0;border-radius:0;background:#fff!important;opacity:1;box-shadow:none;transform:none;transform-origin:50% 50%;pointer-events:none;transition:none;animation:none}
.creator-ui-header .creator-menu-trigger[aria-expanded=false] .phtv-bar{animation:phtv-original-bar-spin 1s linear infinite}
.creator-ui-header .creator-menu-trigger[aria-expanded=false] .phtv-bar-1{top:17px}
.creator-ui-header .creator-menu-trigger[aria-expanded=false] .phtv-bar-3{top:29px}
.creator-menu-trigger[aria-expanded=true] .phtv-bar-1{transform:rotate(45deg)!important}
.creator-menu-trigger[aria-expanded=true] .phtv-bar-2{opacity:0!important}
.creator-menu-trigger[aria-expanded=true] .phtv-bar-3{transform:rotate(-45deg)!important}
@keyframes phtv-original-bar-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.creator-ui-header .creator-menu-trigger[aria-expanded=false] .phtv-bar{animation:none}}
html.a11y-reduce-motion .creator-ui-header .creator-menu-trigger[aria-expanded=false] .phtv-bar{animation:none}


#creator-unified-menu[open]{transform:none;opacity:1;visibility:visible;pointer-events:auto;}
#creator-unified-menu .creator-drawer-body{padding:0;min-height:0;scrollbar-width:none;overflow-y:auto;}
#creator-unified-menu .creator-drawer-body::-webkit-scrollbar{display:none;width:0;height:0;}
#creator-unified-menu .creator-drawer-body nav{display:block;padding:0;}
#creator-unified-menu .creator-drawer-body nav a{display:flex;border-radius:0;padding:14px 23px;min-height:55px;font:650 15px/1.3 Arial,sans-serif;border-bottom:1px solid #21262e;gap:13px;}
#creator-unified-menu .creator-drawer-body nav a:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--item-color,#0099ff);flex-shrink:0;}
#creator-unified-menu .creator-drawer-body nav a:after{content:'\203a';margin-left:auto;font-size:23px;color:var(--item-color,#0099ff);}
#creator-unified-menu h3{padding:18px 23px;margin:0;font:700 14px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#ffb300;border-bottom:1px solid #263043;}
#creator-unified-menu .creator-social-links{margin:0;}
#creator-unified-menu .phtv-social-row{flex-wrap:wrap;}
#creator-unified-menu .phtv-social{flex:0 0 44px;}
/* No animated max-height or scrollbar toggling on the title dropdown. */
html:root body.creator-ui #explore-menu{transition:none!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none!important;overscroll-behavior:contain;max-height:0!important;visibility:hidden;pointer-events:none;}
html:root body.creator-ui #explore-menu.open{max-height:calc(100dvh - var(--creator-header-bottom,148px))!important;visibility:visible;pointer-events:auto;}
html:root body.creator-ui #explore-menu::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}

html:root:root:root:root:root body nav.nav .logo,html:root:root:root:root:root body .phtv-account-header .creator-brand,html:root:root:root:root:root body .phtv-account-header .phtv-account-brand{width:245px!important;min-width:245px!important;max-width:245px!important;flex:0 0 245px!important;height:86px!important;padding:0!important;}
html:root:root:root:root:root body nav.nav .logo img,html:root:root:root:root:root body .phtv-account-header .creator-brand img,html:root:root:root:root:root body .phtv-account-header .phtv-account-brand img,html:root:root:root:root:root body .brand .phtv-main-logo{width:245px!important;height:86px!important;max-width:245px!important;max-height:86px!important;object-fit:contain!important;padding:0!important;background:transparent!important;border-radius:0!important;}
html:root:root:root:root:root:not(.sidebar-collapsed) body .sidebar>.brand{padding-left:8px!important;padding-right:8px!important;}
@media(max-width:760px){html:root:root:root:root:root body nav.nav .logo,html:root:root:root:root:root body .phtv-account-header .creator-brand,html:root:root:root:root:root body .phtv-account-header .phtv-account-brand{width:160px!important;min-width:160px!important;max-width:160px!important;flex-basis:160px!important;height:56px!important;}html:root:root:root:root:root body nav.nav .logo img,html:root:root:root:root:root body .phtv-account-header .creator-brand img,html:root:root:root:root:root body .phtv-account-header .phtv-account-brand img,html:root:root:root:root:root body .brand .phtv-main-logo{width:160px!important;height:56px!important;max-width:160px!important;max-height:56px!important;}}

#creator-unified-menu .phtv-account img{filter:invert(1);}
#creator-unified-menu .creator-menu-close svg{width:22px;height:22px;display:block;margin:auto;}

/* Drawer copied from the live frontend menu. */
#phtv-menu-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(390px,100vw);max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;padding:0;border:0;border-left:1px solid #263043;background:#06080c;color:#f4f6fa;font-family:Arial,sans-serif;box-sizing:border-box;overflow:hidden;transform:translateX(105%);opacity:0;transition:transform .36s cubic-bezier(.2,.8,.2,1),opacity .2s;box-shadow:-20px 0 80px #0008}
#phtv-menu-dialog[open]{display:flex;flex-direction:column}#phtv-menu-dialog.phtv-is-open{transform:translateX(0);opacity:1}

.phtv-menu-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-top:3px solid #0099ff;flex-shrink:0;background:linear-gradient(110deg,#091726,#0c0c0e)}
.phtv-menu-head h2{margin:0;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#fff}.phtv-menu-head h2 b{color:#ffb300}
.phtv-menu-scroll{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#30445d #06080c}
.phtv-social-row{display:flex;gap:9px;justify-content:center;padding:22px 12px;border-bottom:1px solid #263043}
.phtv-social{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid #333d4a;background:#20242a;color:#fff;padding:10px;box-sizing:border-box;cursor:pointer;text-decoration:none;transition:transform .18s,border-color .18s,background .18s}
.phtv-social:hover{transform:translateY(-3px);border-color:#0099ff;background:#102b42}.phtv-social svg,.phtv-social img{display:block;width:23px;height:23px;object-fit:contain}.phtv-social.phtv-cart{border-color:#333d4a;background:#20242a}.phtv-social.phtv-cart:hover,.phtv-social.phtv-cart:focus-visible{border-color:#ffb300;background:#372b10}.phtv-social.phtv-account{color:#0099ff}
#phtv-menu-dialog .phtv-menu-links{display:block;padding:0;margin:0;background:none;position:static;height:auto;width:auto;border:none}
.phtv-menu-link{--item-color:#0099ff;display:flex;align-items:center;gap:13px;min-height:55px;box-sizing:border-box;padding:14px 23px;color:#e9edf4;text-decoration:none;border-bottom:1px solid #21262e;border-left:3px solid transparent;font-weight:650;font-size:15px;line-height:1.3;transition:background .18s,border-color .18s}
.phtv-menu-link[data-color=amber]{--item-color:#ffb300}.phtv-menu-link[data-color=purple]{--item-color:#b49aff}.phtv-menu-link[data-color=red]{--item-color:#ff667d}
.phtv-menu-dot{width:6px;height:6px;border-radius:50%;background:var(--item-color);flex-shrink:0}.phtv-menu-link:after{content:'\203a';margin-left:auto;color:var(--item-color);font-size:23px;font-weight:400}
.phtv-menu-link:hover,.phtv-menu-link[aria-current=page]{background:#121b29;border-left-color:var(--item-color);color:white}
.phtv-menu-note{color:#a7b3c5;font-size:13px;line-height:1.5;padding:0 23px}.phtv-menu-note:empty{display:none}
.phtv-menu-foot{padding:18px 23px;color:#6e829e;font-size:10px;letter-spacing:.17em;text-transform:uppercase}
.phtv-menu-toggle:focus-visible,#phtv-menu-dialog a:focus-visible,#phtv-menu-dialog button:focus-visible{outline:2px solid #ffb300;outline-offset:-3px}
@media(max-width:420px){#phtv-menu-dialog{width:100vw}.phtv-menu-head{padding:14px 18px}.phtv-social-row{gap:8px;padding:16px 8px}.phtv-menu-link{min-height:51px}}
@media(prefers-reduced-motion:reduce){#phtv-menu-dialog,.phtv-menu-toggle,.phtv-menu-toggle span,.phtv-social{transition:none}}

/* Non-modal drawer. Visibility follows the slide; rapid toggles reverse cleanly. */
#phtv-menu-dialog{display:flex;flex-direction:column;z-index:10000;visibility:hidden;pointer-events:none;transition:transform .36s cubic-bezier(.2,.8,.2,1),opacity .2s,visibility 0s .36s}
#phtv-menu-dialog.phtv-is-open{visibility:visible;pointer-events:auto;transition:transform .36s cubic-bezier(.2,.8,.2,1),opacity .2s,visibility 0s}
/* Hide rails, retain wheel, touch and keyboard scrolling. */
html.phtv-creator-landing,html.phtv-creator-landing body,html.phtv-creator-landing .subnav,.phtv-menu-scroll{scrollbar-width:none}
html.phtv-creator-landing::-webkit-scrollbar,html.phtv-creator-landing body::-webkit-scrollbar,html.phtv-creator-landing .subnav::-webkit-scrollbar,.phtv-menu-scroll::-webkit-scrollbar{display:none;width:0;height:0}
@media(prefers-reduced-motion:reduce){#phtv-menu-dialog{transition:none}}

/* Single canonical menu icon. No legacy spinner selectors or colored bars. */
:is(nav.nav,.phtv-account-header) .phtv-menu-toggle,#phtv-menu-dialog .phtv-menu-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 48px;padding:0;margin:0;border:0;border-radius:6px;background:transparent;color:#fff;cursor:pointer;transform:none;animation:none;transition:background .2s;isolation:isolate;perspective:none}
:is(nav.nav,.phtv-account-header) .phtv-menu-toggle:hover,#phtv-menu-dialog .phtv-menu-toggle:hover{background:#ffffff0d}
.phtv-menu-toggle::before,.phtv-menu-toggle::after{content:none!important;display:none!important}
:is(nav.nav,.phtv-account-header) .phtv-menu-toggle .phtv-bar,#phtv-menu-dialog .phtv-menu-toggle .phtv-bar{position:absolute;display:block;left:13px;top:23px;width:22px;height:3px;margin:0;padding:0;border:0;border-radius:0;background:#fff!important;opacity:1;box-shadow:none;transform:none;transform-origin:50% 50%;pointer-events:none;transition:none;animation:none}
:is(nav.nav,.phtv-account-header) .phtv-menu-toggle[aria-expanded=false] .phtv-bar{animation:phtv-original-bar-spin 1s linear infinite}
:is(nav.nav,.phtv-account-header) .phtv-menu-toggle[aria-expanded=false] .phtv-bar-1{top:17px}
:is(nav.nav,.phtv-account-header) .phtv-menu-toggle[aria-expanded=false] .phtv-bar-3{top:29px}
.phtv-menu-toggle[aria-expanded=true] .phtv-bar-1{transform:rotate(45deg)!important}
.phtv-menu-toggle[aria-expanded=true] .phtv-bar-2{opacity:0!important}
.phtv-menu-toggle[aria-expanded=true] .phtv-bar-3{transform:rotate(-45deg)!important}
@keyframes phtv-original-bar-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){:is(nav.nav,.phtv-account-header) .phtv-menu-toggle[aria-expanded=false] .phtv-bar{animation:none}}
html.a11y-reduce-motion :is(nav.nav,.phtv-account-header) .phtv-menu-toggle[aria-expanded=false] .phtv-bar{animation:none}


#phtv-menu-dialog .phtv-account img{filter:invert(1);}
/* Frontend header spacing: 20px desktop, 8px mobile; same 68px mobile header. */
html:root:root body.creator-ui :is(nav.nav,.phtv-account-header).creator-ui-header{gap:20px!important;padding:0 32px!important;height:104px!important;min-height:104px!important;max-height:104px!important;}
html:root:root body.creator-ui nav.nav.creator-ui-header .brand{gap:20px!important;}
html:root:root body.creator-ui .phtv-account-header .creator-topbar-title{margin:0!important;padding:0!important;line-height:1.15!important;letter-spacing:0!important;}
html:root:root body.creator-ui nav.nav.creator-ui-header .page-title-wrap{margin:0!important;padding:0!important;}
html:root:root body.creator-ui nav.nav.creator-ui-header~.subnav{top:104px!important;}
html:root:root body.phtv-creator-workspace.creator-ui{padding-top:104px!important;}
@media(max-width:700px){
html:root:root body.creator-ui :is(nav.nav,.phtv-account-header).creator-ui-header{gap:8px!important;padding:6px 12px!important;height:68px!important;min-height:68px!important;max-height:68px!important;}
html:root:root body.creator-ui nav.nav.creator-ui-header .brand{gap:8px!important;}
html:root:root body.creator-ui nav.nav.creator-ui-header .brand-sep{display:none!important;}
html:root:root body.creator-ui nav.nav.creator-ui-header~.subnav{top:68px!important;}
html:root:root body.phtv-creator-workspace.creator-ui{padding-top:68px!important;}
html:root:root body.creator-ui nav.nav.creator-ui-header .page-title-wrap{gap:3px!important;}
html:root:root body.creator-ui .phtv-account-header-actions{gap:6px!important;}
}

/* PHTV creator no-pinch v1 */
html.phtv-creator-no-pinch,html.phtv-creator-no-pinch body{touch-action:pan-x pan-y!important;}