/* Fixed product navigation, shared geometry with the Video Studio workspace. */
body.app .top { gap:16px; padding-inline:24px; }
body.app .top .product-switch { display:grid; grid-template-columns:1fr 1fr; gap:0; flex:none; width:156px; height:36px; padding:3px; border:1px solid rgba(255,255,255,.08); border-radius:999px; background:#121214; font:500 12.5px/1.5 Inter,system-ui,sans-serif; }
body.app .product-switch a, body.app .product-switch span { display:flex; align-items:center; justify-content:center; border-radius:999px; color:#A1A1AA; text-decoration:none; }
body.app .product-switch a:hover { background:#1F1F23; color:#F4F4F5; }
body.app .product-switch [aria-current="page"] { background:#F2ECE2; color:#0B0A08; }
body.app .product-switch a:focus-visible, .workspace-account summary:focus-visible { outline:2px solid #F2B64B; outline-offset:3px; }
.workspace-account { position:relative; margin-left:auto; flex:none; }
.workspace-account summary { display:flex; align-items:center; gap:7px; height:36px; padding:0 10px; border-radius:8px; cursor:pointer; color:var(--txt2); font-size:13px; list-style:none; }
.workspace-account summary::-webkit-details-marker { display:none; }
.workspace-account summary:hover, .workspace-account[open] summary { background:rgba(255,255,255,.06); color:var(--txt); }
body.app .workspace-account #account { position:absolute; right:0; top:44px; display:flex; align-items:stretch; flex-direction:column; gap:4px; width:260px; max-width:calc(100vw - 24px); padding:8px; border:1px solid var(--hair2); border-radius:12px; background:#18181B; box-shadow:0 12px 40px #0008; }
body.app .workspace-account #account a { display:block; padding:10px; border-radius:6px; white-space:normal; overflow-wrap:anywhere; }
body.app .workspace-account #account a:hover { background:rgba(255,255,255,.06); }
body.app .workspace-account #account .who .mail { display:inline; }
body.app .workspace-account #account .who .acct { display:none; }
body.app .workspace-account #account .who .pro { margin-left:6px; }
@media(max-width:760px) {
  body.app .top > nav:not(.product-switch) { display:none; }
  .workspace-account summary span { display:none; }
  .workspace-account summary { padding:0 7px; }
  body.app .top .logo { font-size:0; line-height:0; gap:0; }
  body.app .libbtn { margin-left:0; padding-inline:8px; }
  body.app .workspace-account #account { right:-168px; }
}
@media(max-width:480px) {
  body.app .top { padding-inline:12px; gap:8px; height:53px; }
  body.app .top .product-switch { width:144px; }
  body.app .workspace-account #account { right:-152px; }
}