.studio-account-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-height: 44px;
  padding: 9px 14px;
  border: 1px solid #855638;
  border-radius: 10px;
  background: #342318;
  color: #ffe0c9;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.studio-account-link:hover { background: #48301f; border-color: #ff8b49; }
.studio-account-compact { display: none; }
.studio-access-menu { display: grid; gap: 8px; margin-top: 24px; }
.studio-access-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid #514031;
  border-radius: 10px;
  background: #272019;
  color: #f8ede3;
  font-size: 13px;
  font-weight: 650;
  text-decoration: none;
}
.studio-access-menu a:hover { background: #342318; border-color: #a66e44; }
.studio-access-menu svg { flex-shrink: 0; width: 16px; height: 16px; color: #ff9e63; }
.studio-account-link:focus-visible, .studio-access-menu a:focus-visible {
  outline: 2px solid #ff9e63;
  outline-offset: 4px;
}
.studio-access-menu + .profile-button { margin-top: 16px; }
@media (max-width: 720px) {
  .studio-account-full { display: none; }
  .studio-account-compact { display: inline; }
  .studio-account-link { padding: 8px 10px; font-size: 11px; }
  .workspace-header .orbit-navigation { gap: 10px; }
}
body[data-studio-layout="mobile"] .studio-account-full { display: none; }
body[data-studio-layout="mobile"] .studio-account-compact { display: inline; }
body[data-studio-layout="mobile"] .studio-account-link { padding: 8px 10px; font-size: 11px; }
body[data-studio-layout="mobile"] .workspace-header .orbit-navigation { gap: 10px; }