/* The existing Home, cart, marketplace and account controls keep their owners;
   their persistent workspace seat now follows the bottom of the window. */
:root{
  --workspace-footer-height:150px;
  --workspace-footer-inset:max(14px,env(safe-area-inset-right));
  --workspace-footer-bottom:max(16px,env(safe-area-inset-bottom));
  --workspace-hive-width:84px;
  --workspace-footer-gap:12px;
}
.workspace-footer{
  position:fixed; z-index:90; right:var(--workspace-footer-inset);
  bottom:var(--workspace-footer-bottom); width:max-content;
}
body[data-view="load"] > .workspace-footer{ display:none; }
body[data-view="browse"] > .workspace-footer{
  right:calc(var(--workspace-footer-inset) + var(--workspace-hive-width) + var(--workspace-footer-gap));
}
body[data-view] .workspace-footer > .top-panel__account-actions{
  position:static; inset:auto; display:flex; align-items:center; gap:8px;
}
body[data-view] .workspace-footer .top-panel__home[hidden]{ display:none; }
body:not([data-view="load"]) > #workspaceBrand{
  top:auto; bottom:var(--workspace-footer-bottom); left:max(14px,env(safe-area-inset-left));
  display:flex; align-items:center; gap:8px; width:auto; height:44px; padding:3px;
}
body:not([data-view="load"]) > #workspaceBrand .app-brand__mark{ flex:none; width:38px; height:38px; }
body:not([data-view="load"]) > #workspaceBrand .app-brand__wordmark{
  display:block; position:relative; width:116px; height:24px; overflow:hidden;
}
body:not([data-view="load"]) > #workspaceBrand .app-brand__wordmark img{
  position:absolute; width:145px; max-width:none; height:auto; left:-16px; top:-17px;
}
body:not([data-view="load"]) > #workspaceBrand::before{ right:auto; width:34px; }
body[data-view="browse"] .honeycomb-launcher{
  right:var(--workspace-footer-inset); bottom:var(--workspace-footer-bottom); width:var(--workspace-hive-width);
}
@media(max-width:700px){
  :root{
    --workspace-footer-height:104px;
    --workspace-footer-inset:max(10px,env(safe-area-inset-right));
    --workspace-footer-bottom:max(14px,env(safe-area-inset-bottom));
    --workspace-hive-width:54px; --workspace-footer-gap:10px;
  }
  body:not([data-view="load"]) > #workspaceBrand{
    left:max(10px,env(safe-area-inset-left)); gap:5px; height:34px;
  }
  body:not([data-view="load"]) > #workspaceBrand .app-brand__mark{ width:28px; height:28px; }
  body:not([data-view="load"]) > #workspaceBrand .app-brand__wordmark{ width:87px; height:20px; }
  body:not([data-view="load"]) > #workspaceBrand .app-brand__wordmark img{ width:109px; left:-12px; top:-12px; }
  body[data-view] .workspace-footer > .top-panel__account-actions{ gap:6px; }
  body[data-view] .workspace-footer #workspaceAuth{ width:32px; min-width:32px; padding:0; }
  body[data-view] .workspace-footer #workspaceAuth .profile-menu-trigger__label{ display:none; }
}
@media(max-width:360px){
  body:not([data-view="load"]) > #workspaceBrand{ gap:3px; padding-inline:0; }
  body:not([data-view="load"]) > #workspaceBrand .app-brand__wordmark{ width:66px; height:18px; }
  body:not([data-view="load"]) > #workspaceBrand .app-brand__wordmark img{ width:83px; left:-9px; top:-9px; }
  body[data-view] .workspace-footer > .top-panel__account-actions{ gap:4px; }
}

/* The homepage links its Privacy Policy outside any menu. Like most apps, the
   links sit in a quiet line along the bottom edge of the window; Browse keeps
   a matching gutter (--workspace-legal-gutter) free beneath its panels. */
:root{ --workspace-legal-gutter:26px; }
.workspace-footer > .workspace-legal{
  position:fixed; z-index:89; left:max(16px,env(safe-area-inset-left));
  bottom:env(safe-area-inset-bottom,0px); height:var(--workspace-legal-gutter);
  display:flex; align-items:center; gap:6px; white-space:nowrap;
  font:500 11px/1.35 var(--font); color:var(--faint);
}
.workspace-legal a{ display:inline-block; padding:4px 0; color:var(--dim); text-decoration:none; border-radius:3px; }
.workspace-legal a:hover{ color:var(--ink); text-decoration:underline; text-underline-offset:2px; }
.workspace-legal a:focus-visible{ outline:2px solid var(--accent-ink); outline-offset:2px; }