.pro-iframe-default-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 36px;
}
.pro-iframe-default-toolbar__nav {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 2px;
  padding: 3px 4px;
  background: var(--el-fill-color-light, #f5f7fa);
  border: 1px solid var(--el-border-color-lighter, #ebeef5);
  border-radius: 8px;
}
.pro-iframe-default-toolbar__divider {
  flex-shrink: 0;
  width: 1px;
  height: 18px;
  margin: 0 2px;
  background: var(--el-border-color-lighter, #e4e7ed);
}
.pro-iframe-default-toolbar__btn {
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  color: var(--el-text-color-regular, #606266) !important;
}
.pro-iframe-default-toolbar__btn:hover {
  color: var(--el-color-primary, #409eff) !important;
  background: var(--el-fill-color, #f0f2f5) !important;
}
.pro-iframe-default-toolbar__info {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  min-width: 0;
  padding: 2px 8px;
  background: var(--el-fill-color-lighter, #fafafa);
  border: 1px solid var(--el-border-color-extra-light, #f2f3f5);
  border-radius: 6px;
}
.pro-iframe-default-toolbar__title {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--el-text-color-primary, #303133);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pro-iframe-default-toolbar__url {
  font-size: 12px;
  line-height: 1.3;
  color: var(--el-text-color-secondary, #909399);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pro-iframe-default-toolbar__extra {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}